.mokani-popup{--mp-bg: #faf6f0;--mp-text: #3a2e27;--mp-text-muted: #8a7565;--mp-accent: #6b5645;--mp-accent-hover: #57453a;--mp-overlay: rgba(43, 33, 28, .28);--mp-shadow: 0 24px 64px rgba(43, 33, 28, .2);--mp-transition: .48s cubic-bezier(.16, 1, .3, 1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.mokani-popup.is-visible{display:block}.mokani-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mp-overlay);opacity:0;transition:opacity var(--mp-transition)}.mokani-popup.is-visible .mokani-popup__overlay{opacity:1}.mokani-popup__panel{position:fixed;top:0;right:0;height:100%;width:min(420px,100%);max-width:100%;background:var(--mp-bg);box-shadow:var(--mp-shadow);border-radius:20px 0 0 20px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--mp-transition)}.mokani-popup.is-visible .mokani-popup__panel{transform:translate(0)}.mokani-popup__close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;border-radius:50%;background:#ffffffd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:var(--mp-text);cursor:pointer;z-index:2;padding:0;transition:background .2s ease,transform .2s ease}.mokani-popup__close:hover{background:#fff;transform:scale(1.06)}.mokani-popup__close:focus-visible{outline:2px solid var(--mp-accent);outline-offset:2px}.mokani-popup__close svg{width:15px;height:15px}.mokani-popup__media{position:relative;width:100%;overflow:hidden;background:#ece5db;flex-shrink:0}.mokani-popup__image{display:block;width:100%;height:auto}.mokani-popup__content{display:flex;flex-direction:column;gap:14px;padding:32px 32px 40px}.mokani-popup__eyebrow{margin:0;font-family:var(--typeBasePrimary),var(--typeBaseFallback),sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mp-text-muted)}.mokani-popup__title{margin:0;font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback),serif;font-size:27px;line-height:1.25;color:var(--mp-text)}.mokani-popup__heading{margin:0;font-family:var(--typeBasePrimary),var(--typeBaseFallback),sans-serif;font-size:16px;font-weight:600;line-height:1.5;color:var(--mp-text)}.mokani-popup__description{margin:0;font-family:var(--typeBasePrimary),var(--typeBaseFallback),sans-serif;font-size:14px;line-height:1.7;color:var(--mp-text-muted)}.mokani-popup__cta{display:flex;align-items:center;justify-content:center;width:100%;margin-top:10px;padding:16px 20px;border-radius:12px;background:var(--mp-accent);color:#fff;font-family:var(--typeBasePrimary),var(--typeBaseFallback),sans-serif;font-size:15px;font-weight:600;letter-spacing:.01em;text-decoration:none;text-align:center;transition:background .25s ease,transform .2s ease}.mokani-popup__cta:hover{background:var(--mp-accent-hover);color:#fff!important;transform:translateY(-1px)}.mokani-popup__cta:focus-visible{outline:2px solid var(--mp-accent);outline-offset:3px}.mokani-popup__subtext{margin:0;text-align:center;font-family:var(--typeBasePrimary),var(--typeBaseFallback),sans-serif;font-size:12.5px;font-weight:500;color:var(--mp-text-muted)}@media(max-width:768px){.mokani-popup__panel{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;max-height:88vh;border-radius:24px 24px 0 0;transform:translateY(100%)}.mokani-popup.is-visible .mokani-popup__panel{transform:translateY(0)}.mokani-popup__content{padding:24px 24px 32px}.mokani-popup__title{font-size:23px}}@media(prefers-reduced-motion:reduce){.mokani-popup__panel{transform:none!important;opacity:0;transition:opacity .25s ease}.mokani-popup.is-visible .mokani-popup__panel{opacity:1}.mokani-popup__overlay,.mokani-popup__close,.mokani-popup__cta{transition-duration:.15s}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/mokani-swatch-popup.css.map */