.cark{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000001;display:grid;place-items:center;padding:20px;font-family:var(--font-primary--family, sans-serif)}.cark[hidden]{display:none}html.cark-lock{overflow:hidden}.cark__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e100a8c;opacity:0;transition:opacity .3s ease}.cark.is-open .cark__overlay{opacity:1}.cark__modal{position:relative;z-index:1;width:min(820px,100%);max-height:min(680px,calc(100vh - 32px));max-height:min(680px,calc(100dvh - 32px));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);overflow:hidden;background:var(--color-background, #fff);color:var(--color-foreground, #0a0a0a);border-radius:var(--radius-section, 20px);box-shadow:0 40px 90px -20px #00000073;opacity:0;transform:scale(.95) translateY(10px);transition:opacity .3s var(--ease-spring, ease),transform .3s var(--ease-spring, ease)}.cark.is-open .cark__modal{opacity:1;transform:none}.cark__modal:focus{outline:none}.cark__close{position:absolute;top:10px;right:10px;z-index:3;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#ffffffe6;color:var(--color-foreground, #0a0a0a);cursor:pointer}.cark__close:hover{background:var(--color-surface, #f5f5f4)}.cark__close:focus-visible{outline:2px solid var(--color-foreground, #0a0a0a);outline-offset:2px}.cark__stage{display:grid;place-items:center;padding:36px 28px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.7),transparent 55%),#f1e4dc}.cark__wheel-wrap{position:relative;width:min(330px,100%);aspect-ratio:1}.cark__wheel{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 6px #fff,0 18px 40px -12px #7a2a1f73;transform:rotate(0);will-change:transform}.cark__wheel svg{display:block;width:100%;height:100%}.cark__amount{font-size:19px;font-weight:800;letter-spacing:-.3px}.cark__unit{font-size:10px;font-weight:700;letter-spacing:1px}.cark__pointer{position:absolute;top:-14px;left:50%;z-index:2;width:0;height:0;margin-left:-14px;border-left:14px solid transparent;border-right:14px solid transparent;border-top:26px solid var(--color-foreground, #0a0a0a);filter:drop-shadow(0 3px 3px rgba(0,0,0,.25))}.cark__hub{position:absolute;top:50%;left:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 4px 14px #0000002e;font-size:clamp(18px,3vw,26px);line-height:1}.cark__panel{--cark-pad-x: 36px;max-height:min(680px,calc(100vh - 32px));max-height:min(680px,calc(100dvh - 32px));min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:40px var(--cark-pad-x) 0;display:flex;flex-direction:column}.cark__view{margin:auto 0}.cark__view--result{padding-bottom:28px}.cark__view[hidden]{display:none}.cark__title{margin:0 0 6px;padding-right:32px;font-size:clamp(22px,2.4vw,27px);font-weight:800;line-height:1.15;letter-spacing:-.4px}.cark__title:focus{outline:none}.cark__sub{margin:0 0 18px;font-size:14.5px;line-height:1.5;color:var(--color-muted, rgba(10, 10, 10, .6))}.cark__sub[hidden],.cark__fine[hidden],.cark__btn[hidden]{display:none}.cark__form{display:grid;gap:11px}.cark__field{display:grid;gap:4px}.cark__field label{font-size:12.5px;font-weight:600;color:var(--color-foreground, #0a0a0a)}.cark__field input{height:46px;width:100%;padding:0 18px;border:1px solid var(--color-border, rgba(10, 10, 10, .1));border-radius:var(--radius-pill, 60px);background:var(--color-surface, #f5f5f4);font:inherit;font-size:15px;color:var(--color-foreground, #0a0a0a)}.cark__field input:focus-visible{outline:2px solid var(--color-foreground, #0a0a0a);outline-offset:1px}.cark__hint{margin:2px 0 0 4px}.cark__hint[hidden]{display:none}.cark__suggest{padding:4px 0;min-height:28px;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:#c04838;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cark__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}.cark__check{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.45;color:var(--color-muted, rgba(10, 10, 10, .6));cursor:pointer}.cark__check input{flex-shrink:0;width:18px;height:18px;margin:0;accent-color:#C04838;cursor:pointer}.cark__check-note{display:block;margin-top:3px;font-size:11.5px;line-height:1.4;color:var(--color-muted, rgba(10, 10, 10, .6))}.cark__check--promo{padding:10px 12px;border:1px solid rgba(192,72,56,.28);border-radius:12px;background:#c0483812;color:var(--color-foreground, #0a0a0a)}.cark__promo-icon{font-size:14px}.cark__nudge{padding:12px 14px;border-radius:12px;background:#c048381a}.cark__nudge{scroll-margin-bottom:20px}.cark__nudge[hidden]{display:none}.cark__nudge-text{margin:0 0 10px;font-size:13.5px;font-weight:700;line-height:1.4;color:var(--color-foreground, #0a0a0a)}.cark__nudge-actions{display:grid;gap:8px}.cark__nudge-actions button{min-height:44px;border-radius:var(--radius-pill, 60px);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.cark__nudge-yes{border:0;background:#c04838;color:#fff}.cark__nudge-no{border:1px solid rgba(10,10,10,.25);background:transparent;color:var(--color-foreground, #0a0a0a)}.cark__check a{color:var(--color-foreground, #0a0a0a);font-weight:600;text-decoration:underline;text-underline-offset:2px}.cark__actions{position:sticky;bottom:0;z-index:2;display:grid;gap:8px;margin:2px calc(-1 * var(--cark-pad-x)) 0;padding:12px var(--cark-pad-x) 18px;background:var(--color-background, #fff);box-shadow:0 -12px 16px -14px #00000040}.cark__actions:has(.cark__nudge:not([hidden])) .cark__fine{display:none}.cark__error{margin:0;padding:9px 14px;border-radius:12px;background:#fbe9e5;font-size:13px;font-weight:600;color:#a3301f}.cark__error[hidden],.cark__sendto[hidden]{display:none}.cark__sendto{margin:0;font-size:12.5px;color:var(--color-foreground, #0a0a0a);word-break:break-all}.cark__btn{height:50px;width:100%;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-pill, 60px);background:#c04838;color:#fff;font:inherit;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .2s,opacity .2s}.cark__btn:hover{background:#a83c2e}.cark__btn:disabled{opacity:.7;cursor:progress}.cark__btn:focus-visible{outline:2px solid var(--color-foreground, #0a0a0a);outline-offset:2px}.cark__fine{margin:0;font-size:12px;line-height:1.45;color:var(--color-muted, rgba(10, 10, 10, .6));text-align:center}.cark__view--result{display:grid;gap:8px}.cark__view--result .cark__sub{margin:0}.cark__view--result .cark__btn{margin-top:10px}.cark__view--result .cark__fine{margin:0;text-align:left}.cark-corner{position:fixed;left:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:399;min-height:44px;padding:0 18px;border:0;border-radius:var(--radius-pill, 60px);background:#c04838;color:#fff;font-family:var(--font-primary--family, sans-serif);font-size:14px;font-weight:700;box-shadow:0 10px 24px -8px #7a2a1f8c;cursor:pointer}.cark-corner[hidden]{display:none}.cark-corner:hover{background:#a83c2e}.cark-corner:focus-visible{outline:2px solid var(--color-foreground, #0a0a0a);outline-offset:2px}@media(max-height:760px)and (min-width:701px){.cark__stage{padding:24px 22px}.cark__wheel-wrap{width:min(300px,55vh,100%)}.cark__panel{--cark-pad-x: 30px;padding-top:26px}.cark__title{font-size:22px}.cark__sub{margin-bottom:12px;font-size:14px}.cark__form{gap:8px}.cark__field{gap:3px}.cark__field input{height:42px}.cark__check--promo{padding:8px 10px}.cark__actions{padding-top:10px;padding-bottom:14px}.cark__btn{height:46px}.cark__view--result{padding-bottom:20px}}@media(max-width:700px){.cark{padding:0;place-items:end stretch}.cark__modal{width:100%;max-height:94vh;max-height:94dvh;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);border-radius:22px 22px 0 0;transform:translateY(40px)}.cark__panel,.cark__view[data-cark-view=form]:not([hidden]){display:contents}.cark__stage{grid-column:1;grid-row:1;padding:14px 4px 10px 16px;background:#f1e4dc}.cark__wheel-wrap{width:100px;transition:width .4s ease-out}.cark__pointer{top:-7px;margin-left:-8px;border-left-width:8px;border-right-width:8px;border-top-width:14px}.cark__wheel{box-shadow:0 0 0 3px #fff,0 8px 18px -8px #7a2a1f73}.cark__amount{font-size:24px}.cark__unit{font-size:12px}.cark__hub{font-size:14px}.cark__intro{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:14px 56px 10px 12px;background:#f1e4dc}.cark__title{padding-right:0;margin-bottom:4px;font-size:19px}.cark__intro .cark__sub{margin:0;font-size:12.5px;line-height:1.4}.cark__form{--cark-pad-x: 16px;grid-column:1 / -1;grid-row:2;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px var(--cark-pad-x) 0;gap:7px}.cark__field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cark__field input{height:44px;padding:0 16px;font-size:16px}.cark__check{gap:8px;font-size:11.5px;line-height:1.4}.cark__check input{width:17px;height:17px}.cark__check--promo{padding:8px 10px}.cark__check-note{margin-top:2px;font-size:11px}.cark__check-note--extra{display:none}.cark__actions{gap:6px;padding:8px var(--cark-pad-x) calc(12px + env(safe-area-inset-bottom,0px))}.cark__sendto{font-size:12px}.cark__nudge{padding:8px 10px}.cark__nudge-text{margin-bottom:6px;font-size:13px}.cark__nudge-actions{grid-template-columns:1fr 1fr}.cark__nudge-actions button{font-size:13px;padding:0 8px}.cark__btn{height:48px}.cark__fine{margin:0;font-size:11.5px}.cark.is-big .cark__stage{grid-column:1 / -1;padding:30px 20px 14px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.7),transparent 55%),#f1e4dc}.cark.is-big .cark__wheel-wrap{width:min(320px,85vw)}.cark.is-big .cark__pointer{top:-12px;margin-left:-12px;border-left-width:12px;border-right-width:12px;border-top-width:22px}.cark.is-big .cark__wheel{box-shadow:0 0 0 5px #fff,0 14px 30px -10px #7a2a1f73}.cark.is-big .cark__hub{font-size:24px}.cark.is-big [data-cark-view=form]{display:none}.cark__view--result:not([hidden]){grid-column:1 / -1;grid-row:2;min-height:0;overflow-y:auto;margin:0;padding:16px 20px calc(18px + env(safe-area-inset-bottom,0px))}.cark__view--result .cark__title{font-size:21px}.cark-corner{left:12px;font-size:13px}}@media(prefers-reduced-motion:reduce){.cark__overlay,.cark__modal,.cark__wheel-wrap{transition:none}.cark__modal{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cark-popup.css.map */