.h360-section,.h360-section *,.h360-section *:before,.h360-section *:after{box-sizing:border-box}.h360-section{width:100%;color:var(--h360-section-text, var(--color-foreground, currentColor));background:var(--h360-section-background, var(--color-background, transparent))}.h360-section__inner{display:flex;flex-wrap:wrap;flex-direction:var(--h360-section-direction-desktop, column);justify-content:var(--h360-section-justify, center);align-items:var(--h360-section-align, center);gap:var(--h360-section-gap-desktop, 18px);width:min(100%,var(--h360-section-max-width, 1440px));margin-inline:auto;padding:var(--h360-section-padding-top-desktop, 64px) var(--h360-section-padding-inline-desktop, 32px) var(--h360-section-padding-bottom-desktop, 64px)}.h360-section__inner[data-direction-desktop=row]{--h360-section-direction-desktop: row}.h360-section__inner[data-direction-desktop=column]{--h360-section-direction-desktop: column}.h360-section__inner[data-justify=flex-start]{--h360-section-justify: flex-start}.h360-section__inner[data-justify=center]{--h360-section-justify: center}.h360-section__inner[data-justify=flex-end]{--h360-section-justify: flex-end}.h360-section__inner[data-justify=space-between]{--h360-section-justify: space-between}.h360-section__inner[data-align=flex-start]{--h360-section-align: flex-start}.h360-section__inner[data-align=center]{--h360-section-align: center}.h360-section__inner[data-align=flex-end]{--h360-section-align: flex-end}.h360-section__inner[data-align=stretch]{--h360-section-align: stretch}horizon-360-showcase.h360-core{display:block;flex:1 0 100%;width:100%;min-width:0;grid-column:1 / -1;align-self:stretch;font-family:var(--font-body--family, inherit)}.h360-core[hidden],.h360-core [hidden]{display:none!important}.h360-editor-warning{margin-block:8px;padding:12px 14px;border:1px solid #bf7a00;border-radius:8px;color:#5f3d00;background:#fff3cf;font-size:13px;line-height:1.4}.h360-core__layout{display:grid;grid-template-columns:minmax(0,var(--h360-viewer-fr, 76fr)) minmax(var(--h360-selector-min, 260px),var(--h360-selector-fr, 24fr));gap:var(--h360-core-gap, 10px);width:100%;min-width:0}.h360-stage{position:relative;isolation:isolate;width:100%;height:var(--h360-stage-height-desktop, 680px);min-width:0;overflow:hidden;border-radius:var(--h360-stage-radius, 14px);color:var(--h360-status-color, #303030);background:var(--h360-stage-bg, #fff)}.h360-stage__labels{position:absolute;z-index:8;top:var(--h360-stage-label-inset, 20px);left:var(--h360-stage-label-inset, 20px);right:var(--h360-stage-label-inset, 20px);display:flex;justify-content:space-between;align-items:flex-start;gap:24px;pointer-events:none;color:var(--h360-stage-label-color, #e8872d);font-size:var(--h360-stage-label-size, 16px);font-weight:700;line-height:1.25}.h360-stage__label{max-width:48%;text-wrap:balance}.h360-stage__label--right{margin-inline-start:auto;text-align:right}.h360-stage__media{position:absolute;z-index:1;inset:var(--h360-stage-padding, 24px);bottom:var(--h360-stage-safe-bottom, 105px);display:grid;place-items:center;min-width:0;min-height:0}.h360-stage__poster,.h360-stage__placeholder,.h360-stage__model,.h360-stage__model model-viewer{width:100%;height:100%}.h360-stage__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;object-fit:contain;object-position:center;opacity:1;transition:opacity .24s ease}.h360-stage__poster.is-fading{opacity:0}.h360-stage__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;color:#78787847}.h360-stage__placeholder-svg{width:min(68%,520px);height:min(68%,520px)}.h360-stage__model{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;min-width:0;min-height:0}.h360-stage__model .shopify-model-viewer-ui,.h360-stage__model .shopify-model-viewer-ui model-viewer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.h360-stage__model .shopify-model-viewer-ui{background:transparent}.h360-stage__model,.h360-stage__model:focus,.h360-stage__model .shopify-model-viewer-ui,.h360-stage__model .shopify-model-viewer-ui:focus,.h360-stage__model model-viewer,.h360-stage__model model-viewer:focus{border:0!important;outline:0!important;box-shadow:none!important}.h360-stage__model .shopify-model-viewer-ui:focus-visible,.h360-stage__model model-viewer:focus-visible{outline:2px solid var(--h360-selected-border, #e8872d)!important;outline-offset:-2px;border-radius:2px}.h360-stage__model .shopify-model-viewer-ui__controls-area,.h360-stage__model .shopify-model-viewer-ui__button--poster{display:none!important}.h360-stage__model model-viewer{display:block;background:transparent;opacity:0;outline:none;touch-action:pan-y;transition:opacity .26s ease;--poster-color: transparent;--progress-bar-color: var(--h360-spinner-color, #e8872d)}.h360-stage__model model-viewer.is-loaded{opacity:1}.h360-stage__status,.h360-stage__message{position:absolute;z-index:6;left:50%;top:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(82%,460px);padding:16px;transform:translate(-50%,-50%);color:var(--h360-status-color, #303030);text-align:center;font-size:14px;line-height:1.45;pointer-events:none}.h360-stage__message--error{pointer-events:auto}.h360-spinner{width:30px;height:30px;border:3px solid rgb(128 128 128 / 22%);border-color:color-mix(in srgb,var(--h360-spinner-color, #e8872d) 22%,transparent);border-top-color:var(--h360-spinner-color, #e8872d);border-radius:50%;animation:h360-spin .8s linear infinite}@keyframes h360-spin{to{transform:rotate(360deg)}}.h360-retry{-webkit-appearance:none;appearance:none;min-height:38px;padding:8px 18px;border:1px solid currentColor;border-radius:999px;color:inherit;background:transparent;font:inherit;font-weight:600;cursor:pointer}.h360-retry:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.h360-retry:focus-visible,.h360-card:focus-visible,.h360-scroll-button:focus-visible,.h360-cta:focus-visible{outline:2px solid currentColor;outline-offset:3px}.h360-hints{position:absolute;z-index:7;inset:auto 0 0;height:0;color:var(--h360-hint-color, #555);opacity:var(--h360-hint-opacity, .75);pointer-events:none;transition:opacity var(--h360-hint-fade, .3s) ease,visibility var(--h360-hint-fade, .3s) ease}.h360-hints.is-hidden{visibility:hidden;opacity:0}.h360-hint{position:absolute;bottom:var(--h360-hint-inset, 18px);display:flex;align-items:center;gap:var(--h360-hint-gap, 7px);max-width:calc(50% - (var(--h360-cta-width-desktop, 190px) / 2) - 26px);font-size:var(--h360-hint-text-size, 11px);font-weight:600;line-height:1.2;letter-spacing:.04em;white-space:nowrap}.h360-hint svg{flex:0 0 auto;width:var(--h360-hint-size, 30px);height:var(--h360-hint-size, 30px)}.h360-hint--rotate{left:var(--h360-hint-inset, 18px)}.h360-hint--action{right:var(--h360-hint-inset, 18px);flex-direction:row-reverse;text-align:right}.h360-hint__mobile-icon{display:none}.h360-cta-shell{position:absolute;z-index:9;left:50%;bottom:var(--h360-cta-bottom, 0px);display:block;width:calc(var(--h360-cta-width-desktop, 190px) + (var(--h360-cta-shell-size, 7px) * 2));padding:var(--h360-cta-shell-size, 7px);border-radius:calc(var(--h360-cta-radius, 8px) + var(--h360-cta-shell-size, 7px)) calc(var(--h360-cta-radius, 8px) + var(--h360-cta-shell-size, 7px)) 0 0;transform:translate(-50%);background:var(--h360-cta-shell, #0a0a0a)}.h360-cta-shell:before,.h360-cta-shell:after{content:"";position:absolute;bottom:0;width:calc(var(--h360-cta-radius, 8px) + var(--h360-cta-shell-size, 7px));height:calc(var(--h360-cta-radius, 8px) + var(--h360-cta-shell-size, 7px));background-repeat:no-repeat;pointer-events:none}.h360-cta-shell:before{right:100%;background-image:radial-gradient(circle at top left,transparent 0 70%,var(--h360-cta-shell, #0a0a0a) 71% 100%)}.h360-cta-shell:after{left:100%;background-image:radial-gradient(circle at top right,transparent 0 70%,var(--h360-cta-shell, #0a0a0a) 71% 100%)}.h360-cta{display:flex;justify-content:center;align-items:center;width:100%;height:var(--h360-cta-height-desktop, 48px);padding-inline:14px;border-radius:var(--h360-cta-radius, 8px);color:var(--h360-cta-color, #fff);background:var(--h360-cta-bg, #e8872d);font-size:var(--h360-cta-size-desktop, 14px);font-weight:var(--h360-cta-weight, 700);line-height:1;text-align:center;text-decoration:none;transition:background-color .18s ease,transform .18s ease}.h360-cta:hover{color:var(--h360-cta-color, #fff);background:var(--h360-cta-hover-bg, #d77420)}.h360-selector{position:relative;display:grid;grid-template-rows:1fr;width:100%;min-width:0;height:var(--h360-stage-height-desktop, 680px);min-height:0}.h360-product-list{display:flex;flex-direction:column;gap:var(--h360-card-gap, 8px);min-width:0;min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scroll-snap-type:y proximity}.h360-selector[data-overflow=true] .h360-product-list{padding-block:calc(var(--h360-scroll-button-size, 34px) + 6px)}.h360-product{flex:0 0 auto;width:100%;min-width:0;scroll-snap-align:start}.h360-product.is-over-limit{display:none!important}.h360-card{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:8px;width:100%;min-height:var(--h360-card-min-height, 180px);padding:var(--h360-card-padding, 10px);overflow:hidden;border:var(--h360-card-border-width, 1px) solid var(--h360-card-border, #d9d9d9);border-radius:var(--h360-card-radius, 12px);color:var(--h360-card-text, #e8872d);background:var(--h360-card-bg, #fff);font-family:var(--h360-card-font, inherit);text-align:var(--h360-card-text-align-desktop, center);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.h360-core[data-h360-card-align-desktop=left]{--h360-card-text-align-desktop: left}.h360-core[data-h360-card-align-desktop=center]{--h360-card-text-align-desktop: center}.h360-core[data-h360-card-align-desktop=right]{--h360-card-text-align-desktop: right}.h360-card:hover{border-color:var(--h360-card-hover-border, #afafaf)}.h360-card[aria-pressed=true]{border-color:var(--h360-card-selected-border, #e8872d);box-shadow:0 0 0 var(--h360-card-selected-width, 3px) var(--h360-card-selected-border, #e8872d) inset}.h360-card__image-wrap{display:grid;place-items:center;align-self:center;width:min(var(--h360-card-image-width, 58%),170px);max-width:100%;overflow:hidden;border-radius:max(calc(var(--h360-card-radius, 12px) - 3px),0px);background:var(--h360-card-image-bg, #fff)}.h360-core[data-h360-card-ratio=square] .h360-card__image-wrap{aspect-ratio:1 / 1}.h360-core[data-h360-card-ratio=four-three] .h360-card__image-wrap{aspect-ratio:4 / 3}.h360-core[data-h360-card-ratio=auto] .h360-card__image-wrap{min-height:80px}.h360-card__image,.h360-card__placeholder{display:block;width:100%;height:100%}.h360-card__image{object-fit:var(--h360-card-image-fit, contain);object-position:center}.h360-core[data-h360-card-ratio=auto] .h360-card__image{height:auto;max-height:150px}.h360-card__placeholder{color:#7878783d}.h360-card__copy{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:inherit}.h360-card__title{display:block;color:var(--h360-card-text, #e8872d);font-size:var(--h360-card-name-size, 15px);font-weight:var(--h360-card-name-weight, 700);line-height:1.2;overflow-wrap:anywhere}.h360-card__subtext{display:block;color:var(--h360-card-subtext, #505050);font-size:var(--h360-card-sub-size, 12px);font-weight:400;line-height:1.3;overflow-wrap:anywhere}.h360-scroll-button{-webkit-appearance:none;appearance:none;position:absolute;z-index:10;left:50%;display:grid;place-items:center;width:var(--h360-scroll-button-size, 34px);height:var(--h360-scroll-button-size, 34px);padding:0;border:0;border-radius:var(--h360-scroll-button-radius, 20px);color:var(--h360-scroll-button-color, #fff);background:var(--h360-scroll-button-bg, #757575);transform:translate(-50%);cursor:pointer;box-shadow:0 2px 10px #0000002e}.h360-scroll-button svg{width:58%;height:58%}.h360-scroll-button--up{top:0}.h360-scroll-button--down{bottom:0}.h360-scroll-button:disabled{opacity:.35;cursor:default}@media screen and (max-width:749px){.h360-section__inner{flex-direction:var(--h360-section-direction-mobile, column);gap:var(--h360-section-gap-mobile, 14px);padding:var(--h360-section-padding-top-mobile, 40px) var(--h360-section-padding-inline-mobile, 16px) var(--h360-section-padding-bottom-mobile, 40px)}.h360-section__inner[data-direction-mobile=row]{--h360-section-direction-mobile: row}.h360-section__inner[data-direction-mobile=column]{--h360-section-direction-mobile: column}.h360-core__layout{display:flex;flex-direction:column;gap:var(--h360-core-gap, 10px)}.h360-stage{height:var(--h360-stage-height-mobile, 440px)}.h360-core[data-h360-show-labels-mobile=false] .h360-stage__labels{display:none!important}.h360-stage__labels{gap:12px;font-size:min(var(--h360-stage-label-size, 16px),14px)}.h360-stage__label{max-width:50%}.h360-stage__media{bottom:max(var(--h360-stage-safe-bottom, 105px),100px)}.h360-selector{display:block;height:auto}.h360-product-list,.h360-selector[data-overflow=true] .h360-product-list{flex-direction:row;gap:var(--h360-card-gap, 8px);height:auto;padding-block:2px 8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin}.h360-product{flex:0 0 var(--h360-card-mobile-width, 150px);width:var(--h360-card-mobile-width, 150px)}.h360-card{min-height:0;height:100%;text-align:var(--h360-card-text-align-mobile, center)}.h360-core[data-h360-card-align-mobile=left]{--h360-card-text-align-mobile: left}.h360-core[data-h360-card-align-mobile=center]{--h360-card-text-align-mobile: center}.h360-core[data-h360-card-align-mobile=right]{--h360-card-text-align-mobile: right}.h360-card__image-wrap{width:min(74%,120px)}.h360-card__title{font-size:var(--h360-card-name-size-mobile, 13px)}.h360-card__subtext{font-size:var(--h360-card-sub-size-mobile, 11px)}.h360-scroll-button{display:none!important}.h360-cta-shell{width:calc(var(--h360-cta-width-mobile, 170px) + (var(--h360-cta-shell-size, 7px) * 2))}.h360-cta{height:var(--h360-cta-height-mobile, 44px);font-size:var(--h360-cta-size-mobile, 13px)}.h360-hint{bottom:calc(var(--h360-cta-height-mobile, 44px) + var(--h360-cta-shell-size, 7px) + 14px);max-width:calc(50% - 12px)}.h360-hint__desktop-icon{display:none}.h360-hint__mobile-icon{display:block}}@media screen and (max-width:480px){.h360-hint span{display:none}.h360-stage__labels{font-size:11px}}@media(prefers-reduced-motion:reduce){.h360-stage__poster,.h360-stage__model model-viewer,.h360-hints,.h360-card,.h360-cta{transition-duration:.01ms!important}.h360-spinner{animation-duration:1.8s}.h360-product-list{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/horizon-360-showcase.css.map */