.swatch__button.swatch__button--image{display:inline-flex;flex-direction:column;align-items:center}.swatch__button.swatch__button--image label{width:auto;height:auto;max-width:110px;overflow:hidden;border-radius:6px;background-color:transparent;border:1.5px solid var(--border);padding:4px}.swatch__button--image .swatch__card{display:flex;align-items:center;gap:5px}.swatch__button--image .swatch__image__wrapper{width:50px;height:50px;flex-shrink:0;border-radius:4px}.swatch__button--image .swatch__image{width:100%;height:100%;object-fit:cover}.swatch__button--image .swatch__name{font-size:14px;white-space:normal;line-height:1.2}.swatch__button--image input:checked~label:after{content:none}.swatch__button--image input:checked~label{background-color:#d0d0d0}.swatch__button.swatch__button--image input:disabled~label,.swatch__button.swatch__button--image input.sold-out~label,.swatch__button.swatch__button--image input.unavailable~label{position:relative;border-color:#7c7c7c;background-color:transparent}.swatch__button--image input:disabled~label .swatch__card,.swatch__button--image input.sold-out~label .swatch__card,.swatch__button--image input.unavailable~label .swatch__card{opacity:.4}.swatch__button.swatch__button--image input:disabled~label:before,.swatch__button.swatch__button--image input.sold-out~label:before,.swatch__button.swatch__button--image input.unavailable~label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin-left:0;border-radius:0;transform:none;z-index:2;background:linear-gradient(to top right,transparent 50%,#7c7c7c 50%,#7c7c7c calc(50% + 1px),transparent calc(50% + 1px))}.swatch__caption{display:none}.swatch__button--image .swatch__caption{display:block;margin-top:8px;font-size:14px;line-height:1.2;text-align:center;color:var(--text-dark)}.radio__button .sold-out+label,.radio__button .unavailable+label{overflow:hidden}.radio__button .sold-out+label:before,.radio__button .unavailable+label:before{top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin-left:0;border-radius:0;transform:none;background:linear-gradient(to top right,transparent 50%,#7c7c7c 50%,#7c7c7c calc(50% + 1px),transparent calc(50% + 1px))}@media only screen and (min-width:768px){.media__thumb__holder--mobile-only{display:none}}@media only screen and (max-width:767px){.product__mobile--carousel .media__thumb__holder,.product__mobile--slideshow .media__thumb__holder{display:none}.wrapper--none .product__mobile--thumbs .media__thumb:first-child{margin-left:var(--IMAGE-SPACING)}}.media__thumb img{filter:brightness(var(--PHOTO-CORRECTION))}.media__thumb__wrapper{width:100%;display:block;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;touch-action:auto;text-align:center;padding-top:4px;padding-bottom:4px}.media__thumb__wrapper::-webkit-scrollbar{display:none}.media__thumb__holder{position:relative;margin-top:var(--IMAGE-SPACING)}.no-js .media__thumb__holder{display:none}.media__thumb__holder .media__thumb__button{height:60px;width:30px;position:absolute;z-index:1;opacity:1;transition:opacity .2s;top:0}.media__thumb__holder .media__thumb__button:not(.show){opacity:0;pointer-events:none}.media__thumb__holder .media__thumb__button svg{position:absolute;top:50%;transform:translateY(-50%);transform-origin:center}.media__thumb__holder .media__thumb__button path{stroke:currentcolor}.media__thumb__holder [data-thumbs-arrow-prev]{left:0;background:linear-gradient(to left,rgba(255,255,255,0),var(--bg) 40%)}.media__thumb__holder [data-thumbs-arrow-next]{right:0;background:linear-gradient(to right,rgba(255,255,255,0),var(--bg) 40%)}.media__thumb__holder [data-thumbs-arrow-prev] svg{left:0;transform:translateY(-50%) rotate(-90deg)}.media__thumb__holder [data-thumbs-arrow-next] svg{right:0;transform:translateY(-50%) rotate(-90deg)}.media__thumb{position:relative;display:inline-block;box-sizing:border-box;cursor:pointer;width:60px;height:60px;margin:0 4px 4px;border-radius:6px;overflow:hidden;transition:box-shadow .2s}.media__thumb.hide{display:none!important}.media__thumb.is-activated{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.media__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media__thumb .icon{position:absolute;top:2px;right:2px;margin:0;height:20px;width:20px;color:transparent;fill:var(--COLOR-BG);vertical-align:baseline}.media__thumb .icon path{fill:inherit;stroke:inherit}.media__thumb .icon path.icon-media-model-outline,.media__thumb .icon path.icon-media-video-outline{stroke:var(--COLOR-A5)}.media__thumb .icon path.icon-media-model-element,.media__thumb .icon path.icon-media-video-element{fill:var(--COLOR-TEXT-DARK)}[data-thumbnails-left] .media__thumb__holder{width:100%}.no-js [data-thumbnails-left] .media__thumb__holder{display:none}@media only screen and (min-width:768px){[data-thumbnails-left]{align-items:flex-start}[data-thumbnails-left] .media__thumb__holder{top:0;overflow:hidden;position:relative;order:-1;margin-right:var(--gutter);flex:0 0 calc(60px + var(--IMAGE-SPACING));width:calc(60px + var(--IMAGE-SPACING));margin-top:0;margin-right:0}[data-thumbnails-left] .media__thumb__wrapper{position:absolute;top:0;left:0;overflow-y:auto;overflow-x:hidden;max-height:100%;white-space:normal;transition:height .3s}[data-thumbnails-left] .product__media__wrapper{display:flex;justify-content:flex-end}[data-thumbnails-left] .product__grid--slides{flex:1 1 auto}[data-thumbnails-left] .media__thumb{margin-right:0;margin-inline-end:var(--IMAGE-SPACING)}[data-thumbnails-left] .media__thumb .icon{left:2px;right:auto}[data-thumbnails-left] .media__thumb img{height:60px;width:60px}[data-thumbnails-left] .media__thumb__holder .media__thumb__button{height:30px;width:60px;left:0;right:0;transform:rotate(0)}[data-thumbnails-left] .media__thumb__holder [data-thumbs-arrow-prev]{top:0;background:linear-gradient(to top,rgba(255,255,255,0),var(--bg) 40%)}[data-thumbnails-left] .media__thumb__holder [data-thumbs-arrow-next]{bottom:0;top:auto;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--bg) 40%)}[data-thumbnails-left] .media__thumb__holder .media__thumb__button svg{position:absolute;top:0;inset-inline:0;margin:0 auto;transform:rotate(0)}[data-thumbnails-left] .media__thumb__holder [data-thumbs-arrow-next] svg{bottom:0;top:auto}}
/*# sourceMappingURL=/cdn/shop/t/54/compiled_assets/styles.css.map */