.style-selector{--style-selector-gap: 8px;--style-selector-gutter: 0px;--style-selector-btn-bg: #f1f1f1;--style-selector-btn-text: #000;--style-selector-btn-active-border: rgb(var(--color-foreground));--style-selector-btn-height: 52px;--style-selector-btn-radius: 4px;--style-selector-icon-size: 40px;--style-selector-font-size: 18px;--style-selector-fade-width: 48px;margin-block-end:var(--sp-6)}.style-selector[hidden]{display:none}.style-selector__nav{position:relative}.style-selector__slider{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--style-selector-gutter);scrollbar-width:none}.style-selector__slider::-webkit-scrollbar{display:none}.style-selector .style-selector__slider{--fade-start: 0px;--fade-end: 0px}.style-selector.has-more-start .style-selector__slider{--fade-start: var(--style-selector-fade-width)}.style-selector.has-more-end .style-selector__slider{--fade-end: var(--style-selector-fade-width)}.style-selector:is(.has-more-start,.has-more-end) .style-selector__slider{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent)}.style-selector__list{display:flex;gap:var(--style-selector-gap);width:max-content;margin:0;padding:2px var(--style-selector-gutter);list-style:none}.style-selector__item{flex-shrink:0;scroll-snap-align:start}.style-selector__link{display:inline-flex;align-items:center;gap:6px;min-height:var(--style-selector-btn-height);padding:0 16px;border-radius:var(--style-selector-btn-radius);background-color:var(--style-selector-btn-bg);color:var(--style-selector-btn-text);font-size:var(--style-selector-font-size);line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .15s ease-out,box-shadow .15s ease-out}.style-selector__link:hover{background-color:#e4e4e4}.style-selector__link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.style-selector__item.is-active .style-selector__link{box-shadow:inset 0 0 0 2px var(--style-selector-btn-active-border)}.style-selector__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--style-selector-icon-size);height:var(--style-selector-icon-size)}.style-selector__icon img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.style-selector__remove{display:none;margin-inline-start:2px}.style-selector__remove .icon{width:12px;height:12px}.style-selector__item.is-active .style-selector__remove{display:inline-flex}@media(pointer:fine){.style-selector__slider{cursor:grab;-webkit-user-select:none;user-select:none}.style-selector__slider.is-dragging{cursor:grabbing;scroll-snap-type:none}.style-selector__slider.is-dragging .style-selector__link{pointer-events:none}}.style-selector__arrow{display:none;position:absolute;top:calc(50% - 16px);z-index:1;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1px 4px #00000026;cursor:pointer}.style-selector__arrow--prev{left:4px}.style-selector__arrow--next{right:4px}@media(pointer:fine){.style-selector.has-more-start .style-selector__arrow--prev,.style-selector.has-more-end .style-selector__arrow--next{display:inline-flex}}.style-selector,.style-selector *{transform:none!important;--motion-translateX: 0 !important;--motion-translateY: 0 !important}@media screen and (max-width:767px){.style-selector{--style-selector-font-size: 16px;--style-selector-fade-width: 24px;--style-selector-gutter: var(--page-padding);margin-inline:calc(var(--page-padding) * -1)}}
/*# sourceMappingURL=/cdn/shop/t/242/assets/de-style-selector.css.map */