.plumelle-dnt{--dnt-fg: rgb(var(--color-foreground));--dnt-muted: rgba(var(--color-foreground), .62);--dnt-radius: var(--border-radius-media, .4rem);--dnt-cream: #f8f8f6;--dnt-switch-w: 7.2rem;--dnt-switch-h: 3.6rem;--dnt-knob: 3rem;--dnt-pad: .3rem;position:relative;color:var(--dnt-fg);background:var(--dnt-cream);transition:background .45s ease,color .35s ease}.plumelle-dnt[data-mode=night]{--dnt-fg: #f7f4ee;--dnt-muted: rgba(247, 244, 238, .82);background:#161b20;color:var(--dnt-fg)}.plumelle-dnt__inner{max-width:120rem;margin:0 auto;padding:0 1.6rem}.plumelle-dnt__eyebrow{margin:0 0 .4rem;font-size:1.1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dnt-muted)}.plumelle-dnt__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.2;font-size:clamp(1.8rem,2.1vw,2.2rem);color:inherit;text-wrap:pretty}.plumelle-dnt__body{margin:.6rem auto 0;max-width:42rem;font-size:1.35rem;line-height:1.4;color:var(--dnt-muted);text-wrap:pretty}.plumelle-dnt__cta{margin-top:1.2rem;margin-left:auto;margin-right:auto;min-height:3.6rem;padding:.7rem 1.4rem}.plumelle-dnt__split{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem;align-items:center;justify-items:center;padding-block:.4rem;text-align:center}.plumelle-dnt__media-col{position:relative;width:min(100%,28rem);margin-inline:auto}.plumelle-dnt__copy{width:100%}.plumelle-dnt__stage{position:relative;width:100%;aspect-ratio:1 / 1;height:auto;overflow:hidden;border-radius:var(--dnt-radius);background:rgba(var(--color-foreground),.04)}.plumelle-dnt__media-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;cursor:pointer}.plumelle-dnt__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .5s ease}.plumelle-dnt__img--day{opacity:1;z-index:1}.plumelle-dnt__img--night{opacity:0;z-index:2}.plumelle-dnt[data-mode=night] .plumelle-dnt__img--day{opacity:0}.plumelle-dnt[data-mode=night] .plumelle-dnt__img--night{opacity:1}.plumelle-dnt__toggle{position:absolute;top:.8rem;right:.8rem;z-index:3;display:inline-flex;align-items:stretch;width:var(--dnt-switch-w);height:var(--dnt-switch-h);padding:var(--dnt-pad);border:0;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#8ec4ee,#5ea3d8);box-shadow:0 6px 18px #00000038;transition:background .35s ease,box-shadow .35s ease}.plumelle-dnt[data-mode=night] .plumelle-dnt__toggle{background:linear-gradient(180deg,#3a4660,#1b2230);box-shadow:0 8px 22px #0006}.plumelle-dnt__toggle-knob{position:absolute;top:var(--dnt-pad);left:var(--dnt-pad);width:var(--dnt-knob);height:var(--dnt-knob);border-radius:999px;pointer-events:none;z-index:1;background:#fff8e8;box-shadow:0 2px 8px #18284647,inset 0 1px #ffffffe6;transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease,box-shadow .35s ease}.plumelle-dnt[data-mode=night] .plumelle-dnt__toggle-knob{transform:translate(calc(var(--dnt-switch-w) - var(--dnt-knob) - (var(--dnt-pad) * 2)));background:#f0c45a;box-shadow:0 2px 10px #00000073,inset 0 1px #ffffff73}.plumelle-dnt__toggle-btn{-webkit-appearance:none;appearance:none;position:relative;z-index:2;flex:1 1 50%;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border-radius:999px;cursor:pointer;color:#ffffffb8}.plumelle-dnt__toggle-btn.is-active{color:#1a1f24}.plumelle-dnt[data-mode=night] .plumelle-dnt__toggle-btn{color:#f7f4ee8c}.plumelle-dnt[data-mode=night] .plumelle-dnt__toggle-btn.is-active{color:#1a1f24}.plumelle-dnt__toggle-icon{display:inline-flex;line-height:0}@media screen and (min-width:750px){.plumelle-dnt__split{grid-template-columns:24rem minmax(0,1fr);gap:2.4rem;padding-block:.2rem;justify-items:stretch;text-align:left}.plumelle-dnt__media-col{width:24rem;margin-inline:0}.plumelle-dnt__stage{width:24rem;height:24rem;aspect-ratio:auto}.plumelle-dnt__copy{padding-right:.4rem}.plumelle-dnt__body{margin-inline:0}.plumelle-dnt__cta{margin-left:0;margin-right:0}}@media screen and (min-width:990px){.plumelle-dnt__split{grid-template-columns:28rem minmax(0,1fr);gap:3.2rem}.plumelle-dnt__media-col{width:28rem}.plumelle-dnt__stage{width:28rem;height:28rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-plumelle-day-night-teaser.css.map */