.shopify-section--ht-studio-handoff{display:none!important}.shopify-section--ht-setup-studio:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only)>.section-spacing,.shopify-section--ht-one-piece-studio:is(.ht-studio-handoff--measuring,.ht-studio-handoff--target)>.section-spacing{padding-block:clamp(.5rem,1.5vh,.75rem)}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only,.ht-studio-handoff--target) .section-header .prose>.h6,:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only,.ht-studio-handoff--target) .section-header .prose>p:not(.h6){display:none}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only,.ht-studio-handoff--target) .section-header .prose>:is(h1,h2,h3){margin:0}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only,.ht-studio-handoff--target) .section-stack{gap:clamp(.55rem,1.5vh,.85rem)}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__editor-diagnostics,:is(.ht-studio-handoff--measuring,.ht-studio-handoff--target) .ht-one-piece-studio__editor-diagnostics{display:none}.ht-studio-handoff--source,.ht-studio-handoff--target{position:relative;min-block-size:calc(var(--ht-studio-handoff-viewport-height) + var(--ht-studio-handoff-hold-distance))}.ht-studio-handoff--source{z-index:1}.ht-studio-handoff--source>.section-spacing,.ht-studio-handoff--source-only>.section-spacing,.ht-studio-handoff--target>.section-spacing{border-block:1px solid rgb(var(--text-color) / .1)}.ht-studio-handoff--source-only>.section-spacing{display:grid;align-items:center}.ht-studio-handoff--source>.section-spacing,.ht-studio-handoff--target>.section-spacing{position:sticky;z-index:1;inset-block-start:var(--ht-studio-handoff-sticky-offset, var(--sticky-area-height, 0px));display:grid;align-items:center;min-block-size:calc(var(--ht-studio-handoff-viewport-height) - var(--ht-studio-handoff-sticky-offset, var(--sticky-area-height, 0px)));background:rgb(var(--background))}html.ht-studio-handoff--hold-active{--header-is-visible: 1}html.ht-studio-handoff--hold-active .shopify-section--header .header{transform:none!important}.ht-studio-handoff__steps{position:absolute;z-index:6;inset-block-end:.25rem;inset-inline:0;display:flex;gap:.3rem;justify-content:center;pointer-events:none}.ht-studio-handoff__steps span{position:relative;overflow:hidden;inline-size:.3rem;block-size:.3rem;border-radius:999px;background:rgb(var(--text-color) / .22);transition:background .18s ease,inline-size .18s ease}.ht-studio-handoff__steps span[data-current=true]{inline-size:2.4rem;background:rgb(var(--text-color) / .18)}.ht-studio-handoff__steps span [data-ht-handoff-fill]{display:none}.ht-studio-handoff__steps span[data-current=true] [data-ht-handoff-fill]{position:absolute;inset-block:0;inset-inline-start:0;display:block;inline-size:0%;border-radius:999px;background:rgb(var(--text-color) / .62)}.ht-studio-handoff__steps[data-ht-handoff-filled=true] span[data-current=true] [data-ht-handoff-fill]{background:rgb(var(--text-color))}.ht-studio-handoff--target{position:relative;z-index:2}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio{--ht-setup-gap: clamp(.4rem, 1vw, .65rem);--ht-setup-card-width: clamp(88px, 8vw, 104px);--ht-studio-handoff-setup-preview-width: clamp(180px, min(17vw, calc((100svh - 250px)/2) ), 220px)}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__layout{gap:clamp(.75rem,2vw,1.5rem)}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__preview-column{position:static}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__preview{width:min(100%,var(--ht-studio-handoff-setup-preview-width))}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__chooser{gap:.45rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__colors,:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__rail-group{gap:.25rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__color-list{padding-block:.1rem .25rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__color-choice{width:2.75rem;height:2.75rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__color-swatch{width:1.8rem;height:1.8rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__rail{padding-block:.15rem .35rem;padding-inline:.25rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__card-select{gap:.25rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__card-info{gap:.08rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__card-title{display:block;min-height:0;overflow:hidden;font-size:.68rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;-webkit-box-orient:initial;-webkit-line-clamp:initial}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__card-price{font-size:.64rem;line-height:1.2}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--target) .ht-one-piece-studio--large-slider .section-stack,:is(.ht-studio-handoff--measuring,.ht-studio-handoff--target) .ht-one-piece-studio--large-slider .ht-one-piece-studio__chooser{gap:clamp(.55rem,1.5vh,.85rem)}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--target) .ht-one-piece-studio__colors,:is(.ht-studio-handoff--measuring,.ht-studio-handoff--target) .ht-one-piece-studio__rail-group{gap:.3rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--target) .ht-one-piece-studio__color-list{padding-block:.1rem .3rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--target) .ht-one-piece-studio__current-panel{gap:.35rem}@media screen and (min-width:700px){:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__layout{grid-template-columns:minmax(180px,var(--ht-studio-handoff-setup-preview-width)) minmax(0,1fr)}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--target) .ht-one-piece-studio--large-slider{--ht-one-card-width: clamp(170px, min(18vw, calc((100svh - 490px)*.8) ), 230px)}}@media screen and (max-width:699px){html.ht-studio-handoff--snap-active{--header-is-visible: 0 !important;scroll-padding-block-start:0;scroll-snap-type:y mandatory}html.ht-studio-handoff--snap-active .shopify-section--header{pointer-events:none}html.ht-studio-handoff--snap-active .shopify-section--header .header{transform:translateY(-100%)!important}html.ht-studio-handoff--snap-active :is(.ht-studio-handoff--source,.ht-studio-handoff--target,.ht-studio-handoff--exit){scroll-snap-align:start;scroll-snap-stop:always}html.ht-studio-handoff--snap-active :is(.ht-studio-handoff--source,.ht-studio-handoff--target)>.section-spacing{inset-block-start:0;min-block-size:var(--ht-studio-handoff-viewport-height)}.ht-studio-handoff__next{position:absolute;z-index:8;inset-inline-end:max(.75rem,env(safe-area-inset-right));inset-block-end:max(.6rem,env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;padding:.55rem .8rem;border:1px solid rgb(var(--text-color) / .24);border-radius:999px;background:rgb(var(--background) / .92);box-shadow:0 .2rem .9rem rgb(var(--text-color) / .08);color:rgb(var(--text-color));font:inherit;font-size:.68rem;letter-spacing:.05em;line-height:1.2;opacity:0;pointer-events:none;transition:opacity .14s ease}html.ht-studio-handoff--snap-active .ht-studio-handoff__next{opacity:1;pointer-events:auto}.ht-studio-handoff__next:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio{--ht-studio-handoff-fixed-band: 460px;--ht-studio-handoff-preview-budget: calc(100svh - var(--ht-studio-handoff-fixed-band));--ht-setup-gap: .3rem;--ht-setup-card-width: clamp(52px, min(14vw, 7svh), 60px);--ht-studio-handoff-setup-preview-width: clamp( 92px, min(52vw, calc(var(--ht-studio-handoff-preview-budget) / 2)), 260px )}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__layout{gap:.35rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__preview{grid-template-columns:var(--ht-studio-handoff-setup-preview-width) minmax(0,1fr);gap:.5rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__preview-column{padding-block:.1rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--source,.ht-studio-handoff--source-only) .ht-setup-studio__rail-heading h3{font-size:.66rem}:is(.ht-studio-handoff--measuring,.ht-studio-handoff--target) .ht-one-piece-studio--large-slider{--ht-one-card-width: min(var(--ht-one-card-width-mobile, 70vw), 220px)}}@media(prefers-reduced-motion:reduce){.ht-studio-handoff--source,.ht-studio-handoff--target,.ht-studio-handoff--measuring{position:static;min-block-size:0}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/ht-studio-handoff.css.map */