.ht-setup-studio[data-ht-chooser-ready]{overflow-anchor:none}ht-setup-chooser[hidden],.ht-setup-studio[data-ht-chooser-ready] [data-ht-chooser-group][hidden]{display:none!important}.ht-setup-chooser__open,ht-setup-chooser button{color:inherit;background:transparent;border:0;border-radius:0;cursor:pointer;font:var(--button-font);line-height:1.3}.ht-setup-chooser__open,ht-setup-chooser .ht-setup-chooser__close{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:none;min-height:24px;height:24px;padding:2px 5px;border:1px solid #8a8a8a;align-self:center;font-size:11px;white-space:nowrap;text-decoration:none}.ht-setup-chooser__open{margin-block:-3px;--ht-chooser-control-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 2H2v4M10 2h4v4M14 10v4h-4M6 14H2v-4' fill='none' stroke='black' stroke-width='1'/%3E%3C/svg%3E")}ht-setup-chooser .ht-setup-chooser__close{margin:0;--ht-chooser-control-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h4v4H2zM10 2h4v4h-4zM2 10h4v4H2zM10 10h4v4h-4z' fill='none' stroke='black' stroke-width='1'/%3E%3C/svg%3E")}.ht-setup-chooser__open:before,ht-setup-chooser .ht-setup-chooser__close:before{content:"";display:block;width:12px;height:12px;flex:none;background:currentColor;-webkit-mask:var(--ht-chooser-control-icon) center / contain no-repeat;mask:var(--ht-chooser-control-icon) center / contain no-repeat}.ht-setup-chooser__open:focus-visible,ht-setup-chooser button:focus-visible{outline:1px solid currentColor;outline-offset:-2px}.ht-setup-studio[data-ht-chooser-ready] .ht-setup-studio__active-color{flex:1 1 auto;min-width:0;margin-inline-start:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:end}ht-setup-chooser{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px;column-gap:12px;min-width:0;grid-area:chooserbar;font-family:var(--text-font-family);font-style:var(--text-font-style);font-weight:var(--text-font-weight)}.ht-setup-chooser__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block-end:1px solid rgb(var(--text-color) / .18)}.ht-setup-chooser__tabs button{min-height:44px;padding:8px 4px;font-size:12px;letter-spacing:.08em;opacity:.55}.ht-setup-chooser__tabs button[aria-selected=true]{box-shadow:inset 0 -2px currentColor;opacity:1}.ht-setup-studio[data-ht-chooser-expanded] .ht-setup-chooser__open,.ht-setup-studio[data-ht-chooser-expanded] .ht-setup-studio__center-marker,.ht-setup-studio[data-ht-chooser-expanded] ht-studio-color-rail{display:none!important}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded] .ht-setup-studio__chooser{grid-template-areas:"chooserbar" "choices";grid-template-rows:44px minmax(0,1fr);gap:8px}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded] [data-ht-chooser-group]{grid-area:choices;display:grid;grid-template-rows:32px minmax(0,1fr);gap:4px;min-width:0;min-height:0;margin:0}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded] .ht-setup-studio__rail-heading{display:none}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded] .ht-setup-studio__rail-group{grid-template-rows:minmax(0,1fr);gap:0}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded] .ht-setup-studio__color-fieldset{height:100%;min-height:0}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded=color] .ht-setup-studio__color-list{display:grid;grid-template-columns:none;grid-template-rows:repeat(var(--ht-chooser-color-rows, 4),var(--ht-chooser-color-cell, 40px));grid-auto-flow:column;grid-auto-columns:var(--ht-chooser-color-cell, 40px);gap:4px;align-content:start;align-items:center;width:100%;height:100%;min-height:0;max-height:none;margin:0;padding:6px 3px 12px!important;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:none;scrollbar-width:thin;touch-action:pan-x pan-y pinch-zoom}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded=color] [data-ht-color-list] .ht-setup-studio__color-choice{display:flex;flex-direction:column;justify-content:center;gap:0;width:100%;height:100%;min-height:0;margin:0;scroll-snap-align:none}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded=color] [data-ht-color-list] .ht-setup-studio__color-swatch{width:var(--ht-chooser-swatch-size, 36px);height:var(--ht-chooser-swatch-size, 36px);flex:none}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded=color][data-ht-chooser-color-view=swatches] [data-ht-color-list]{grid-template-columns:none;grid-template-rows:repeat(var(--ht-chooser-color-rows, 6),minmax(0,1fr));grid-auto-columns:var(--ht-chooser-color-cell, 40px);align-content:stretch;padding-bottom:4px!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom}.ht-setup-studio[data-ht-chooser-ready] [data-ht-chooser-group]{position:relative}.ht-setup-chooser__scroll-hint{position:absolute;z-index:2;right:auto;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;color:#333;background:transparent;border:0;border-radius:0;cursor:pointer}.ht-setup-chooser__scroll-hint[hidden]{display:none}.ht-setup-chooser__scroll-hint:before{content:"";position:absolute;right:0;width:20px;height:20px;box-sizing:border-box;border:1px solid #737373;border-radius:50%;background:transparent}.ht-setup-chooser__scroll-hint span{position:absolute;right:8px;width:4px;height:4px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translate(-1px) rotate(45deg)}.ht-setup-chooser__scroll-hint:focus-visible{outline:1px solid currentColor;outline-offset:-2px}.ht-setup-chooser__color-views,.ht-setup-chooser__color-photo,.ht-setup-chooser__color-caption{display:none}.ht-setup-studio[data-ht-chooser-expanded=color] .ht-setup-chooser__color-views{display:flex;align-items:center;gap:14px}.ht-setup-studio[data-ht-chooser-expanded=color][data-ht-chooser-has-photos] .ht-setup-studio__colors-heading>.ht-setup-studio__eyebrow{display:none}.ht-setup-chooser__color-views button{border:0;border-radius:0;padding:5px 0;min-height:28px;color:inherit;background:transparent;font:var(--button-font);font-size:.76rem;line-height:1.3;white-space:nowrap;cursor:pointer;opacity:.55}@media screen and (max-width:699px){.ht-setup-chooser__color-views button{font-size:.68rem}.ht-setup-studio--mobile-side_swatches .ht-setup-chooser__color-views button{font-size:.6rem}.ht-setup-studio--mobile-one_screen .ht-setup-chooser__color-views button{font-size:.8rem}}@media screen and (min-width:700px){.ht-setup-studio[data-ht-layout-lab] .ht-setup-chooser__color-views button{font-size:12px}}.ht-setup-chooser__color-views button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:5px}.ht-setup-studio[data-ht-chooser-expanded=color][data-ht-chooser-color-view=photos] [data-ht-color-list]{--ht-chooser-color-caption-height: 0px;grid-template-rows:calc(var(--ht-chooser-color-photo-width, 144px) * 16 / 9 + var(--ht-chooser-color-caption-height));grid-auto-columns:var(--ht-chooser-color-photo-width, 144px);gap:10px;align-items:start}.ht-setup-studio[data-ht-chooser-expanded=color][data-ht-chooser-color-view=photos] [data-ht-chooser-photo-caption] [data-ht-color-list]{--ht-chooser-color-caption-height: 20px}.ht-setup-studio[data-ht-chooser-expanded=color][data-ht-chooser-color-view=photos] [data-ht-color-list] .ht-setup-studio__color-choice{display:grid;grid-template-rows:calc(var(--ht-chooser-color-photo-width, 144px) * 16 / 9) var(--ht-chooser-color-caption-height);align-items:stretch;grid-template-columns:minmax(0,1fr);justify-items:stretch;width:100%}.ht-setup-studio[data-ht-chooser-expanded=color][data-ht-chooser-color-view=photos] [data-ht-color-list] .ht-setup-chooser__color-photo{display:block;grid-area:1 / 1;width:100%;height:100%;position:relative;overflow:hidden;isolation:isolate}.ht-setup-studio[data-ht-chooser-expanded=color][data-ht-chooser-color-view=photos] [data-ht-chooser-photo-caption] .ht-setup-chooser__color-caption{display:block;grid-area:2 / 1;padding-top:2px;color:rgb(var(--text-color));font-family:var(--text-font-family);font-size:11px;line-height:18px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ht-setup-studio[data-ht-chooser-expanded=color][data-ht-chooser-color-view=photos] [data-ht-color-list] [data-ht-chooser-photo=ready] .ht-setup-studio__color-swatch,.ht-setup-studio[data-ht-chooser-expanded=color][data-ht-chooser-color-view=photos] [data-ht-color-list] [data-ht-chooser-photo]:not([data-ht-chooser-photo=ready]) .ht-setup-chooser__color-photo{display:none}.ht-setup-studio[data-ht-chooser-expanded=color][data-ht-chooser-color-view=photos] [data-ht-color-list] [data-ht-chooser-photo]:not([data-ht-chooser-photo=ready]) .ht-setup-studio__color-swatch{grid-area:1 / 1;align-self:center;justify-self:center}.ht-setup-studio[data-ht-chooser-expanded=color][data-ht-chooser-color-view=photos] input:checked~.ht-setup-chooser__color-photo{outline:1px solid rgb(var(--text-color));outline-offset:-1px}.ht-setup-studio[data-ht-chooser-expanded=color][data-ht-chooser-color-view=photos] input:focus-visible~.ht-setup-chooser__color-photo{outline:2px solid rgb(var(--text-color));outline-offset:-2px}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded=color] .ht-setup-studio__color-list::-webkit-scrollbar{display:block;width:4px;height:4px}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded=color] .ht-setup-studio__color-list::-webkit-scrollbar-thumb{background:rgb(var(--text-color) / .28)}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded] .ht-setup-studio__rail-viewport{height:100%;min-height:0;overflow:hidden}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded] .ht-setup-studio__rail{--ht-setup-card-width: var(--ht-chooser-card-width, 144px);grid:auto / auto-flow var(--ht-setup-card-width);gap:10px;width:100%;height:100%;min-height:0;margin:0;padding-block:3px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-snap-type:x proximity;touch-action:pan-x}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded] .ht-setup-studio__card{width:var(--ht-setup-card-width)}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded] .ht-setup-studio__card-figure{width:100%;height:auto;aspect-ratio:4 / 5}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded] .ht-setup-studio__card-info,.ht-setup-chooser__product-link{display:none}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded] .ht-setup-chooser__product-link{display:grid;gap:2px;padding-top:4px;font-size:11px;line-height:1.4;text-align:center;overflow-wrap:anywhere}.ht-setup-chooser__product-link[href] :is(.ht-setup-chooser__product-title,.ht-setup-chooser__product-price){text-decoration:underline;text-underline-offset:3px}.ht-setup-studio[data-ht-chooser-ready] .ht-setup-studio__rail-product-link[href]:before,.ht-setup-chooser__product-link[href] .ht-setup-chooser__product-title:after{content:"";display:inline-block;width:12px;height:12px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='m5 2 5 5-5 5' fill='none' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='m5 2 5 5-5 5' fill='none' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.ht-setup-studio[data-ht-chooser-ready] .ht-setup-studio__rail-product-link[href]:before{order:1;align-self:center}.ht-setup-chooser__product-link[href] .ht-setup-chooser__product-title:after{margin-inline-start:4px;vertical-align:-2px}.ht-setup-chooser__product-price{color:rgb(var(--text-color) / .7)}.ht-setup-chooser__product-link:focus-visible{outline:1px solid currentColor;outline-offset:1px}.ht-setup-chooser__color-layer{position:absolute;top:0;left:0;width:100%;height:112.5%}.ht-setup-chooser__color-layer img{position:absolute;display:block;width:100%;max-width:none;height:auto;aspect-ratio:4 / 5;transform-origin:top left;mask-position:0 0;mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-position:0 0;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.ht-setup-chooser__color-layer--tops img,.ht-setup-chooser__color-layer--hand img{top:var(--ht-setup-current-tops-top);left:var(--ht-setup-current-tops-left);transform:rotate(var(--ht-setup-current-tops-rotation)) scale(var(--ht-setup-current-tops-scale-x),var(--ht-setup-current-tops-scale-y))}.ht-setup-chooser__color-layer--bottoms img,.ht-setup-chooser__color-layer--shadow img{top:var(--ht-setup-current-bottoms-top);left:var(--ht-setup-current-bottoms-left);transform:rotate(var(--ht-setup-current-bottoms-rotation)) scale(var(--ht-setup-current-bottoms-scale-x),var(--ht-setup-current-bottoms-scale-y))}.ht-setup-chooser__color-layer--tops img{mask-image:var(--ht-chooser-top-mask);-webkit-mask-image:var(--ht-chooser-top-mask)}.ht-setup-chooser__color-layer--bottoms img{mask-image:var(--ht-chooser-bottom-mask);-webkit-mask-image:var(--ht-chooser-bottom-mask)}.ht-setup-studio[data-ht-chooser-expanded=color][data-ht-chooser-color-view=photos] [data-ht-color-list] [data-ht-chooser-photo=unavailable]{display:none}@media screen and (max-width:699px){.ht-home-setup-surface:has(.ht-setup-studio[data-ht-chooser-ready]){padding-block:.75rem!important}.ht-setup-studio[data-ht-chooser-ready] .ht-setup-studio__layout{height:var(--ht-chooser-board-height, auto);min-height:0;grid-template-rows:max-content minmax(0,1fr)}.ht-setup-studio[data-ht-chooser-ready] .ht-setup-studio__chooser{height:100%;min-height:0;grid-template-rows:max-content minmax(0,1fr) minmax(0,1fr);align-content:stretch}.ht-setup-studio[data-ht-chooser-ready]:not([data-ht-chooser-expanded]) .ht-setup-studio__color-swatch{width:36px;height:36px}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-compact]:not([data-ht-chooser-expanded]) .ht-setup-studio__chooser{row-gap:0}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-compact]:not([data-ht-chooser-expanded]) .ht-setup-studio__color-list{padding-block:2px!important}.ht-setup-studio[data-ht-chooser-ready]:not([data-ht-chooser-expanded]) .ht-setup-studio__rail-group{display:grid;grid-template-rows:max-content minmax(0,1fr);min-height:0}.ht-setup-studio[data-ht-chooser-ready]:not([data-ht-chooser-expanded]) .ht-setup-studio__rail-viewport,.ht-setup-studio[data-ht-chooser-ready]:not([data-ht-chooser-expanded]) .ht-setup-studio__rail{height:100%;min-height:0}.ht-setup-studio[data-ht-chooser-ready]:not([data-ht-chooser-expanded]) [data-ht-rail=tops]{--ht-setup-card-width: var(--ht-chooser-tops-width, 60px)}.ht-setup-studio[data-ht-chooser-ready]:not([data-ht-chooser-expanded]) [data-ht-rail=bottoms]{--ht-setup-card-width: var(--ht-chooser-bottoms-width, 60px)}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded] .ht-setup-studio__chooser{grid-template-rows:44px minmax(0,1fr);align-content:stretch}}@media screen and (min-width:700px){.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded][data-ht-layout-lab=pc] .ht-setup-studio__layout{grid-template-rows:var(--ht-lab-summary-height) 52px minmax(0,1fr);grid-template-areas:"stage summary" "stage chooserbar" "stage choices"}.ht-setup-studio[data-ht-chooser-ready][data-ht-chooser-expanded][data-ht-layout-lab=tablet] .ht-setup-studio__layout{grid-template-rows:var(--ht-lab-upper-height) 44px minmax(0,1fr);grid-template-areas:"stage summary" "chooserbar chooserbar" "choices choices"}.ht-setup-studio[data-ht-chooser-expanded][data-ht-layout-lab=pc] :is(ht-setup-chooser,[data-ht-chooser-group]){padding-inline:20px}}@media screen and (max-width:699px){.ht-home-setup-surface .ht-setup-studio.ht-setup-studio--mobile-one_screen[data-ht-chooser-compact]{--ht-one-stage-height: var(--ht-chooser-stage-height) !important;--ht-setup-card-width: 44px}.ht-home-setup-surface .ht-setup-studio.ht-setup-studio--mobile-one_screen[data-ht-chooser-compact] .ht-setup-studio__preview-side{grid-template-rows:minmax(0,1fr) 44px}.ht-home-setup-surface .ht-setup-studio.ht-setup-studio--mobile-one_screen[data-ht-chooser-compact] .ht-setup-studio__preview-summary{grid-template-rows:24px minmax(0,1fr) 30px 44px}.ht-home-setup-surface .ht-setup-studio.ht-setup-studio--mobile-one_screen[data-ht-chooser-compact] .ht-setup-studio__preview-products a{padding-block:3px}.ht-home-setup-surface .ht-setup-studio.ht-setup-studio--mobile-one_screen[data-ht-chooser-compact] .ht-setup-studio__setup-detail-button{min-height:34px}.ht-home-setup-surface .ht-setup-studio.ht-setup-studio--mobile-one_screen[data-ht-chooser-compact] .ht-setup-studio__preview-actions--with-ai,.ht-home-setup-surface .ht-setup-studio.ht-setup-studio--mobile-one_screen[data-ht-chooser-compact] .ht-setup-studio__preview-actions--with-ai :is(.ht-setup-studio__save-button,.ht-setup-studio__ai-tryon-button){height:44px;min-height:44px}}
/*# sourceMappingURL=/cdn/shop/t/172/assets/ht-setup-chooser.css.map */