.stoff-selector{display:block;margin-bottom:25px}.variant-wrapper+.stoff-selector{margin-top:25px}.stoff-selector__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.stoff-selector__header .variant__label{display:block;margin-bottom:10px;font-weight:700}.stoff-selector__info{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.stoff-selector__info-icon{width:14px;height:14px}.stoff-selector__options{display:flex;flex-wrap:wrap;gap:12px 8px;margin:0;padding:0;border:0}.stoff-selector__option{position:relative;flex:1 1 calc(25% - 8px);min-width:70px}.stoff-selector__input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.stoff-selector__tile{display:block;position:relative;overflow:hidden;padding:10px 8px;border-radius:4px;background-color:var(--colorBody);box-shadow:0 0 0 1px var(--colorBorder);text-align:center;cursor:pointer}.stoff-selector__input:focus-visible+.stoff-selector__tile{outline:2px solid var(--colorTextBody);outline-offset:2px}.stoff-selector__input:checked+.stoff-selector__tile{box-shadow:0 0 0 1px var(--colorTextBody);font-weight:700}.stoff-selector__tile.disabled{color:var(--colorBorder)}.stoff-selector__tile.disabled:after{content:"";position:absolute;top:-50%;bottom:-50%;left:50%;border-left:1px solid var(--colorBorder);transform:rotate(45deg)}.variant-input[data-stoff][hidden]{display:none}.stoff-info__tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 15px}.stoff-info__tab{padding:10px;border:1px solid var(--colorBorder);border-radius:4px;background:none;color:inherit;font:inherit;cursor:pointer}.stoff-info__tab[aria-selected=true]{border-color:var(--colorTextBody);font-weight:700}.stoff-info__title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.stoff-info__badge{padding:3px 7px;border-radius:5px;background-color:var(--badge-bg-color, var(--colorTextBody));color:var(--badge-text-color, var(--colorBody));font-size:9px;font-weight:700;line-height:1.2;text-transform:uppercase}.stoff-info__image-headline{margin:0 0 15px;font-size:inherit;font-weight:700;letter-spacing:0;text-transform:none}.stoff-info__images{display:flex;flex-wrap:wrap;gap:8px}.stoff-info__image{display:block;max-width:min(100%,260px);height:auto}tool-tip[data-tool-tip=stoff-info] .tool-tip__close{padding:13px}@media only screen and (max-width:768px){tool-tip[data-tool-tip=stoff-info] .tool-tip__close{padding:7px}.stoff-info__image-headline{font-size:15px}tool-tip[data-tool-tip=stoff-info][data-tool-tip-open=true] .tool-tip__inner{width:calc(100% - 24px);max-width:calc(100% - 24px)}}
/*# sourceMappingURL=/cdn/shop/t/165/assets/stoff-selector.css.map */