:root{--css-loaded-halo-gallery: 1}@property --halo-rx{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --halo-ry{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --halo-tilt{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --halo-turn{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --halo-center-gap{syntax: "<length>"; inherits: true; initial-value: 0px;}halo-gallery{--spacing-scale: 1;--halo-height: max(calc(var(--space-6xl) * 4.5), 100svh);--halo-hover-duration: calc(var(--duration-slow) * 2);--halo-hover-easing: var(--ease-out);display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);position:relative;box-sizing:border-box;width:100%;height:var(--halo-height);overflow:hidden;container-type:size;background-color:var(--color-background);color:var(--color-foreground)}halo-gallery[data-height=large]{--halo-height: max(calc(var(--space-6xl) * 4), 80svh)}halo-gallery[data-height=medium]{--halo-height: max(calc(var(--space-6xl) * 3.5), 60svh)}@media screen and (max-width:749px){halo-gallery{--spacing-scale: .75}}halo-gallery>*{--halo-rx: min( 28cqw, calc( sqrt(max(pow(50 - var(--halo-tile) * var(--halo-tile-h) * .55, 2) - pow(26 * .9397, 2), 0)) / .342 * 1cqh ) );--halo-ry: 26cqh;--halo-tilt: -20deg;--halo-tile: 26;--halo-tile-shape: 1;--halo-tile-h: 1;--halo-ratio: 3 / 2;--halo-center-gap: var(--space-lg)}halo-gallery:has(>[data-shape=level])>*{--halo-rx: 30cqw;--halo-ry: 24cqh;--halo-tilt: 0deg}halo-gallery:has(>[data-shape=circle])>*{--halo-rx: min(28cqw, 30cqh);--halo-ry: min(28cqw, 30cqh);--halo-tilt: 0deg}@media screen and (max-width:749px){halo-gallery:has(>[data-shape])>*{--halo-rx: 34cqw;--halo-ry: 30cqh}halo-gallery:has(>[data-shape=tilted])>*{--halo-rx: 29cqw}halo-gallery:has(>[data-shape=circle])>*{--halo-rx: min(34cqw, 30cqh);--halo-ry: min(34cqw, 30cqh)}}halo-gallery:has(>[data-size=small])>*{--halo-tile: 20}halo-gallery:has(>[data-size=large])>*{--halo-tile: 32}halo-gallery:has(>[data-image-shape=landscape])>*{--halo-tile-h: .6667}halo-gallery:has(>[data-image-shape=square])>*{--halo-tile-shape: .8;--halo-tile-h: .8;--halo-ratio: 1}halo-gallery:has(>[data-image-shape=portrait])>*{--halo-tile-shape: .7;--halo-tile-h: .875;--halo-ratio: 4 / 5}.halo-center{grid-area:1 / 1;place-self:center;z-index:2;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;max-width:clamp(var(--space-6xl),calc(2 * (var(--halo-rx) - var(--halo-tile) * var(--halo-tile-shape) * .5cqmin) - 2 * var(--halo-center-gap)),calc(var(--space-6xl) * 4));scale:var(--halo-center-scale, 1);text-align:center;--text-align-default: center;--horizontal-alignment: center;pointer-events:none}.halo-center>*{pointer-events:auto}html.shopify-design-mode .halo-center{pointer-events:auto}.halo-center img,.halo-center svg{max-height:calc(var(--halo-ry) * .8);width:auto;object-fit:contain}.halo-ring{grid-area:1 / 1;position:relative;min-width:0;min-height:0;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.halo-ring:active{cursor:grabbing}.halo-ring{--halo-spin-duration: calc(var(--duration-slower) * 245);--halo-fastest-spin-duration: calc(var(--duration-slower) * 3.5);--halo-settle-duration: calc(var(--motion-follow-duration) * 3.3);--halo-stop-duration: calc(var(--motion-follow-duration) * 1.7);transition-property:none;transition-duration:var(--halo-spin-duration),var(--halo-fastest-spin-duration),var(--halo-settle-duration),var(--halo-stop-duration)}.halo-ring[data-speed=fast]{--halo-spin-duration: calc(var(--duration-slower) * 86)}.halo-ring[data-speed=off]{--halo-spin-duration: 0s}.halo-ring__list{--halo-tc: cos(var(--halo-tilt));--halo-ts: sin(var(--halo-tilt));--n: 1;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.halo-ring__list:has(>:nth-child(2):last-child){--n: 2}.halo-ring__list:has(>:nth-child(3):last-child){--n: 3}.halo-ring__list:has(>:nth-child(4):last-child){--n: 4}.halo-ring__list:has(>:nth-child(5):last-child){--n: 5}.halo-ring__list:has(>:nth-child(6):last-child){--n: 6}.halo-ring__list:has(>:nth-child(7):last-child){--n: 7}.halo-ring__list:has(>:nth-child(8):last-child){--n: 8}.halo-ring__list:has(>:nth-child(9):last-child){--n: 9}.halo-ring__list:has(>:nth-child(10):last-child){--n: 10}.halo-ring__list:has(>:nth-child(11):last-child){--n: 11}.halo-ring__list:has(>:nth-child(12):last-child){--n: 12}.halo-ring__list:has(>:nth-child(13):last-child){--n: 13}.halo-ring__list:has(>:nth-child(14):last-child){--n: 14}.halo-ring__list:has(>:nth-child(15):last-child){--n: 15}.halo-ring__list:has(>:nth-child(16):last-child){--n: 16}.halo-ring__list:has(>:nth-child(17)){--n: 16}.halo-item{--a: calc(var(--i, 0) / var(--n) * 1turn + var(--halo-turn));--x: calc(cos(var(--a)) * var(--halo-rx));--y: calc(sin(var(--a)) * var(--halo-ry));position:absolute;top:50%;left:50%;width:calc(var(--halo-tile) * var(--halo-tile-shape) * 1cqmin);aspect-ratio:var(--halo-ratio);transform:translate(-50%,-50%) translate(calc(var(--x) * var(--halo-tc) - var(--y) * var(--halo-ts)),calc(var(--x) * var(--halo-ts) + var(--y) * var(--halo-tc)));transition-property:filter,opacity;transition-duration:var(--halo-hover-duration, var(--motion-hover-duration));transition-timing-function:var(--halo-hover-easing, var(--motion-hover-easing))}.halo-item:nth-child(2){--i: 1}.halo-item:nth-child(3){--i: 2}.halo-item:nth-child(4){--i: 3}.halo-item:nth-child(5){--i: 4}.halo-item:nth-child(6){--i: 5}.halo-item:nth-child(7){--i: 6}.halo-item:nth-child(8){--i: 7}.halo-item:nth-child(9){--i: 8}.halo-item:nth-child(10){--i: 9}.halo-item:nth-child(11){--i: 10}.halo-item:nth-child(12){--i: 11}.halo-item:nth-child(13){--i: 12}.halo-item:nth-child(14){--i: 13}.halo-item:nth-child(15){--i: 14}.halo-item:nth-child(16){--i: 15}.halo-item:nth-child(n+17){display:none}.halo-ring[data-image-shape=adapt] .halo-item{width:calc(var(--halo-tile) * sqrt(var(--halo-item-ratio, 1.5) / 1.5) * 1cqmin);aspect-ratio:var(--halo-item-ratio, 1.5)}halo-gallery.is-turning .halo-item{will-change:transform}.halo-item.is-active{z-index:1}.halo-item__frame{display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--halo-radius, var(--radius-media));transform:scale(1);transition:transform var(--halo-hover-duration, var(--motion-hover-duration)) var(--halo-hover-easing, var(--motion-hover-easing));-webkit-tap-highlight-color:transparent}a.halo-item__frame{cursor:pointer}a.halo-item__frame:focus-visible{outline:2px solid var(--color-foreground);outline-offset:3px}.halo-item__frame--empty{background-color:color-mix(in srgb,var(--color-foreground) calc(var(--opacity-faint) * 50%),transparent)}.halo-item__placeholder{display:block;width:100%;height:100%;fill:rgb(var(--color-foreground-rgb) / var(--opacity-muted));pointer-events:none}.halo-item__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--halo-hover-duration, var(--motion-hover-duration)) var(--halo-hover-easing, var(--motion-hover-easing));-webkit-user-select:none;user-select:none;pointer-events:none}.halo-ring:not([data-hover=none],[data-image-shape=adapt]) .halo-item__image{transform:scale(1.1)}.halo-ring:not([data-hover=none]) .halo-item.is-active .halo-item__frame{transform:scale(1.1)}.halo-ring:not([data-hover=none]) .halo-item.is-active .halo-item__image{transform:scale(1)}.halo-ring[data-hover=spotlight].has-active .halo-item:not(.is-active){filter:grayscale(1);opacity:var(--opacity-disabled)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/halo-gallery.css.map */