.gtc-swatch{padding:calc(var(--gtc-swatch-spacing) / 2);display:block;border:0;background:transparent;cursor:pointer}.gtc-swatch:hover .gtc-swatch-wrapper,.gtc-swatches:not(:has(>.gtc-swatch:hover),:has(.gtc-swatches--hidden .gtc-swatch:hover))>.gtc-swatch--current .gtc-swatch-wrapper{box-shadow:0 0 0 1px var(--gtc-swatch-border-hover, transparent);color:var(--gtc-swatch-text-hover, transparent)}.gtc-swatch-wrapper{position:relative;width:var(--gtc-swatch-width);max-width:var(--gtc-swatch-max-width);height:auto;padding:var(--gtc-swatch-inner-spacing);aspect-ratio:var(--gtc-swatch-aspect-ratio);object-fit:cover;color:var(--gtc-swatch-text, transparent);background-color:transparent;box-shadow:0 0 0 1px var(--gtc-swatch-border, transparent);border-radius:var(--gtc-swatch-shape);overflow:hidden;transition:box-shadow var(--gtc-swatch-transition-duration) var(--gtc-swatch-transition-easing),color var(--gtc-swatch-transition-duration) var(--gtc-swatch-transition-easing),background-color var(--gtc-swatch-transition-duration) var(--gtc-swatch-transition-easing)}.gtc-swatch-wrapper:after{content:"";position:absolute;inset:var(--gtc-swatch-inner-spacing);background:var(--gtc-swatch-background);border-radius:var(--gtc-swatch-shape);overflow:hidden;z-index:-1}.gtc-swatch:hover .gtc-swatch-wrapper:after{background-color:var(--gtc-swatch-background-hover, --gtc-swatch-background)}.gtc-swatch-wrapper__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:2;font-size:calc(var(--gtc-swatch-size) * .2)}.gtc-swatch-wrapper img{aspect-ratio:var(--gtc-swatch-aspect-ratio);border-radius:var(--gtc-swatch-shape);overflow:hidden;object-fit:cover}.gtc-swatch-wrapper--contain{object-fit:contain}.gtc-swatch-count{white-space:nowrap;align-self:center;order:1;font-size:1.12em;padding-inline-start:calc(var(--gtc-swatch-spacing) / 2)}.gtc-swatch-count:before{content:"+"}.gtc-swatches{position:relative;z-index:1000;display:flex;flex-wrap:wrap;margin-inline-start:calc(var(--gtc-swatch-spacing) * -.5);justify-content:var(--gtc-swatch-justify-content-desktop);align-content:var(--gtc-swatch-align-content)}@media (max-width: 768px){.gtc-swatches{justify-content:var(--gtc-swatch-justify-content-mobile)}}.gtc-swatch-image-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.gtc-swatch-image-container--spinner:after{content:"";position:absolute;top:50%;left:50%;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;border:3px solid transparent;border-top:3px solid #000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gtc-swatch-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--gtc-swatch-transition-duration) var(--gtc-swatch-transition-easing)}.gtc-swatch-image--active{opacity:1}.gtc-page-swatches-container{display:flex;flex-direction:column;align-items:var(--gtc-swatch-justify-content-desktop)}.gtc-page-swatches{width:100%;max-width:var(--gtc-swatch-grid-max-width-desktop)}.gtc-page-swatches .gtc-swatch{width:calc(100% / var(--gtc-swatch-grid-col-items))}.gtc-page-swatches--wrap>.gtc-swatch{width:var(--gtc-swatch-size)}@media (max-width: 768px){.gtc-page-swatches-container{align-items:var(--gtc-swatch-justify-content-mobile)}.gtc-page-swatches{max-width:var(--gtc-swatch-grid-max-width-mobile)}}.gtc-swatches__button{position:relative;z-index:1}.gtc-swatches__button:has(img) .gtc-swatch-wrapper:after{opacity:.7;z-index:1;transition:opacity var(--gtc-swatch-transition-duration) var(--gtc-swatch-transition-easing),background-color var(--gtc-swatch-transition-duration) var(--gtc-swatch-transition-easing)}.gtc-swatches__button:has(img):hover .gtc-swatch-wrapper:after{opacity:.3}.gtc-swatches__modal{display:grid;grid-template-columns:repeat(var(--gtc-swatch-grid-col-items),1fr);gap:var(--gtc-swatch-spacing)}.gtc-swatches--hidden{display:contents}.gtc-swatches--hidden.hidden{display:none}.gtc-swatches:has(.gtc-swatches--hidden:not(.hidden)) .gtc-swatches__button{display:none}
/*# sourceMappingURL=/cdn/shop/t/465/assets/gtc-linked-products.css.map */