.moonou-dn{background-color:var(--dn-bg, #f6f1ea);border:var(--dn-bw, 0) solid var(--dn-bc, transparent);border-radius:var(--dn-br, 0);overflow:hidden;padding-top:var(--dn-pt, 0);padding-bottom:var(--dn-pb, 0)}.moonou-dn__container{display:grid;grid-template-columns:var(--dn-content-width, 50%) 1fr;min-height:400px}.moonou-dn__container[data-image-position=left]{grid-template-columns:1fr var(--dn-content-width, 50%)}.moonou-dn__container[data-image-position=left] .moonou-dn__content{order:2}.moonou-dn__container[data-image-position=left] .moonou-dn__media-wrap{order:1}.moonou-dn__content{display:flex;flex-direction:column;justify-content:center;padding:var(--dn-c-pt, 48px) var(--dn-c-pr, 32px) var(--dn-c-pb, 48px) var(--dn-c-pl, 32px);min-width:0;overflow:visible}.moonou-dn .highlighted-text{z-index:0}.moonou-dn__heading{font-size:var(--dn-heading-fs, 64px);font-weight:400;line-height:var(--dn-heading-lh, 1.08);letter-spacing:var(--dn-heading-ls, -.64px);color:var(--dn-heading-color, #1e1e1e);margin:0}.moonou-dn__text{margin-top:var(--dn-gap, 16px);font-size:var(--dn-text-fs, 20px);font-weight:400;line-height:var(--dn-text-lh, 1.6);color:var(--dn-text, #8d847c)}.moonou-dn__text p{margin:0}.moonou-dn__text p+p{margin-top:1em}.moonou-dn__media-wrap{padding:var(--dn-img-pad, 0);min-width:0}.moonou-dn__media{position:relative;overflow:hidden;border-radius:var(--dn-img-radius, 12px);aspect-ratio:var(--dn-img-aspect, 3 / 4)}.moonou-dn__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .7s ease}.moonou-dn__img[data-active=true]{opacity:1}.moonou-dn__img-el{width:100%;height:100%;object-fit:cover;display:block}.moonou-dn__toggle{position:absolute;bottom:var(--dn-toggle-mb, 25px);left:50%;transform:translate(-50%);display:flex;align-items:stretch;padding:var(--dn-toggle-padding, 4px);border-radius:var(--dn-toggle-radius, 16px);background-color:var(--dn-toggle-bg-night, #1e1e1e);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .4s ease;z-index:2}.moonou-dn__toggle[data-state=day]{background-color:var(--dn-toggle-bg-day, #f36a2b)}.moonou-dn__toggle:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:var(--ind-left, 0);width:var(--ind-width, 0);height:var(--ind-height, 0);background-color:var(--dn-btn-active-bg, #fbf7f1);border:1px solid var(--dn-btn-active-border, #d8d2cb);border-radius:var(--dn-btn-radius, 12px);transition:left .35s cubic-bezier(.25,1,.5,1),width .25s cubic-bezier(.25,1,.5,1);pointer-events:none;z-index:0}.moonou-dn__toggle--no-transition:before{transition:none}.moonou-dn__btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--dn-btn-gap, 8px);padding:var(--dn-btn-py, 8px) var(--dn-btn-px, 24px);border-radius:var(--dn-btn-radius, 12px);font-size:var(--dn-toggle-fs, 16px);font-weight:400;line-height:1.5;font-family:inherit;cursor:pointer;white-space:nowrap;transition:color .3s ease;border:1px solid transparent;background:transparent;color:var(--dn-btn-inactive-text, #fbf7f1)}.moonou-dn__btn[data-active=true]{color:var(--dn-btn-active-text, #1e1e1e)}.moonou-dn__icon{width:var(--dn-icon-size, 24px);height:var(--dn-icon-size, 24px);flex-shrink:0}.moonou-dn__icon svg{width:100%;height:100%;display:block}@media(max-width:767px){.moonou-dn__container{grid-template-columns:1fr}.moonou-dn__container[data-image-position=left] .moonou-dn__content,.moonou-dn__container[data-image-position=left] .moonou-dn__media-wrap{order:unset}.moonou-dn__media-wrap[data-mobile-hidden=true]{display:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/moonou-day-night.css.map */