#tpl-color-selector-app,#tpl-color-selector-app *{box-sizing:border-box}#tpl-color-selector-app{position:relative;width:100%}#tpl-color-atlas{--atlas-ink: #171717;--atlas-muted: #74716b;--atlas-line: rgba(23, 23, 23, .14);--atlas-soft-line: rgba(23, 23, 23, .08);--atlas-paper: #f6f4ef;--atlas-white: #fff;--atlas-swatch: 28px;--atlas-dense-swatch: 40px;position:relative;width:100%;color:var(--atlas-ink);border-top:1px solid var(--atlas-line)}#tpl-color-atlas .tpl-atlas__toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;min-height:76px;padding:18px 0 16px;border-bottom:1px solid var(--atlas-soft-line)}#tpl-color-atlas .tpl-atlas__tabs{grid-column:2;display:flex;align-items:center;justify-content:center;gap:clamp(15px,2.1vw,32px);min-width:0;margin:0 auto}#tpl-color-atlas .tpl-atlas__tab{position:relative;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:8px 0 10px;margin:0;color:var(--atlas-muted);font:inherit;font-size:12px;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .15s ease}#tpl-color-atlas .tpl-atlas__tab:after{content:"";position:absolute;left:50%;bottom:3px;width:0;height:1px;background:currentColor;transform:translate(-50%);transition:width .15s ease}#tpl-color-atlas .tpl-atlas__tab:hover,#tpl-color-atlas .tpl-atlas__tab:focus-visible,#tpl-color-atlas .tpl-atlas__tab[aria-selected=true],#tpl-color-atlas .tpl-atlas__tab.is-active{color:var(--atlas-ink)}#tpl-color-atlas .tpl-atlas__tab[aria-selected=true]:after,#tpl-color-atlas .tpl-atlas__tab.is-active:after{width:100%}#tpl-color-atlas .tpl-atlas__search{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px;width:min(210px,80%);margin-right:clamp(30px,5vw,78px);padding:7px 0 6px;border-bottom:1px solid rgba(23,23,23,.32);color:var(--atlas-muted)}#tpl-color-atlas .tpl-atlas__search-icon{flex:0 0 16px;width:16px;height:16px}#tpl-color-atlas .tpl-atlas__search-input{appearance:none;-webkit-appearance:none;width:100%;min-width:0;margin:0;padding:0;border:0;outline:0;background:transparent;color:var(--atlas-ink);font:inherit;font-size:12px;line-height:1.4}#tpl-color-atlas .tpl-atlas__search-input::placeholder{color:var(--atlas-muted);opacity:1}#tpl-color-atlas .tpl-atlas__search-input::-webkit-search-cancel-button{cursor:pointer}#tpl-color-atlas .tpl-atlas__status{margin:0;padding:16px 0 0;color:var(--atlas-muted);font-size:12px;text-align:center}#tpl-color-atlas .tpl-atlas__viewport{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;padding:76px 0;margin:-20px 0;scrollbar-width:thin;scrollbar-color:rgba(23,23,23,.2) transparent;-webkit-overflow-scrolling:touch}#tpl-color-atlas .tpl-atlas__viewport::-webkit-scrollbar{height:5px}#tpl-color-atlas .tpl-atlas__viewport::-webkit-scrollbar-track{background:transparent}#tpl-color-atlas .tpl-atlas__viewport::-webkit-scrollbar-thumb{background:#1717172e;border-radius:10px}#tpl-color-atlas .tpl-atlas__field{position:relative;min-height:250px;padding:24px 18px}#tpl-color-atlas .tpl-atlas__general{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:17px;width:max-content;min-width:100%;align-items:start;justify-content:center}#tpl-color-atlas .tpl-atlas__pair{display:flex;flex-direction:column;gap:18px}#tpl-color-atlas .tpl-atlas__family{display:grid;grid-template-columns:var(--atlas-swatch);grid-auto-rows:var(--atlas-swatch);gap:3px;width:var(--atlas-swatch)}#tpl-color-atlas .tpl-atlas__dense{display:grid;grid-template-columns:repeat(5,var(--atlas-dense-swatch));grid-auto-rows:var(--atlas-dense-swatch);gap:8px;width:max-content;max-width:100%;margin:0 auto;align-content:start;justify-content:center}#tpl-color-atlas .tpl-atlas__dense .tpl-atlas__swatch{width:var(--atlas-dense-swatch);height:var(--atlas-dense-swatch)}#tpl-color-atlas .tpl-atlas__swatch{position:relative;z-index:1;appearance:none;-webkit-appearance:none;display:block;width:var(--atlas-swatch);height:var(--atlas-swatch);min-width:0;margin:0;padding:0;border:1px solid rgba(23,23,23,.12);border-radius:0;outline:0;background-color:#ddd;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:none;cursor:pointer;transform:translateZ(0) scale(1);transform-origin:center;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,opacity .15s ease,filter .15s ease}#tpl-color-atlas .tpl-atlas__swatch:hover,#tpl-color-atlas .tpl-atlas__swatch:focus-visible{z-index:40;border-color:#1717174d;box-shadow:0 15px 32px #0003,0 2px 6px #0000001c;transform:translateZ(0) scale(2.25)}#tpl-color-atlas .tpl-atlas__swatch.is-selected{z-index:5;border-color:#171717c7;box-shadow:0 0 0 1px #ffffffeb inset}#tpl-color-atlas.is-searching .tpl-atlas__swatch:not(.is-search-match){opacity:.11;filter:saturate(.25)}#tpl-color-atlas.is-searching .tpl-atlas__swatch.is-search-match{opacity:1;filter:none;box-shadow:0 0 0 1px #17171747}#tpl-color-atlas .tpl-atlas__tooltip{position:fixed;z-index:10020;display:none;max-width:240px;padding:7px 9px;background:#141414f0;color:#fff;font-size:11px;line-height:1.2;letter-spacing:.03em;pointer-events:none;box-shadow:0 6px 20px #0000002e}#tpl-color-atlas .tpl-atlas__tooltip.is-visible{display:block}#tpl-color-atlas .tpl-atlas__empty{display:none;padding:70px 20px;color:var(--atlas-muted);font-size:13px;text-align:center}#tpl-color-atlas .tpl-atlas__empty.is-visible{display:block}#tpl-color-atlas .tpl-atlas__selection{position:sticky;z-index:70;bottom:18px;display:none;width:min(610px,calc(100% - 28px));min-height:60px;margin:10px auto 0;align-items:center;gap:13px;padding:8px 9px 8px 8px;border:1px solid rgba(23,23,23,.14);background:#fffffff5;box-shadow:0 16px 42px #00000021;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#tpl-color-atlas .tpl-atlas__selection.is-visible{display:flex}#tpl-color-atlas .tpl-atlas__selection-swatch{flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(23,23,23,.12);background-position:center;background-repeat:no-repeat;background-size:cover}#tpl-color-atlas .tpl-atlas__selection-copy{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:3px}#tpl-color-atlas .tpl-atlas__selection-name{overflow:hidden;color:var(--atlas-ink);font-size:13px;line-height:1.2;font-weight:500;text-overflow:ellipsis;white-space:nowrap}#tpl-color-atlas .tpl-atlas__selection-collection{color:var(--atlas-muted);font-size:10px;line-height:1.2;letter-spacing:.09em;text-transform:uppercase}#tpl-color-atlas .tpl-atlas__selection-link,#tpl-color-selector-app .tpl-atlas__preview-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border:1px solid #171717;background:#171717;color:#fff;font-size:11px;line-height:1;letter-spacing:.07em;text-decoration:none;text-transform:uppercase;white-space:nowrap}#tpl-color-atlas .tpl-atlas__selection-link:hover,#tpl-color-atlas .tpl-atlas__selection-link:focus-visible,#tpl-color-selector-app .tpl-atlas__preview-link:hover,#tpl-color-selector-app .tpl-atlas__preview-link:focus-visible{background:#fff;color:#171717}#tpl-color-atlas .tpl-atlas__selection-close{appearance:none;-webkit-appearance:none;display:flex;flex:0 0 34px;align-items:center;justify-content:center;width:34px;height:34px;margin:0;padding:0;border:0;background:transparent;color:var(--atlas-muted);font:inherit;font-size:21px;line-height:1;cursor:pointer}html.tpl-atlas-preview-open,html.tpl-atlas-preview-open body{overflow:hidden!important}#tpl-color-selector-app .tpl-atlas__preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0a0a9e;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .17s ease,visibility .17s ease}#tpl-color-selector-app .tpl-atlas__preview.is-visible{opacity:1;visibility:visible;pointer-events:auto}#tpl-color-selector-app .tpl-atlas__preview-card{position:relative;width:min(760px,88vw,78vh);max-width:100%;overflow:hidden;background:var( --atlas-paper, #f6f4ef );box-shadow:0 30px 90px #00000052;transform:scale(.975);transition:transform .17s ease}#tpl-color-selector-app .tpl-atlas__preview.is-visible .tpl-atlas__preview-card{transform:scale(1)}#tpl-color-selector-app .tpl-atlas__preview-image-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#dedbd4}#tpl-color-selector-app .tpl-atlas__preview-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}#tpl-color-selector-app .tpl-atlas__preview-info{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:12px 14px 12px 17px;background:#fff}#tpl-color-selector-app .tpl-atlas__preview-copy{min-width:0}#tpl-color-selector-app .tpl-atlas__preview-name{margin:0;overflow:hidden;color:#171717;font-size:14px;line-height:1.2;font-weight:500;text-overflow:ellipsis;white-space:nowrap}#tpl-color-selector-app .tpl-atlas__preview-collection{margin:4px 0 0;color:#77736d;font-size:10px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}#tpl-color-selector-app .tpl-atlas__preview-close{position:absolute;z-index:3;top:12px;right:12px;appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0;padding:0 0 2px;border:0;border-radius:50%;background:#ffffffeb;color:#171717;font:inherit;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 3px 14px #00000024}@media screen and (max-width:980px){#tpl-color-atlas .tpl-atlas__toolbar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px 18px 17px}#tpl-color-atlas .tpl-atlas__tabs{width:100%;flex-wrap:wrap;justify-content:center;gap:9px 20px}#tpl-color-atlas .tpl-atlas__search{width:min(280px,82vw);margin:0 auto}}@media screen and (max-width:749px){#tpl-color-atlas{--atlas-swatch: 27px;--atlas-dense-swatch: 39px}#tpl-color-atlas .tpl-atlas__toolbar{gap:10px;padding:14px 12px 15px}#tpl-color-atlas .tpl-atlas__tabs{gap:7px 16px}#tpl-color-atlas .tpl-atlas__tab{font-size:10px;letter-spacing:.06em;padding:7px 0 9px}#tpl-color-atlas .tpl-atlas__search{width:min(300px,calc(100vw - 54px))}#tpl-color-atlas .tpl-atlas__viewport{padding-top:52px;padding-bottom:52px;margin-top:-12px;margin-bottom:-12px}#tpl-color-atlas .tpl-atlas__field{min-height:220px;padding:22px 16px}#tpl-color-atlas .tpl-atlas__general{min-width:max-content;justify-content:start;padding-right:18px}#tpl-color-atlas .tpl-atlas__dense{grid-template-columns:repeat(5,var(--atlas-dense-swatch));width:max-content;min-width:0;margin-right:auto;margin-left:auto}#tpl-color-atlas .tpl-atlas__swatch:hover{transform:none;box-shadow:none}#tpl-color-atlas .tpl-atlas__swatch:focus-visible{z-index:40;transform:scale(1.55);box-shadow:0 10px 24px #0000002e}#tpl-color-atlas .tpl-atlas__selection{bottom:10px;width:calc(100vw - 28px);min-height:58px;gap:9px;padding:7px}#tpl-color-atlas .tpl-atlas__selection-swatch{flex-basis:40px;width:40px;height:40px}#tpl-color-atlas .tpl-atlas__selection-link{min-height:34px;padding:0 11px;font-size:9px}#tpl-color-selector-app .tpl-atlas__preview{padding:12px}#tpl-color-selector-app .tpl-atlas__preview-card{width:min(92vw,74vh)}#tpl-color-selector-app .tpl-atlas__preview-info{gap:10px;min-height:62px;padding:10px 10px 10px 13px}#tpl-color-selector-app .tpl-atlas__preview-name{font-size:13px}#tpl-color-selector-app .tpl-atlas__preview-link{min-height:34px;padding:0 11px;font-size:9px}}@media(prefers-reduced-motion:reduce){#tpl-color-atlas .tpl-atlas__swatch,#tpl-color-atlas .tpl-atlas__tab,#tpl-color-atlas .tpl-atlas__tab:after,#tpl-color-selector-app .tpl-atlas__preview,#tpl-color-selector-app .tpl-atlas__preview-card{transition:none!important}}#tpl-color-atlas .tpl-atlas__toolbar{position:relative;z-index:100;background:#fff}#tpl-color-atlas .tpl-atlas__viewport{position:relative;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/128/assets/tpl-color-atlas.css.map */