.plumelle-dn{--dn-fg: rgb(var(--color-foreground));--dn-bg: rgb(var(--color-background));--dn-muted: rgba(var(--color-foreground), .62);--dn-border: rgba(var(--color-foreground), .1);--dn-chip-bg: rgba(255, 255, 255, .88);--dn-chip-fg: #313838;--dn-toggle-track: rgba(255, 255, 255, .82);--dn-toggle-border: rgba(var(--color-foreground), .14);--dn-toggle-fg: rgba(var(--color-foreground), .55);--dn-active: rgba(var(--color-foreground), .08);--dn-active-fg: rgb(var(--color-foreground));--dn-sky-day: #eef2f8;--dn-radius: var(--border-radius-media, .4rem);--dn-sticky-gap: 1.2rem;color:var(--dn-fg);background:radial-gradient(120% 80% at 50% -10%,var(--dn-sky-day),transparent 55%),var(--dn-bg);transition:background .55s ease,color .35s ease}.plumelle-dn[data-mode=night]{--dn-fg: #f7f4ee;--dn-muted: rgba(247, 244, 238, .88);--dn-border: rgba(247, 244, 238, .16);--dn-chip-bg: rgba(20, 24, 28, .78);--dn-chip-fg: #f7f4ee;--dn-toggle-track: rgba(26, 31, 36, .88);--dn-toggle-border: rgba(247, 244, 238, .22);--dn-toggle-fg: rgba(247, 244, 238, .62);--dn-active: rgba(247, 244, 238, .14);--dn-active-fg: #f7f4ee;background:radial-gradient(100% 70% at 50% -15%,#2a3340 0%,transparent 55%),linear-gradient(180deg,#12161a,#1a1f24 40%,#15191d);color:var(--dn-fg)}.plumelle-dn *,.plumelle-dn *:before,.plumelle-dn *:after{box-sizing:border-box}.plumelle-dn__inner{max-width:120rem;margin:0 auto;padding:0 1.6rem}.plumelle-dn__toggle-bar{display:flex;justify-content:flex-end;position:sticky;top:calc(var(--header-height, 6.4rem) + var(--announcement-height, 0px) + var(--dn-sticky-gap));z-index:4;width:100%;margin:0 0 1.2rem;pointer-events:none}.plumelle-dn__toggle{pointer-events:auto;display:inline-flex;align-items:center;gap:.15rem;flex:0 0 auto;padding:.2rem;border-radius:999px;background:var(--dn-toggle-track);border:1px solid var(--dn-toggle-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 18px #00000014}.plumelle-dn[data-mode=night] .plumelle-dn__toggle{box-shadow:0 6px 22px #00000059}.plumelle-dn__toggle-btn{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--dn-toggle-fg);display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;font:inherit;font-size:1.2rem;font-weight:450;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.plumelle-dn__toggle-btn:hover{color:var(--dn-active-fg);opacity:.95}.plumelle-dn__toggle-btn.is-active{background:var(--dn-active);color:var(--dn-active-fg)}.plumelle-dn__toggle-icon{display:inline-flex;line-height:0;opacity:.85}.plumelle-dn__header{margin:0 0 1.8rem}.plumelle-dn__titles{min-width:0;text-align:left}.plumelle-dn__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-letter-spacing) * .08);line-height:1.15;font-size:clamp(2.2rem,3.4vw,3.2rem);color:var(--dn-fg)}.plumelle-dn__description{max-width:min(62rem,100%);margin:.55rem 0 0;color:var(--dn-muted);font-size:1.4rem;line-height:1.45;text-wrap:pretty}.plumelle-dn__description p,.plumelle-dn__description a,.plumelle-dn__description span{margin:0;color:inherit;text-wrap:pretty}.plumelle-dn[data-mode=night] .plumelle-dn__description,.plumelle-dn[data-mode=night] .plumelle-dn__description.rte,.plumelle-dn[data-mode=night] .plumelle-dn__description p,.plumelle-dn[data-mode=night] .plumelle-dn__description a,.plumelle-dn[data-mode=night] .plumelle-dn__description span{color:#f7f4ee!important}.plumelle-dn__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.6rem 1.4rem}@media screen and (min-width:750px){.plumelle-dn__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem 1.8rem}}@media screen and (min-width:990px){.plumelle-dn__grid{grid-template-columns:repeat(var(--dn-cols, 3),minmax(0,1fr))}}.plumelle-dn__card{margin:0}.plumelle-dn__card-link{display:block;text-decoration:none;color:inherit;border-radius:var(--dn-radius);overflow:hidden;background:transparent;transition:transform .35s ease,box-shadow .35s ease}.plumelle-dn__card-link:hover{transform:translateY(-3px)}.plumelle-dn__card-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}.plumelle-dn__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--dn-radius);background:rgba(var(--color-foreground),.04);isolation:isolate}.plumelle-dn[data-mode=night] .plumelle-dn__media{background:#0e1114;box-shadow:0 12px 40px #00000059}.plumelle-dn__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .55s ease,filter .55s ease,transform .7s ease}.plumelle-dn__img--day{opacity:1;z-index:1}.plumelle-dn__img--night{opacity:0;z-index:2}.plumelle-dn[data-mode=night] .plumelle-dn__img--day{opacity:0}.plumelle-dn[data-mode=night] .plumelle-dn__img--night{opacity:1}.plumelle-dn[data-mode=night] .plumelle-dn__img--night-fallback{filter:brightness(.55) saturate(.85) contrast(1.05)}.plumelle-dn__card-link:hover .plumelle-dn__img--day,.plumelle-dn__card-link:hover .plumelle-dn__img--night{transform:scale(1.03)}.plumelle-dn__img--placeholder{background:linear-gradient(135deg,#e8e4dc,#d0dbfb)}.plumelle-dn__mode-chip{position:absolute;top:1rem;left:1rem;z-index:3;padding:.45rem .85rem;border-radius:999px;font-size:1.1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--dn-chip-bg);color:var(--dn-chip-fg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:.92}.plumelle-dn__meta{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1.1rem .4rem .2rem}.plumelle-dn__color-name{font-size:1.5rem;font-weight:500;letter-spacing:.01em;color:var(--dn-fg)}.plumelle-dn__price{font-size:1.35rem;color:var(--dn-muted)}.plumelle-dn__empty{text-align:center;color:var(--dn-muted);padding:4rem 1rem}@media(prefers-reduced-motion:reduce){.plumelle-dn,.plumelle-dn__img,.plumelle-dn__card-link,.plumelle-dn__toggle-btn{transition:none!important}.plumelle-dn__card-link:hover,.plumelle-dn__card-link:hover .plumelle-dn__img--day,.plumelle-dn__card-link:hover .plumelle-dn__img--night{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-plumelle-day-night.css.map */