.color-room{--cr-base: var(--cs-bg, var(--c-sand, #f5f2ee));--cr-ink: var(--cs-text, var(--c-ink, #1a1a1a));--cr-muted: var(--c-ink-2, #5c574f);--cr-body: #3b3631;--cr-line: rgba(26, 26, 26, .12);--cr-card: rgba(255, 255, 255, .6);--cr-well: var(--c-well, #f7f6f3);--cr-focus: var(--color-primary, #006875);--cr-gutter: 16px;--cr-fade: .32s;padding:calc(var(--cs-pt, 96px) * .42) 0 calc(var(--cs-pb, 96px) * .42);background-color:var(--cr-base);color:var(--cr-ink);transition:background-color var(--duration-zoom, .5s) var(--ease, ease)}.color-room.cr--room-tint{background-color:color-mix(in oklab,var(--cr-hex, var(--cr-base)) 6%,var(--cr-base))}.color-room [hidden]{display:none!important}.cr-colorname__sub,.cr-card__m,.color-room .cr-short,.cr-cta__icon{display:none}.color-room__inner{max-width:var(--page-width, 1440px);margin:0 auto;padding:0 var(--cr-gutter)}.cr-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "tabs" "media" "colors" "card" "note";row-gap:16px}.cr-side,.cr-stage{display:contents}.cr-head{grid-area:head}.cr-tabs{grid-area:tabs}.cr-media{grid-area:media}.cr-panels{grid-area:colors}.cr-card{grid-area:card}.cr-note{grid-area:note}.cr-empty{grid-area:tabs}.cr-head{display:flex;flex-direction:column;gap:8px}.cr-eyebrow{margin:0;font-size:12px;font-weight:600;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--cr-muted)}.cr-heading{margin:0;font-family:var(--font-heading, "DM Sans", sans-serif);font-weight:600;font-size:clamp(1.875rem,1.3rem + 2.2vw,3.25rem);line-height:1.05;letter-spacing:-.03em;color:var(--cr-ink);text-wrap:balance}.cr-intro{margin:0;font-size:14px;line-height:1.6;color:var(--cr-body)}.cr-context{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:32px;margin:2px 0 0;padding:0;border-radius:var(--radius-md, 8px);font-size:13px;font-weight:500;line-height:1.3;color:var(--cr-muted);transition:background-color var(--duration-fast, .15s) var(--ease, ease)}.cr-context__icon{flex-shrink:0}.cr-context__icon--check{display:none}.cr-context.is-mine{padding:0 12px 0 10px;background:var(--c-teal-tint, #e5eff0);color:var(--c-deep, #003d47);font-weight:600}.cr-context.is-mine .cr-context__icon--phone{display:none}.cr-context.is-mine .cr-context__icon--check{display:block;color:var(--color-primary, #006875)}.cr-tabs{display:flex;gap:20px;margin:0 -4px;padding:0 4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;box-shadow:inset 0 -1px 0 var(--cr-line)}.cr-tabs::-webkit-scrollbar{display:none}.cr-tab{position:relative;flex-shrink:0;display:inline-flex;align-items:flex-end;min-height:44px;margin:0;padding:14px 0 12px;border:0;border-radius:0;background:none;font-family:var(--font-body, "Inter", sans-serif);font-size:14px;font-weight:500;line-height:1.2;color:var(--cr-muted);white-space:nowrap;cursor:pointer;box-shadow:inset 0 -2px 0 transparent;transition:color var(--duration-fast, .15s) var(--ease, ease),box-shadow var(--duration-fast, .15s) var(--ease, ease)}.cr-tab:after{content:"";position:absolute;top:0;bottom:0;left:-8px;right:-8px}.cr-tab:first-child:after{left:-4px}.cr-tab:last-child:after{right:-4px}.cr-tab__text{display:inline-flex;flex-direction:column}.cr-tab__text:after{content:attr(data-text);height:0;overflow:hidden;visibility:hidden;font-weight:600;pointer-events:none;-webkit-user-select:none;user-select:none}.cr-tab:hover{color:var(--cr-ink)}.cr-tab[aria-selected=true]{color:var(--cr-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--cr-ink)}.cr-tab:focus-visible{outline:2px solid var(--cr-focus);outline-offset:-2px;border-radius:var(--radius-sm, 4px)}.cr-panels{display:grid}.cr-panel{grid-area:1 / 1;display:flex;flex-direction:column;gap:10px;min-width:0}.cr-panel:not(.is-active){visibility:hidden}.cr-colorname{margin:0;font-size:14px;line-height:1.4;color:var(--cr-body)}.cr-colorname strong{font-weight:600;color:var(--cr-ink)}.cr-swatches{display:flex;flex-wrap:wrap;gap:10px 18px}.cr-group__swatches{display:flex;flex-wrap:wrap;gap:6px}.cr-group{display:flex;flex-direction:column;gap:4px}.cr-group__label{font-size:12px;font-weight:600;line-height:16px;color:var(--cr-muted);white-space:nowrap}.cr-swatch{position:relative;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.cr-swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-radius:50%;transition:border-color var(--duration-fast, .15s) var(--ease, ease)}@media(hover:hover){.cr-swatch:hover:before{border-color:#1a1a1a47}}.cr-swatch[aria-checked=true]:before{border-color:var(--color-primary, #006875)}.cr-swatch:focus-visible{outline:2px solid var(--cr-focus);outline-offset:2px}.cr-swatch__fill{display:block;width:34px;height:34px;border-radius:50%;background-color:var(--cr-sw, var(--c-control, #cfc7bc));box-shadow:inset 0 0 0 1px #0000001f}.cr-swatch--clear .cr-swatch__fill{background-color:#ffffff8c;background-image:linear-gradient(135deg,#fffffff2,#fff0 45%),linear-gradient(315deg,#0068751a,#00687500 60%);box-shadow:inset 0 0 0 1px #1a1a1a38,inset 0 0 6px #1a1a1a0f}.cr-swatch.is-soldout .cr-swatch__fill{opacity:.55;background-image:linear-gradient(to top right,transparent calc(50% - 2px),rgba(255,255,255,.9) calc(50% - 2px),rgba(255,255,255,.9) calc(50% - 1px),var(--cr-muted) calc(50% - 1px),var(--cr-muted) calc(50% + 1px),rgba(255,255,255,.9) calc(50% + 1px),rgba(255,255,255,.9) calc(50% + 2px),transparent calc(50% + 2px))}.cr-plinth{position:relative;width:100%;aspect-ratio:27 / 25;overflow:hidden;border-radius:var(--radius-xl, 16px);background:var(--cr-well)}.cr-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--cr-well);isolation:isolate;opacity:0;transition:opacity var(--cr-fade) var(--ease, ease)}.cr-layer.is-active{opacity:1}.cr--plinth-tint .cr-layer{background:color-mix(in oklab,var(--cr-layer-hex, var(--cr-well)) 10%,var(--cr-well))}.cr-img{display:block;width:85%;height:85%;object-fit:contain;mix-blend-mode:multiply}.cr-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--radius-lg, 12px);background:var(--cr-card)}.cr-card__eyebrow{margin:0;font-size:11px;font-weight:600;line-height:1.35;letter-spacing:.14em;text-transform:uppercase;color:var(--cr-muted)}.cr-card__title{margin:0;font-family:var(--font-heading, "DM Sans", sans-serif);font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--cr-ink)}.cr-card__rule{display:block;height:1px;margin:4px 0;background:var(--c-line, #e7e3dc)}.cr-specs{display:grid;grid-template-columns:112px minmax(0,1fr);gap:6px 12px;margin:0;font-size:13px;line-height:1.45;font-variant-numeric:tabular-nums}.cr-specs__row{display:contents}.cr-specs dt{color:var(--cr-muted)}.cr-specs dd{margin:0;color:var(--cr-ink)}.cr-ref{margin-left:1px;color:var(--cr-muted)}.cr-card__buy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px}.cr-price{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-family:var(--font-heading, "DM Sans", sans-serif);font-size:20px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--cr-ink)}.cr-soldout{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:var(--radius-sm, 4px);background:var(--c-ink-2, #5c574f);color:#fff;font-family:var(--font-body, "Inter", sans-serif);font-size:12px;font-weight:600}.color-room .cr-cta{flex-shrink:0;min-height:46px;padding:0 18px;font-size:14px;white-space:nowrap}.color-room .cr-cta:hover{background-color:var(--c-teal-hover, #00535e)}.color-room .cr-cta:focus-visible{outline:2px solid var(--cr-focus);outline-offset:2px;box-shadow:none}.cr-note{margin:0;font-size:11px;line-height:1.5;color:var(--cr-muted)}.cr-empty{margin:0;padding:16px;border:1px dashed var(--c-control, #cfc7bc);border-radius:var(--radius-sm, 4px);font-size:14px;color:var(--cr-muted)}.color-room.is-updating .cr-tabs,.color-room.is-updating .cr-panels,.color-room.is-updating .cr-card{opacity:.5;pointer-events:none;transition:opacity var(--duration-base, .25s) var(--ease, ease)}@media(min-width:768px){.color-room{--cr-gutter: 32px}.cr-plinth{max-height:520px}.cr-img{width:80%;height:80%}.cr-group__swatches{gap:10px}}@media(min-width:990px){.color-room{padding:var(--cs-pt, 96px) 0 var(--cs-pb, 96px)}.cr-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:none;column-gap:24px;align-items:center}.cr-media{grid-area:auto;grid-column:1 / span 6;grid-row:1}.cr-side{display:flex;flex-direction:column;gap:30px;grid-column:8 / span 5;grid-row:1;min-width:0}.cr-plinth{max-height:700px}.cr-head{gap:16px}.cr-heading{max-width:6.8em}.cr-intro{font-size:16px}.cr-tabs{gap:22px}.cr-panel{gap:14px}.cr-card{gap:10px;padding:24px}.cr-card__title{font-size:22px}.cr-card__rule{margin:6px 0}.cr-specs{grid-template-columns:130px minmax(0,1fr);row-gap:8px;font-size:14px}.cr-card__buy{padding-top:12px}.cr-price{font-size:22px}.color-room .cr-cta{min-height:48px;padding:0 22px;font-size:15px}.cr-note{font-size:12px}}@media(min-width:1200px){.color-room{--cr-gutter: 64px}}@media(min-width:1360px){.cr-media{grid-column:1 / span 7}.cr-side{grid-column:9 / span 4}}@media(max-width:767.98px){.color-room{padding:calc(var(--cs-pt, 96px) * .3) 0 calc(var(--cs-pb, 96px) * .3)}.cr-grid{grid-template-areas:"head" "tabs" "media" "card" "note";row-gap:14px}.cr-eyebrow,.cr-intro{display:none}.cr-head{gap:4px}.cr-heading{font-size:26px;line-height:1.1;letter-spacing:-.025em}.cr-context{min-height:28px;margin:0;font-size:12px}.cr-context.is-mine{padding:0 10px 0 8px}.cr-tabs{gap:8px;margin:-5px calc(var(--cr-gutter) * -1);padding:0 var(--cr-gutter);scroll-padding-inline:var(--cr-gutter);box-shadow:none}.cr-tab{isolation:isolate;align-items:center;min-height:44px;padding:0 14px;font-size:13px;font-weight:600;color:var(--cr-ink);box-shadow:none}.cr-tab:before{content:"";position:absolute;z-index:-1;top:5px;bottom:5px;left:0;right:0;border:1px solid var(--c-control, #cfc7bc);border-radius:var(--radius-full, 999px);background:#fff;transition:background-color var(--duration-fast, .15s) var(--ease, ease),border-color var(--duration-fast, .15s) var(--ease, ease)}.cr-tab:after{display:none}@media(hover:hover){.cr-tab:hover:before{border-color:var(--c-control-strong, #8a8177)}}.cr-tab[aria-selected=true]{color:#fff;box-shadow:none}.cr-tab[aria-selected=true]:before{border-color:var(--cr-ink);background:var(--cr-ink)}.cr-tab:focus-visible{outline:0}:where(html:not([data-input=pointer])) .cr-tab:focus-visible:before{outline:2px solid var(--cr-focus);outline-offset:2px}.cr-media{grid-area:media}.cr-plinth{height:clamp(300px,78vw,380px);aspect-ratio:auto}.cr-layer{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);padding:25px 58px 25px 16px}.color-room:has(.cr-panel.is-active[data-cr-n="1"]) .cr-layer{padding-right:16px}.cr-img{width:100%;height:100%;min-width:0;min-height:0}.cr-panels{position:relative;z-index:1;grid-area:media;pointer-events:none}.cr-panel{position:relative;display:block}.cr-colorname{position:absolute;top:12px;left:14px;right:64px;font-size:12px;font-weight:600;line-height:16px;color:var(--cr-muted)}.cr-colorname strong{color:inherit}.cr-colorname__k{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cr-colorname__sub{display:inline}.cr-swatches{position:absolute;top:50%;right:10px;flex-direction:column;flex-wrap:nowrap;gap:4px;max-height:calc(100% - 20px);padding:4px;overflow-y:auto;scrollbar-width:none;border-radius:var(--radius-full, 999px);background:#fff;box-shadow:0 4px 14px #00000014;transform:translateY(-50%);pointer-events:auto}.cr-swatches::-webkit-scrollbar{display:none}.cr-panel[data-cr-n="1"] .cr-swatches,.cr-panel[data-cr-n="0"] .cr-swatches{display:none}.cr-group{gap:0}.cr-group+.cr-group{padding-top:4px;border-top:1px solid var(--c-line, #e7e3dc)}.cr-group__label{display:none}.cr-group__swatches{flex-direction:column;flex-wrap:nowrap;gap:0}.cr-swatch{width:40px;height:40px}.cr-swatch:before{top:2px;right:2px;bottom:2px;left:2px}.cr-swatch__fill{width:28px;height:28px}.cr-swatch:focus-visible{outline-offset:-1px}.cr-card{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-content:center;column-gap:12px;row-gap:3px;position:relative;padding:12px 12px 12px 14px;background:#fff}.cr-card__eyebrow,.cr-card__rule,.cr-card__t,.color-room .cr-long,.cr-card__buy .cr-price>[data-cr-f=price]{display:none}.cr-card__title{grid-column:1;font-size:16px;line-height:1.3;letter-spacing:0}.cr-card__m{display:inline;font-variant-numeric:tabular-nums}.cr-specs{display:block;grid-column:1;font-size:12px;line-height:1.45;color:var(--cr-muted)}.cr-specs__row{display:inline}.cr-specs dt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cr-specs dd{display:inline;color:inherit;white-space:nowrap}.color-room .cr-short{display:inline}.cr-specs__row:not([hidden])~.cr-specs__row:not([hidden]):before{content:" \b7  "}@supports selector(:has(~ *)){.cr-specs__row:not([hidden])~.cr-specs__row:not([hidden]):before{content:none}.cr-specs__row{white-space:nowrap}.cr-specs__row:not([hidden]):has(~.cr-specs__row:not([hidden])):after{content:" \b7"}}.cr-card__buy{display:contents}.cr-price{grid-column:1;font-size:14px}.cr-price:has(>[data-cr-f=soldout][hidden]){display:none}.color-room .cr-cta{position:relative;grid-column:2;grid-row:1 / span 3;align-self:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:10px}.cr-cta__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cr-cta__icon{display:block;flex-shrink:0}}@media(prefers-reduced-motion:reduce){.color-room,.cr-layer{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-color-room.css.map */