#GuideExtensionRoot{margin-top:8px}#GuideExtensionRoot .guide-extension-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(var(--color-foreground),.12);border-radius:12px;background:rgba(var(--color-foreground),.04);margin-bottom:20px}#GuideExtensionRoot .guide-extension-toolbar-text{margin:0;font-size:1.3rem;line-height:1.5}#GuideExtensionRoot .guide-extension-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}#GuideExtensionRoot .guide-extension-card{border:1px solid rgba(var(--color-foreground),.12);border-radius:14px;padding:14px 16px;background:rgb(var(--color-background))}#GuideExtensionRoot .guide-extension-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#GuideExtensionRoot .guide-extension-type{font-weight:700;font-size:1.4rem}#GuideExtensionRoot .guide-extension-badge{display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid transparent}#GuideExtensionRoot .guide-extension-card[data-status=ACTIVE] .guide-extension-badge{background:#e8f5ea;color:#1b5e20;border-color:#c8e6c9}#GuideExtensionRoot .guide-extension-card[data-status=EXPIRED] .guide-extension-badge{background:#fdecea;color:#b71c1c;border-color:#f5c6cb}#GuideExtensionRoot .guide-extension-card[data-status=NONE] .guide-extension-badge{background:#f1f3f5;color:#495057;border-color:#e9ecef}#GuideExtensionRoot .guide-extension-expires{font-size:1.3rem;margin-bottom:6px}#GuideExtensionRoot .guide-extension-note{font-size:1.2rem;color:rgba(var(--color-foreground),.7)}#GuideExtensionRoot .guide-extension-form{margin-top:24px;padding-top:20px;border-top:1px dashed rgba(var(--color-foreground),.2)}#GuideExtensionRoot .guide-extension-types{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}#GuideExtensionRoot .guide-extension-type-option{display:inline-flex;align-items:center;cursor:pointer}#GuideExtensionRoot .guide-extension-type-option input{position:absolute;opacity:0;pointer-events:none}#GuideExtensionRoot .guide-extension-type-label{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;border:1px solid rgba(var(--color-foreground),.2);font-size:1.2rem;font-weight:700;color:rgba(var(--color-foreground),.85);background:#fff}#GuideExtensionRoot .guide-extension-type-option input:checked+.guide-extension-type-label{border-color:#6366f1;background:#eef2ff;color:#4338ca}#GuideExtensionRoot .guide-extension-type-option input:disabled+.guide-extension-type-label{opacity:.5;cursor:not-allowed}#GuideExtensionRoot .guide-extension-months{margin-bottom:16px}#GuideExtensionRoot .guide-extension-months label{display:block;margin-bottom:6px;font-weight:600}#GuideExtensionRoot .guide-extension-validation{margin:6px 0 0;min-height:18px;font-size:1.2rem;color:rgba(var(--color-foreground),.7)}#GuideExtensionRoot .guide-extension-error-text{color:#b71c1c}#GuideExtensionRoot .guide-extension-preview{border:1px solid rgba(var(--color-foreground),.12);border-radius:12px;padding:12px 14px;background:rgba(var(--color-foreground),.03);font-size:1.3rem;line-height:1.5;margin-bottom:16px}#GuideExtensionRoot .guide-extension-actions{display:flex;gap:10px;flex-wrap:wrap}#GuideExtensionRoot .guide-extension-actions .button{min-width:120px;border-radius:999px;font-weight:800}#GuideExtensionRoot .guide-extension-error,#GuideExtensionRoot .guide-extension-checkout-error{margin-top:18px;padding:14px 16px;border-radius:12px;border:1px solid rgba(183,28,28,.2);background:#b71c1c0f}#GuideExtensionRoot .guide-extension-error-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 6px}#GuideExtensionRoot .guide-extension-correlation{margin:0;font-size:1.2rem;color:rgba(var(--color-foreground),.7)}#GuideExtensionRoot .guide-extension-loading{padding:24px 0;font-size:1.4rem}@media screen and (max-width:900px){#GuideExtensionRoot .guide-extension-status-grid{grid-template-columns:1fr}#GuideExtensionRoot .guide-extension-toolbar{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/guide-extension.css.map */