.section-product-hotspots{position:relative}.section-product-hotspots__wrapper{display:flex;flex-direction:column;gap:var(--gap);width:100%;height:100%}.section-product-hotspots__content{position:relative;aspect-ratio:var(--ratio, 21 / 9);overflow:hidden}@media(hover:none){.hotspot.hotspot--hidden-touch{display:none}}@media screen and (max-width:749px){.hotspot .hotspot-dialog{display:none}}.hotspot{position:absolute;cursor:pointer;width:var(--button-size);height:var(--button-size);display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;font:inherit;color:inherit;outline:none;transition:border-color .2s ease-out,box-shadow .2s ease-out;z-index:var(--layer-flat)}.hotspot:has(.hotspot-dialog[open]){z-index:var(--layer-raised)}.hotspot .hotspot-trigger{padding:0;border:none}.hotspot-dialog__product-content{display:flex;flex-direction:column;justify-content:space-between;padding:var(--padding-xs);padding-inline-start:0;overflow:hidden}.hotspot-trigger{width:var(--hotspot-size);height:var(--hotspot-size);background:var(--hotspot-bg, rgb(0 0 0 / .5));border-radius:50%;cursor:pointer;position:relative;transition:width .1s ease-out,height .1s ease-out}@media screen and (max-width:749px){.hotspot-trigger{cursor:pointer;-webkit-tap-highlight-color:transparent}}.hotspot-trigger:after{content:"";position:absolute;top:50%;left:50%;width:calc(var(--hotspot-size) * .4);height:calc(var(--hotspot-size) * .4);background:var(--hotspot-bullseye, #fff);border-radius:50%;transform:translate(-50%,-50%);transition:width .1s ease-out,height .1s ease-out,background .1s ease-out}@media screen and (min-width:750px){.hotspot:hover .hotspot-trigger:after,.hotspot:has(.hotspot-dialog[open]) .hotspot-trigger:after{width:calc(var(--hotspot-size) * .55);height:calc(var(--hotspot-size) * .55);transition:width .2s ease-out,height .2s ease-out,background .2s ease-out;transition-delay:.2s}}.hotspots-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-flat);overflow:clip}.hotspots__background-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hotspot .hotspot-dialog{position:absolute;padding:0;border-radius:var(--style-border-radius-popover);border:var(--style-border-popover);width:max-content;min-width:var(--minimum-width-dialog);max-width:var(--maximum-width-dialog);box-shadow:var(--shadow-popover)}.hotspot .hotspot-dialog[data-placement*=bottom]{--offset-y: 0px;--origin-y: calc(var(--hotspot-size) / 2);top:calc((var(--button-size) - var(--hotspot-size)) / 2 + var(--dialog-vertical-offset, 0px));bottom:unset}.hotspot .hotspot-dialog[data-placement*=top]{--offset-y: 0px;--origin-y: calc(100% - (var(--hotspot-size) * .5));top:unset;bottom:calc((var(--button-size) - var(--hotspot-size)) * .5 - var(--dialog-vertical-offset, 0px))}.hotspot .hotspot-dialog[data-placement*=left]{--offset-x: calc((var(--button-size) - var(--hotspot-size)) * .5);--origin-x: calc(100% - (var(--hotspot-size) * .5));left:unset;right:100%}.hotspot .hotspot-dialog[data-placement*=right]{--offset-x: calc((var(--button-size) - var(--hotspot-size)) * -.5);--origin-x: calc(var(--hotspot-size) * .5);left:100%;right:unset}.hotspot .hotspot-dialog[data-placement*=center]{left:50%;translate:-50% 0;right:unset}.hotspot .hotspot-dialog[data-placement*=center][data-placement*=bottom]{--origin-y: calc(var(--hotspot-size) * .5);--origin-x: 50%;--offset-y: calc((var(--button-size) - var(--hotspot-size)) * -.5);--offset-x: 0;top:100%;bottom:unset;margin:0}.hotspot .hotspot-dialog[data-placement*=center][data-placement*=top]{--origin-y: calc(100% - (var(--hotspot-size) * .5));--origin-x: 50%;--offset-y: calc((var(--button-size) - var(--hotspot-size)) * .5);--offset-x: 0;bottom:100%}.hotspot .hotspot-dialog:is(:focus,:focus-visible),.hotspot .hotspot-dialog__link:is(:focus,:focus-visible){outline:none}.hotspot-dialog__product{display:grid;grid-template-columns:auto 1fr}.hotspot-dialog__product-image,.hotspot-dialog svg.hotspot-dialog__placeholder-product-image{width:var(--width-product-image-dialog);height:var(--width-product-image-dialog);aspect-ratio:1;padding:var(--padding-product-image-popover, var(--padding-xs));object-fit:cover;border-radius:var(--style-border-radius-popover)}.hotspot-dialog__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-flat)}.hotspot-dialog__product-title{margin-block-end:var(--product-title-gap);padding-inline-end:var(--padding-sm);min-width:0}.hotspot .hotspot-dialog .hotspot-dialog__sold-out-badge{display:flex;width:fit-content;justify-self:flex-end;align-self:flex-end;justify-content:center;align-items:center;font-size:var(--font-body--size);padding:var(--padding-2xs) var(--padding-sm);background:rgb(var(--color-foreground-rgb) / var(--opacity-10));border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-sm);opacity:var(--opacity-80)}.hotspot .hotspot-dialog{--hotspot-blur: 4px;--hotspot-scale: .8;--hotspot-entry-duration: .2s;--hotspot-exit-duration: .1s;filter:blur(var(--hotspot-blur));opacity:0;transform:scale(var(--hotspot-scale)) translate(0);transition-property:display,opacity,filter,transform;transition-duration:var(--hotspot-entry-duration);transition-timing-function:ease;transform:scale(var(--hotspot-scale)) translate(var(--offset-x),var(--offset-y));transform-origin:var(--origin-x) var(--origin-y);transition-timing-function:cubic-bezier(.65,-.49,.35,1.12)}.hotspot .hotspot-dialog[data-closing=true]{transition-duration:var(--hotspot-exit-duration);transition-timing-function:ease-out;transform:scale(1) translateY(calc(var(--hotspot-size) * .25))}.hotspot .hotspot-dialog[data-showing=true]{transition-behavior:allow-discrete}.hotspot .hotspot-dialog[open][data-showing=true]{opacity:1;transform:scale(1) translate(0);filter:blur(0px)}@starting-style{.hotspot .hotspot-dialog[open][data-showing=true]{opacity:0;filter:blur(var(--hotspot-blur));transform:scale(var(--hotspot-scale)) translate(var(--offset-x),var(--offset-y));transform-origin:var(--origin-x) var(--origin-y)}}.hotspot .hotspot-dialog:after{content:"";position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:all;transition:opacity .22s ease-out,translate .22s .1s ease-out;scale:var(--scale-x, 1) var(--scale-y, 1);z-index:var(--layer-flat)}.hotspot-dialog[open]:is([data-placement*=left],[data-placement*=right]):after{clip-path:polygon(0 0,100% 0,100% 100%);width:calc(var(--button-size) / 2 + var(--hotspot-size) * .5)}.hotspot-dialog[open][data-placement*=right]:after{right:100%;left:unset}.hotspot-dialog[open][data-placement*=left]:after{left:100%;right:unset;--scale-x: -1}.hotspot-dialog[open][data-placement*=top]:after{--scale-y: -1}.hotspot-dialog[open][data-placement*=center]:after{height:calc(var(--button-size) / 2 + var(--hotspot-size) * .5);width:100%;clip-path:polygon(0 0,100% 0,50% calc(100% - var(--hotspot-size) * .25));--scale-x: 1;--scale-y: 1}.hotspot-dialog[open][data-placement*=center][data-placement*=bottom]:after{top:unset;bottom:100%;--scale-y: -1}.hotspot-dialog[open][data-placement*=center][data-placement*=top]:after{top:100%;bottom:unset}.hotspot-dialog[open] .quick-add{display:flex;flex-direction:column;justify-content:flex-end;width:auto;height:auto;position:relative;z-index:var(--layer-flat)}.hotspot-dialog[open] .quick-add__button{position:relative;padding-block:0;box-shadow:none;align-items:center;justify-self:flex-end;height:fit-content;translate:var(--padding-2xs) 0;border:none;color:var(--color-foreground);background-color:var(--color-background);overflow:visible;pointer-events:all;opacity:1;animation:elementSlideInTop var(--animation-speed) var(--animation-easing);transition-property:translate;transition-duration:var(--animation-speed);transition-timing-function:var(--ease-out-cubic)}.hotspot-dialog[open] .quick-add__button:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:52px;border:2px solid transparent;pointer-events:none;transition-property:border-color;transition-duration:0s;transition-timing-function:var(--ease-out-cubic)}.hotspot-dialog[open] .quick-add__button:is(:hover,:focus,:focus-visible,:active){translate:0 0;transition-delay:var(--animation-speed-slow)}.hotspot-dialog[open] .quick-add__button:is(:hover,:focus,:focus-visible,:active):before{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-15));transition-duration:var(--animation-speed);transition-delay:var(--animation-speed-slow)}.page-block{display:flex;flex-direction:column;max-width:100%;max-height:100%;width:100%;height:auto;align-items:flex-start}.page-title{margin-bottom:var(--margin-xl)}.facets input:checked+label{font-weight:500}.facets .checkbox .icon-checkmark{transition:border-color .2s ease,background-color .2s ease}.facets .checkbox:not(.checkbox--disabled):hover .icon-checkmark{border-color:rgb(var(--color-foreground-rgb) / var(--opacity-40-60));background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.facets .checkbox:not(.checkbox--disabled):hover .checkbox__input:checked+.checkbox__label .icon-checkmark{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-85))}.facets .checkbox:not(.checkbox--disabled):hover .checkbox__label-text{color:rgb(var(--color-foreground-rgb) / var(--opacity-90))}.facets .checkbox .checkbox__label-text{transition:color .2s ease,font-weight .2s ease}.facets__pill-label{--pill-label-padding-inline: var(--padding-xs);--pill-label-border-radius: var(--style-border-radius-md);--pill-label-border-width: var(--variant-picker-button-border-width);--pill-label-height: var(--button-size-md);--pill-label-focus-outline-color: var(--color-foreground);--pill-label-color: var(--color-foreground);--pill-label-color-rgb: var(--color-foreground-rgb);--pill-label-background-color: var(--color-background);--pill-label-background-color-rgb: var(--color-background-rgb);--pill-label-border-opacity: var(--facets-low-opacity);display:inline-flex;position:relative;align-items:center;justify-content:center;box-shadow:inset 0 0 0 var(--pill-label-border-width) rgb(var(--pill-label-color-rgb) / var(--opacity-10-25));border-radius:var(--pill-label-border-radius);height:var(--pill-label-height);width:100%;padding-inline:var(--pill-label-padding-inline);color:rgb(var(--pill-label-color-rgb));background-color:rgb(var(--pill-label-background-color-rgb));cursor:pointer;transition:color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing);outline-color:var(--pill-label-focus-outline-color)}.facets__pill-label:hover{--pill-label-border-opacity: 100%}.facets__pill-input:checked+.facets__pill-label{--pill-label-color-rgb: var(--color-background-rgb);--pill-label-background-color-rgb: var(--color-foreground-rgb);--pill-label-border-opacity: 0;font-weight:500}.facets__pill-input:disabled+.facets__pill-label{opacity:var(--disabled-opacity);cursor:not-allowed}.facets__pill-input:disabled+.facets__pill-label:hover{--pill-label-border-opacity: var(--facets-low-opacity)}.facets__status-wrapper{display:flex;align-items:center}@media screen and (max-width:749px){.facets--drawer .facets__status-wrapper{gap:var(--gap-3xs)}}.facets--vertical .facets__status-wrapper{gap:var(--gap-xs)}.facets--horizontal .facets__status-wrapper{gap:0}.facets__pill-input:disabled+.facets__pill-label svg{position:absolute;top:0;left:0;border-radius:var(--style-border-radius-md)}.facets__pill-label svg line{stroke-width:1.5px;stroke:rgb(var(--color-foreground-rgb) / var(--facets-low-opacity))}.facets__pill-wrapper{position:relative}.facets__pill-input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;width:auto;height:auto;aspect-ratio:unset;border:none;border-radius:0;background:transparent;-webkit-appearance:auto;appearance:auto;display:block;opacity:0;cursor:pointer}.facets__status--swatches{display:none}.facets__swatch-wrapper{display:flex}.variant-option__swatch-wrapper{position:relative;overflow:visible;border-radius:var(--options-border-radius)}.variant-option--swatches-disabled{pointer-events:none;cursor:not-allowed}.variant-option--swatches-disabled .variant-option__swatch-wrapper{overflow:hidden}@media screen and (min-width:750px){.facets--horizontal .facets__status--swatches{display:flex}}@media screen and (min-width:750px){.facets--horizontal .sorting-filter .facets__status{display:none}}.facets__status--swatches .swatch{width:calc(var(--variant-picker-swatch-width) / 1.5);height:calc(var(--variant-picker-swatch-height) / 1.5)}.facets__status--swatches .swatch+.swatch{margin-left:calc(var(--variant-picker-swatch-width) / -3);outline:1px solid rgb(var(--color-background-rgb))}.facets__inputs-wrapper .facets__inputs-list--images{display:grid;grid-template-columns:repeat(var(--image-columns),125px);gap:var(--gap-sm)}.facets--drawer .facets__inputs-wrapper .facets__inputs-list--images{grid-template-columns:repeat(3,1fr)}@media screen and (min-width:750px){.facets--drawer .facets__inputs-wrapper .facets__inputs-list--images{grid-template-columns:repeat(4,1fr)}}.facets--vertical .facets__inputs-wrapper .facets__inputs-list--images{grid-template-columns:repeat(2,1fr)}.facets--drawer .facets__inputs-list--images{padding-top:var(--padding-xs)}.facets__image-wrapper{aspect-ratio:1/1;width:100%;padding:var(--padding-xs);position:relative;overflow:hidden}.facets__image-wrapper img{height:100%;width:100%;object-fit:contain;border-radius:calc(var(--border-radius) / 2)}.facets__image-label{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-block-end:var(--padding-xs);cursor:pointer}.facets__inputs-list-item--disabled .facets__image-label{cursor:not-allowed}.facets__inputs-list-item:not(.facets__inputs-list-item--disabled) .facets__image-label:hover{font-weight:500}.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch{--focus-outline: var(--focus-outline-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.facets__inputs-list--swatches-grid .variant-option__button-label:has(:focus-visible) .swatch{--focus-outline: var(--focus-outline-width) solid currentcolor;outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.facets__inputs-list--swatches-grid .variant-option__button-label:has(:focus-visible){outline:none}.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover{outline:none}.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(:checked){--focus-outline: none}.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(:checked) .swatch{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.facets__inputs-list--swatches .variant-option__button-label{--color-variant-text: var(--color-foreground)}.facets__inputs-list--swatches{--variant-picker-swatch-width: 32px;--variant-picker-swatch-height: 32px}@media screen and (min-width:750px){.facets__inputs-list--swatches{--variant-picker-swatch-width: 26px;--variant-picker-swatch-height: 26px}}.facets--vertical .facets__inputs-wrapper .facets__inputs-list--swatches-grid{gap:var(--gap-sm)}.facets--vertical .facets__inputs-list--swatches .facets__inputs-list-item{display:flex}.facets__inputs-wrapper .facets__inputs-list--swatches-grid{--columns: 2;display:grid;grid-template-columns:repeat(var(--columns),1fr)}.facets__inputs-wrapper .facets__inputs-list--swatches-grid .variant-option--swatches{cursor:pointer;overflow:visible}.facets__inputs-list-item--disabled .variant-option--swatches{cursor:not-allowed}.facets__inputs-wrapper .facets__inputs-list--swatches-grid label{cursor:pointer;word-break:break-word;white-space:normal}.facets__inputs-list--swatches-grid .facets__inputs-list-item--disabled label,.facets__inputs-list-item--disabled .variant-option__button-label{cursor:not-allowed}.facets__inputs-wrapper .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(input[type=checkbox]){align-items:center;overflow:visible;justify-content:flex-start;display:flex;width:100%;flex-basis:unset;gap:var(--gap-sm)}.facets__inputs-wrapper .facets__inputs-list--swatches-grid .variant-option__button-label:has(:checked){color:rgb(var(--color-foreground-rgb));background-color:rgb(var(--color-background-rgb));font-weight:500;transition:font-weight .2s ease}.facets .variant-option--swatches{--options-border-radius: var(--variant-picker-swatch-radius);width:auto}.facets__inputs-list-item:not(.facets__inputs-list-item--disabled) .variant-option__button-label:hover{font-weight:500}.variant-option--images{--image-facet-border-width: var(--variant-picker-button-border-width);--image-facet-border-opacity: var(--facets-low-opacity);--image-facet-border-radius: var(--style-border-radius-xs);position:relative;border-radius:var(--image-facet-border-radius);box-shadow:inset 0 0 0 var(--image-facet-border-width) rgb(var(--color-foreground-rgb) / var(--image-facet-border-opacity))}.variant-option--images:hover{--image-facet-border-opacity: 100%}.variant-option--images:has(input:checked){font-weight:500;transition:font-weight .2s ease}.variant-option--images:has(input:checked):hover{--image-facet-border-width: calc(var(--variant-picker-button-border-width) + .5px)}.variant-option--images:has(input:focus-visible){outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}.variant-option--images input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;padding:0;width:100%;height:100%;aspect-ratio:unset;border:none;border-radius:0;background:transparent;-webkit-appearance:auto;appearance:auto;display:block;cursor:pointer}.facets__inputs-list-item--disabled .variant-option--images{--image-facet-border-opacity: 0;opacity:var(--disabled-opacity);cursor:not-allowed}.facets__inputs-list-item--disabled .variant-option--images:hover{--image-facet-border-opacity: 0}.facets__inputs-list-item--disabled .variant-option--images img{opacity:var(--disabled-opacity)}.facets__inputs-list-item--disabled .variant-option--images input,.facets__inputs-list-item--disabled .variant-option--images label,.facets__inputs-list-item--disabled .variant-option--images .facets__image-label{cursor:not-allowed}.facets__inputs-list-item--disabled .variant-option--images .facets__image-wrapper{border:var(--style-border-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-30));border-radius:var(--image-facet-border-radius)}.variant-option--images svg{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;stroke-width:var(--border-width);stroke:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.facets__inputs-list-item,.variant-option--images{min-width:0}@supports not (background-color: rgb(from red 150 g b / alpha)){.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch{outline:none;position:relative;overflow:visible}.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch:after{content:"";position:absolute;inset:calc(-1 * var(--focus-outline-offset));border:var(--focus-outline);border-radius:var(--focus-outline-radius, 50%);background-color:transparent;display:inherit}}
/*# sourceMappingURL=/cdn/shop/t/1/compiled_assets/styles.css.map?subset=AAAAYAAAAAAAAAAAAAEEAAAEAAAACIAAAAAAAAg */