html[data-cc-popup-open]{overflow:hidden}.cc-popup-component{display:contents}.cc-popup-section{height:0;min-height:0;margin:0;padding:0;background:transparent}.cc-popup-dialog,.cc-popup-dialog *{box-sizing:border-box}.cc-popup-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(680px,calc(100vw - 64px));max-width:none;max-height:min(78dvh,560px);margin:auto;padding:0;overflow:visible;border:1px solid var(--color-borders);border-radius:22px;background:var(--color-background);color:var(--color-foreground);box-shadow:0 20px 90px #0003;font-family:var(--font-base-family,inherit);line-height:1.4}.cc-popup-dialog::backdrop{background:#1117;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cc-popup-dialog:not([open]),.cc-popup-dialog [hidden]{display:none!important}.cc-popup-dialog button,.cc-popup-dialog input{font:inherit}.cc-popup-dialog :focus-visible{outline:2px solid var(--color-outlines);outline-offset:3px}.cc-popup-close{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:36px;height:36px;padding:9px;border:1px solid var(--color-borders);border-radius:50%;background:var(--color-background);color:var(--color-foreground);cursor:pointer}.cc-popup-close svg{width:18px;height:18px}.cc-popup-wheel-layout{display:grid;grid-template-columns:.95fr 1.05fr;max-height:inherit;overflow-y:auto;overscroll-behavior:contain;border-radius:inherit}.cc-popup-wheel-visual{--cc-wheel-size:240px;position:relative;display:grid;place-items:center;min-height:350px;overflow:hidden;background:color-mix(in srgb,var(--color-cc-badge-background) 50%,var(--color-background))}.cc-popup-wheel-disc{position:relative;width:var(--cc-wheel-size);height:var(--cc-wheel-size);border:1px solid color-mix(in srgb,var(--color-foreground) 15%,transparent);border-radius:50%;background:conic-gradient(from -30deg,var(--color-cc-badge-background) 0deg 60deg,color-mix(in srgb,var(--color-background) 15%,white) 60deg 120deg,var(--color-cc-badge-background) 120deg 180deg,color-mix(in srgb,var(--color-background) 15%,white) 180deg 240deg,var(--color-cc-badge-background) 240deg 300deg,color-mix(in srgb,var(--color-background) 15%,white) 300deg 360deg);box-shadow:0 12px 35px #0000000a}.cc-popup-wheel-label{position:absolute;top:50%;left:50%;color:var(--color-cc-badge-foreground);font-size:17px;font-weight:700;white-space:nowrap;transform:translate(-50%,-50%) rotate(var(--cc-wheel-angle)) translateY(calc(var(--cc-wheel-size) * -.36))}.cc-popup-wheel-hub{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:78px;height:78px;border:6px solid color-mix(in srgb,var(--color-background) 15%,white);border-radius:50%;background:var(--color-cc-badge-background);color:var(--color-cc-badge-foreground);transform:translate(-50%,-50%)}.cc-popup-wheel-hub span{font-size:11px;font-weight:700;letter-spacing:-.03em}.cc-popup-wheel-hub strong{font-size:26px;line-height:1;white-space:nowrap}.cc-popup-wheel-pointer{position:absolute;top:calc(50% - var(--cc-wheel-size) / 2 - 3px);left:calc(50% - 9px);z-index:2;width:18px;height:22px;background:var(--color-button-background);clip-path:polygon(0 0,100% 0,50% 100%)}.cc-popup-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:42px 26px 26px}.cc-popup-step{margin:0 0 12px;font-size:10px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;opacity:.7}.cc-popup-spin-status{margin:10px 0 0;font-size:11px}.cc-popup-component:is([data-wheel-stage=email],[data-wheel-stage=reward]) .cc-popup-dialog{width:min(440px,calc(100vw - 64px))}.cc-popup-component:is([data-wheel-stage=email],[data-wheel-stage=reward]) .cc-popup-wheel-layout{grid-template-columns:1fr}.cc-popup-component:is([data-wheel-stage=email],[data-wheel-stage=reward]) .cc-popup-wheel-visual{display:none}.cc-popup-eyebrow{margin:0 0 12px;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}.cc-popup-title{margin:0 0 14px;color:inherit;font-family:var(--font-heading-family,inherit);font-size:28px;font-weight:700;line-height:1.08;letter-spacing:-.04em;text-transform:uppercase}.cc-popup-intro{margin:0 0 16px;font-size:13px;line-height:1.5}.cc-popup-intro p{margin:0}.cc-popup-email-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600}.cc-popup-email{display:block;width:100%;min-height:48px;margin:0 0 12px;padding:12px 14px;border:1px solid var(--color-borders);border-radius:9px;background:var(--color-card-background);color:var(--color-card-foreground);font-size:16px!important}.cc-popup-email::placeholder{opacity:.6;color:var(--color-card-foreground)}.cc-popup-consent{display:flex;align-items:flex-start;gap:9px;margin-bottom:6px;font-size:11px;line-height:1.5;cursor:pointer}.cc-popup-consent input{flex:0 0 15px;width:15px;height:15px;margin:2px 0 0;accent-color:var(--color-button-background)}.cc-popup-consent input,.cc-popup-answer input{appearance:auto;-webkit-appearance:auto;position:static;opacity:1}.cc-popup-privacy{display:inline-block;margin:0 0 15px 24px;color:inherit;font-size:10px;text-underline-offset:3px}.cc-popup-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;gap:12px;padding:11px 16px;border:1px solid var(--color-button-background);border-radius:999px;background:var(--color-button-background);color:var(--color-button-foreground);font-size:12px!important;font-weight:500!important;line-height:1.35;letter-spacing:.04em;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer}.cc-popup-button:hover{background:color-mix(in srgb,var(--color-button-background) 90%,var(--color-button-foreground))}.cc-popup-button:disabled{opacity:.4;cursor:default}.cc-popup-fine-print{margin:12px 0 0;font-size:10px;line-height:1.5;opacity:.75}.cc-popup-error{margin:10px 0;color:inherit;font-size:12px;line-height:1.5}.cc-popup-code-box{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:18px 0 6px;padding:14px;border:1px dashed var(--color-outlines);border-radius:12px}.cc-popup-code-box code{color:inherit;font-family:inherit;font-size:19px;font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere}.cc-popup-code-box button{border:0;background:none;color:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cc-popup-copy-status{min-height:18px;margin:0 0 12px;font-size:11px}.cc-popup-launcher{position:fixed;bottom:24px;left:20px;z-index:28;min-height:42px;padding:11px 18px;border:1px solid var(--color-borders);border-radius:999px;background:var(--color-button-background);color:var(--color-button-foreground);box-shadow:0 4px 20px #0002;font-family:inherit;font-size:11px;line-height:1.4;letter-spacing:.02em;cursor:pointer}.cc-popup-launcher[hidden]{display:none}.template-product .cc-popup-launcher{bottom:105px}.cc-popup-dialog--quiz{width:min(440px,calc(100vw - 64px))}.cc-popup-quiz-copy{max-height:inherit;padding:40px 26px 24px;overflow-y:auto;overscroll-behavior:contain;border-radius:inherit}.cc-popup-progress{height:3px;margin-top:16px;overflow:hidden;border-radius:99px;background:var(--color-borders)}.cc-popup-progress span{display:block;width:var(--cc-progress,33.333%);height:100%;background:var(--color-button-background);transition:width .2s}.cc-popup-progress-label{margin:7px 0 14px;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.cc-popup-question{min-width:0;margin:0;padding:0;border:0}.cc-popup-question legend{width:100%;margin:0 0 12px;padding:0;font-size:16px;font-weight:600;line-height:1.4}.cc-popup-answer{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 7px;padding:10px 12px;border:1px solid var(--color-borders);border-radius:9px;background:var(--color-card-background);color:var(--color-card-foreground);font-size:13px;line-height:1.4;cursor:pointer}.cc-popup-answer input{width:16px;height:16px;flex:0 0 16px;margin:0;accent-color:var(--color-button-background)}.cc-popup-answer:has(input:checked){border-color:var(--color-button-background);box-shadow:inset 0 0 0 1px var(--color-button-background)}.cc-popup-quiz-actions{display:flex;align-items:center;gap:14px;margin-top:14px}.cc-popup-quiz-actions .cc-popup-button{flex:1}.cc-popup-back{padding:10px 0;border:0;background:none;color:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}@media(max-width:767px){.cc-popup-dialog,.cc-popup-component:is([data-wheel-stage=email],[data-wheel-stage=reward]) .cc-popup-dialog{width:min(340px,calc(100vw - 40px));max-height:75dvh;border-radius:18px}.cc-popup-close{top:9px;right:9px;width:34px;height:34px;padding:8px}.cc-popup-wheel-layout{grid-template-columns:1fr}.cc-popup-wheel-visual{--cc-wheel-size:min(158px,23svh);min-height:calc(var(--cc-wheel-size) + 36px)}.cc-popup-wheel-label{font-size:12px}.cc-popup-wheel-hub{width:54px;height:54px;border-width:4px}.cc-popup-wheel-hub span{font-size:8px}.cc-popup-wheel-pointer{width:14px;height:17px;left:calc(50% - 7px)}.cc-popup-copy{padding:36px 20px 20px}.cc-popup-component:is([data-wheel-stage=spin],[data-wheel-stage=spinning]) .cc-popup-copy{padding:8px 20px 20px;text-align:center}.cc-popup-component:is([data-wheel-stage=spin],[data-wheel-stage=spinning]) .cc-popup-copy :is(.cc-popup-eyebrow,.cc-popup-intro){display:none}.cc-popup-title{margin-bottom:12px;font-size:23px}.cc-popup-step{margin-bottom:8px;font-size:9px}.cc-popup-intro{margin-bottom:14px;font-size:12px}.cc-popup-eyebrow{margin-bottom:8px;font-size:9px}.cc-popup-fine-print{margin-top:10px;font-size:10px}.cc-popup-quiz-copy{padding:38px 18px 18px}.cc-popup-quiz-copy .cc-popup-title{margin-bottom:8px;padding-right:12px;font-size:20px}.cc-popup-quiz-copy>.cc-popup-intro{display:none}.cc-popup-progress{margin-top:12px}.cc-popup-progress-label{margin:6px 0 12px}.cc-popup-question legend{font-size:14px;margin-bottom:10px}.cc-popup-answer{min-height:42px;padding:9px 10px;font-size:12px}.cc-popup-quiz-actions{margin-top:12px}.cc-popup-launcher{bottom:18px;left:12px;padding:10px 14px}}@media(prefers-reduced-motion:reduce){.cc-popup-progress span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/cc-popups.css.map */
