.unico-duo-preview{isolation:isolate;background:#f6f3ee}.unico-duo-preview__canvas{display:block;width:100%;height:100%;isolation:isolate}.unico-duo-preview__caption{position:absolute;top:10px;left:12px;font-size:9px;line-height:1.3;color:#5b5956;background:#ffffffb8;padding:3px 5px;border-radius:2px;pointer-events:none}.unico-product.is-solo [data-duo-preview],.unico-product.is-solo [data-duo-preview]>[data-duo-controls]{display:none!important}.unico-duo-controls{padding:10px 0 2px;color:#14243a}.unico-duo-controls[hidden]{display:none!important}.unico-duo-controls__row{margin:0 0 3px;padding:0;border:0;min-width:0}.unico-duo-controls__row legend{padding:0;font-size:11px;line-height:1.4;font-weight:650;letter-spacing:0}.unico-duo-controls__row legend [data-duo-color-name]{font-weight:400}.unico-duo-controls__colors{display:flex;gap:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d7d4ce transparent}.unico-duo-controls__colors button{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;background:none;color:inherit;cursor:pointer;border-radius:0}.unico-duo-controls__colors button span{display:block;width:23px;height:23px;border:1px solid #14243a22;border-radius:50%;background:var(--duo-swatch)}.unico-duo-controls__colors button[aria-pressed=true] span{outline:1.5px solid #14243a;outline-offset:3px}.unico-duo-controls__colors button:focus-visible{outline:2px solid #14243a;outline-offset:-2px}.unico-duo-controls__closeup{display:block;margin:2px auto 0;padding:7px 5px;border:0;background:none;color:inherit;font:inherit;font-size:11px;line-height:1.4;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:34px}@media(max-width:749px){.unico-duo-controls{padding:9px 2px 0}.unico-duo-controls__row legend,.unico-duo-controls__closeup{font-size:10px}.unico-duo-controls__colors button{flex-basis:38px;width:38px}}.unico-duo-preview__canvas{height:calc(100% - 92px);object-fit:contain}.unico-duo-controls{position:absolute;bottom:6px;left:12px;right:12px;z-index:4;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.unico-duo-controls__row{min-width:0;margin:0;padding:0}.unico-duo-controls__row legend{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.5}.unico-duo-controls__row legend [data-duo-color-name]{display:block;font-size:9px}.unico-duo-controls__row legend>span[aria-hidden]{display:none}.unico-duo-controls__line{display:flex;align-items:center;min-width:0}.unico-duo-controls__colors{flex:1;min-width:0;scrollbar-width:thin}.unico-duo-controls__colors button{flex:0 0 38px;width:38px;height:42px}.unico-duo-controls__colors button[hidden]{display:none!important}.unico-duo-controls__colors button span{width:21px;height:21px}.unico-duo-controls__more{flex:0 0 34px;width:34px;height:42px;padding:0;background:none;border:0;font:inherit;font-size:22px;color:#14243a;cursor:pointer}.unico-duo-controls__more:focus-visible{outline:2px solid #14243a;outline-offset:-2px}@media(min-width:750px){.unico-duo-controls{left:20px;right:20px;gap:20px}.unico-duo-controls__colors{flex:0 1 144px}.unico-duo-controls__colors button{flex-basis:44px;width:44px}.unico-duo-controls__more{width:44px;flex-basis:44px}}.unico-gallery__main:has([data-duo-preview]:not([hidden])) .unico-gallery__counter{top:10px!important;bottom:auto!important;right:10px;height:auto!important;font-size:9px;padding:4px 7px;pointer-events:none}.unico-gallery__main [data-duo-closeup]{position:absolute;bottom:3px;left:8px;right:8px;z-index:5;margin:0 auto;width:fit-content;max-width:calc(100% - 16px);padding:6px 10px;min-height:32px;font-size:10px;background:#f6f3eef0;border-radius:3px}.unico-duo-controls{bottom:35px}.unico-duo-preview__canvas{height:calc(100% - 121px)}.unico-product .unico-gallery__main:has([data-duo-preview]:not([hidden])){touch-action:pan-x pan-y pinch-zoom!important}.unico-duo-controls{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.unico-duo-controls__colors{touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;overflow-y:hidden}.unico-gallery__main [data-duo-closeup][hidden]{display:none!important}@media(max-width:749px){.unico-product .unico-gallery__main [data-duo-controls]{left:10px;right:10px;bottom:38px;gap:8px;width:auto;max-width:calc(100% - 20px);padding:0}.unico-product .unico-gallery__main [data-duo-closeup]{position:absolute!important;left:50%!important;right:auto!important;bottom:5px!important;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);margin:0!important;min-height:30px;padding:6px 10px;box-sizing:border-box;font-size:11px;line-height:18px;white-space:nowrap}.unico-duo-controls__more{flex:0 0 28px;width:28px;font-size:20px}.unico-duo-controls__colors button{flex:0 0 34px;width:34px;height:40px}.unico-duo-controls__colors button span{width:19px;height:19px}.unico-duo-preview__canvas{height:calc(100% - 120px)}}.unico-duo-single{background:#f6f3ee}.unico-duo-single__canvas{display:block;width:100%;height:calc(100% - 38px)}.unico-product .unico-gallery__main [data-duo-closeup]{display:flex;align-items:center;gap:5px;position:absolute!important;right:12px!important;left:auto!important;top:12px!important;bottom:auto!important;transform:none!important;width:auto;max-width:110px;height:50px;min-height:0;padding:3px 7px!important;margin:0!important;border:1px solid #ddd8d0;border-radius:5px;background:#fffefbe8;z-index:4;font-size:10px;line-height:1.2}.unico-product [data-duo-closeup]>svg{display:block;width:36px;height:42px;flex:0 0 36px}.unico-product [data-duo-closeup]>span{font-size:10px;white-space:nowrap}.unico-duo-zoom{box-sizing:border-box;width:min(96vw,1050px);max-width:96vw;height:94vh;height:94dvh;max-height:94dvh;padding:36px 12px 10px;border:0;border-radius:8px;background:#f6f3ee;color:#242421;overflow:hidden}.unico-duo-zoom::backdrop{background:#000a}.unico-duo-zoom [data-zoom-stage]{height:calc(100% - 44px);touch-action:pan-y pinch-zoom}.unico-duo-zoom [data-zoom-stage]>svg{display:block;width:100%;height:100%;object-fit:contain}.unico-duo-zoom__close{position:absolute;right:10px;top:4px;width:36px;height:32px;background:transparent;border:0;font-size:29px;cursor:pointer}.unico-duo-zoom__nav{height:44px;display:flex;justify-content:center;align-items:center;gap:25px;font:13px sans-serif}.unico-duo-zoom__nav button{border:0;background:transparent;font-size:30px;width:40px;height:40px;cursor:pointer}.unico-duo-zoom__nav button[hidden]{display:none}.unico-gallery__main:has([data-duo-preview]:not([hidden])) .unico-gallery__counter,.unico-gallery__main:has([data-duo-single]:not([hidden])) .unico-gallery__counter{display:none!important}.unico-duo-zoom [data-zoom-stage]{height:100%}.unico-duo-zoom__nav{height:0}.unico-duo-zoom [data-zoom-count]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.unico-duo-zoom [data-zoom-step]{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:48px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:36px;font-weight:300;line-height:1;color:#242421;z-index:2}.unico-duo-zoom [data-zoom-step="-1"]{left:4px}.unico-duo-zoom [data-zoom-step="1"]{right:4px}.unico-duo-controls__row.is-expanded .unico-duo-controls__line{align-items:flex-start}.unico-duo-controls__row.is-expanded .unico-duo-controls__colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;overflow:visible;max-width:180px}.unico-duo-controls__row.is-expanded .unico-duo-controls__colors button{width:100%;min-width:0;height:36px}.unico-duo-preview:has(.is-expanded) .unico-duo-preview__canvas{height:calc(100% - 185px)}@media(max-width:749px){.unico-product .unico-gallery__main:has([data-duo-preview]:not([hidden]) .is-expanded){aspect-ratio:auto!important;height:calc(100vw + 90px);max-height:620px}.unico-duo-controls__row.is-expanded .unico-duo-controls__colors{max-width:none}}.unico-product .unico-gallery__main [data-duo-closeup]{width:40px;max-width:40px;height:40px;padding:9px!important;border:0;background:transparent;box-shadow:none;justify-content:center}.unico-product [data-duo-closeup]>svg{width:22px;height:22px;flex:0 0 22px}.unico-gallery__main [data-calibrated-shirt]{cursor:zoom-in}.unico-duo-single{position:relative;isolation:isolate}.unico-duo-single>[data-single-controls]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;left:20px!important;right:20px!important;bottom:12px!important;max-width:none!important}.unico-duo-single__canvas{height:calc(100% - 96px)}.unico-duo-single .unico-duo-controls__row.is-expanded .unico-duo-controls__colors{grid-template-columns:repeat(6,minmax(0,1fr));max-width:360px}.unico-duo-single:has(.is-expanded) .unico-duo-single__canvas{height:calc(100% - 140px)}@media(max-width:749px){.unico-duo-single>[data-single-controls]{left:12px!important;right:12px!important}.unico-duo-single .unico-duo-controls__colors{flex:0 1 144px}}.unico-gallery-threads{display:flex;flex-direction:column;gap:5px;margin-top:5px;align-items:flex-start}.unico-gallery-threads__label{font:600 10px/1.4 var(--font-body-family,Arial,sans-serif)}.unico-gallery-threads>div{display:flex;gap:5px}.unico-gallery-threads button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:4px 7px;border:1px solid #14243a30;border-radius:18px;background:#fff;color:#14243a;font:10px/1.2 var(--font-body-family,Arial,sans-serif);cursor:pointer}.unico-gallery-threads button i{display:block;width:12px;height:12px;border-radius:50%;background:var(--thread-choice);border:1px solid #14243a25}.unico-gallery-threads button[aria-pressed=true]{border-color:#14243a;box-shadow:0 0 0 1px #14243a}.unico-gallery-threads button:focus-visible{outline:2px solid #14243a;outline-offset:3px}[data-single-controls] .unico-duo-controls__row:has(.unico-gallery-threads){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px}[data-single-controls] .unico-duo-controls__row:has(.unico-gallery-threads)>legend{grid-column:1;padding-bottom:3px}[data-single-controls] .unico-gallery-threads{grid-column:2;grid-row:1 / 3;align-self:end;margin:0}[data-single-controls] .is-expanded .unico-duo-controls__line{grid-column:1 / -1}[data-single-controls] .is-expanded .unico-gallery-threads{grid-row:auto;grid-column:1 / -1;margin-top:4px}.unico-duo-single:has(.is-expanded .unico-gallery-threads) .unico-duo-single__canvas{height:calc(100% - 180px)}.unico-duo-preview:has(.unico-gallery-threads) .unico-duo-preview__canvas{height:calc(100% - 160px)}.unico-duo-preview:has(.is-expanded .unico-gallery-threads) .unico-duo-preview__canvas{height:calc(100% - 225px)}.unico-duo-controls__colors{overflow-x:auto!important;overflow-y:hidden!important;flex:0 1 166px!important;max-width:166px;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 13px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 13px),transparent 100%)}.unico-duo-controls__colors::-webkit-scrollbar{display:none}.unico-duo-controls__colors button{scroll-snap-align:start;flex:0 0 44px!important;width:44px!important}.unico-duo-controls__colors button:disabled{opacity:.28;cursor:not-allowed}.unico-duo-controls__more{flex:0 0 23px!important;width:23px!important;margin-left:0;padding:0!important;font:300 26px/1 Arial,sans-serif}.unico-duo-controls__line{gap:0;justify-content:flex-start}.unico-duo-single>[data-single-controls]:has(>.unico-gallery-threads){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:16px!important;align-items:start}[data-single-controls]>.unico-gallery-threads{grid-column:2;grid-row:1;align-self:start;justify-self:start;margin:0;gap:0}.unico-gallery-threads__label{font:650 10px/1.5 var(--font-body-family,Arial,sans-serif)}.unico-gallery-threads__selected{display:block;font-size:9px;font-weight:400;line-height:1.5}.unico-gallery-threads>div{display:flex;gap:0;height:42px;align-items:center}.unico-gallery-threads button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:42px;min-height:42px;margin:0;padding:0;border:0!important;background:none!important;border-radius:0;box-shadow:none!important;font-size:0}.unico-gallery-threads button i{display:block;width:21px;height:21px;border:1px solid #14243a22;border-radius:50%;background:var(--thread-choice)}.unico-gallery-threads button[aria-pressed=true] i{outline:1.5px solid #14243a;outline-offset:3px}.unico-duo-controls__row legend{padding-bottom:0!important}@media(max-width:749px){.unico-duo-controls__colors button{flex-basis:36px!important;width:36px!important}.unico-gallery-threads button{flex-basis:36px;width:36px}.unico-gallery-threads button i{width:19px;height:19px}.unico-duo-controls__colors{flex-basis:132px!important;max-width:132px}.unico-duo-controls__more{flex-basis:20px!important;width:20px!important}.unico-duo-single>[data-single-controls]:has(>.unico-gallery-threads){column-gap:10px!important}}.unico-duo-controls__colors{mask-image:none!important;-webkit-mask-image:none!important}@media(max-width:749px){[data-single-controls]>.unico-gallery-threads{justify-self:end!important}.unico-duo-single>[data-single-controls]:has(>.unico-gallery-threads){column-gap:16px!important}}.unico-duo-controls__colors{flex-basis:154px!important;max-width:154px}@media(max-width:749px){.unico-duo-controls__colors{flex-basis:126px!important;max-width:126px}}.unico-duo-controls__row.is-expanded .unico-duo-controls__colors{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;flex:1 1 auto!important;max-width:none!important;overflow:visible!important;scroll-snap-type:none}.unico-duo-controls__row.is-expanded .unico-duo-controls__colors button{width:100%!important;min-width:0}.unico-duo-single:has(.is-expanded) .unico-duo-single__canvas{height:calc(100% - 195px)}.unico-duo-controls__row.is-expanded .unico-duo-controls__colors{grid-template-columns:repeat(6,minmax(0,1fr))!important}.unico-duo-single>[data-single-controls]:has(>.unico-gallery-threads){grid-template-columns:minmax(0,1fr) 100px!important;column-gap:10px!important}.unico-duo-controls__row.is-expanded .unico-duo-controls__colors button{height:38px!important;max-width:44px}.unico-duo-single:has(.is-expanded) .unico-duo-single__canvas{height:calc(100% - 132px)}.unico-duo-preview:has(.is-expanded) .unico-duo-preview__canvas{height:calc(100% - 146px)}.unico-duo-preview,.unico-duo-single,.unico-duo-zoom{background:#fff}@media(max-width:749px){.unico-duo-controls__colors button{min-width:0!important}.unico-duo-controls__row.is-expanded .unico-duo-controls__colors button{height:36px!important}.unico-duo-single>[data-single-controls]:has(>.unico-gallery-threads){grid-template-columns:minmax(0,1fr) 78px!important;column-gap:8px!important}.unico-duo-controls__row.is-expanded .unico-duo-controls__line{gap:0}.unico-duo-controls__row.is-expanded .unico-duo-controls__more{flex-basis:18px!important;width:18px!important}}.unico-duo-preview,.unico-duo-single,.unico-duo-zoom{background:#fff!important}
/*# sourceMappingURL=/cdn/shop/t/73/assets/unico-duo-preview.css.map */
