:root{--_fid:"j7ma5r"}p0khh2-subscription-toggle{display:block;width:100%;margin-block:var(--space-sm)}.p0khh2-sub-toggle--empty{padding:var(--space-sm);border:var(--border-thickness) dashed var(--color-border);border-radius:var(--radius-md)}.p0khh2-sub-toggle__empty{margin:0;font-size:var(--font-size-xs);color:var(--color-text);opacity:var(--opacity-muted);text-align:center;font-style:italic}.p0khh2-sub-toggle__pills{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);padding:var(--space-xs);border:var(--border-thickness) solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-background)}.p0khh2-sub-toggle__pills:has(.p0khh2-sub-toggle__pill:only-child){grid-template-columns:1fr}.p0khh2-sub-toggle__pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:var(--input-height);padding:var(--space-xs) var(--space-md);background:transparent;border:none;border-radius:calc(var(--radius-lg) - var(--space-xs));font-family:inherit;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-in-out-cubic),color var(--duration-fast) var(--ease-in-out-cubic)}.p0khh2-sub-toggle__pill:hover:not(.p0khh2-sub-toggle__pill--active){background-color:color-mix(in srgb,var(--color-background) 92%,var(--color-text))}.p0khh2-sub-toggle__pill--active{background-color:var(--color-primary-btn-bg);color:var(--color-primary-btn-text)}.p0khh2-sub-toggle__pill:focus-visible{outline:2px solid var(--color-links)}.p0khh2-sub-toggle__badge{display:inline-flex;align-items:center;padding:.125rem var(--space-xs);font-size:var(--font-size-xs);font-weight:600;background-color:color-mix(in srgb,currentColor 15%,transparent);border-radius:var(--radius-sm);white-space:nowrap}.p0khh2-sub-toggle__badge[hidden]{display:none}.p0khh2-sub-toggle__pill:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.p0khh2-sub-toggle__interval{display:flex;align-items:center;gap:var(--space-sm);margin-block-start:var(--space-sm)}.p0khh2-sub-toggle__interval-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text)}.p0khh2-sub-toggle__select{flex:1;min-width:0;height:var(--input-height);padding-inline:var(--space-sm);font-family:inherit;font-size:var(--font-size-xs);color:var(--color-input-text);background-color:var(--color-input-bg);border:var(--border-thickness) solid var(--color-input-border);border-radius:var(--radius-sm)}.p0khh2-sub-toggle__trust{margin:var(--space-xs) 0 0;font-size:var(--font-size-xs);color:var(--color-text);opacity:var(--opacity-muted);text-align:center}.p0khh2-sub-toggle__price{display:none}[data-selector-mode=cards] .p0khh2-sub-toggle__pills{grid-template-columns:1fr;gap:var(--space-sm);padding:0;border:none;background:transparent}[data-selector-mode=cards] .p0khh2-sub-toggle__pill{justify-content:flex-start;gap:var(--space-sm);padding:var(--space-md);border:var(--border-thickness) solid var(--color-border);border-radius:var(--radius-md);font-weight:600;text-align:start}[data-selector-mode=cards] .p0khh2-sub-toggle__pill:hover:not(.p0khh2-sub-toggle__pill--active){border-color:var(--color-text);background-color:transparent}[data-selector-mode=cards] .p0khh2-sub-toggle__pill--active{border-color:var(--color-primary-btn-bg);background-color:color-mix(in srgb,var(--color-primary-btn-bg) 8%,var(--color-background));color:var(--color-text);box-shadow:inset 0 0 0 var(--border-thickness) var(--color-primary-btn-bg)}[data-selector-mode=cards] .p0khh2-sub-toggle__price{display:inline-flex;margin-inline-start:auto;font-weight:600;color:var(--color-headings)}@media(max-width:480px){.p0khh2-sub-toggle__pills{grid-template-columns:1fr}}[data-selector-mode=rows]{--p0khh2-sub-radius: var(--radius-md)}[data-selector-mode=rows] .p0khh2-sub-toggle__pills{display:flex;flex-direction:column;gap:var(--space-sm);padding:0;border:none;background:transparent}[data-selector-mode=rows] .p0khh2-sub-toggle__pill{order:1;justify-content:flex-start;gap:var(--space-sm);padding:var(--space-md);border:var(--border-thickness) solid var(--color-border);border-radius:var(--p0khh2-sub-radius);background-color:var(--color-background);font-weight:600;text-align:start}[data-selector-mode=rows] [data-ref=pill-subscribe]{order:3}[data-selector-mode=rows] .p0khh2-sub-toggle__drawer{order:2;margin-block-start:calc(var(--space-sm) * -1);padding:var(--space-md);border:var(--border-thickness) solid var(--color-border);border-block-start:none;border-radius:0 0 var(--p0khh2-sub-radius) var(--p0khh2-sub-radius);background-color:color-mix(in srgb,var(--color-text) 3%,var(--color-background))}[data-subscribe-mode=subscribe] [data-selector-mode=rows] .p0khh2-sub-toggle__drawer{order:4}[data-selector-mode=rows]:not([data-drawer-empty]) .p0khh2-sub-toggle__pills:has(.p0khh2-sub-toggle__drawer) [data-ref=pill-onetime]{border-end-start-radius:0;border-end-end-radius:0;border-block-end-color:transparent}[data-subscribe-mode=subscribe] [data-selector-mode=rows] .p0khh2-sub-toggle__pills:has(.p0khh2-sub-toggle__drawer) [data-ref=pill-onetime]{border-end-start-radius:var(--p0khh2-sub-radius);border-end-end-radius:var(--p0khh2-sub-radius);border-block-end-color:var(--color-border)}[data-subscribe-mode=subscribe] [data-selector-mode=rows]:not([data-drawer-empty]) .p0khh2-sub-toggle__pills:has(.p0khh2-sub-toggle__drawer) [data-ref=pill-subscribe]{border-end-start-radius:0;border-end-end-radius:0;border-block-end-color:transparent}[data-selector-mode=rows] .p0khh2-sub-toggle__pill--active{border-color:var(--color-primary-btn-bg);background-color:color-mix(in srgb,var(--color-primary-btn-bg) 6%,var(--color-background));color:var(--color-text);box-shadow:inset 0 0 0 var(--border-thickness) var(--color-primary-btn-bg)}[data-selector-mode=rows] .p0khh2-sub-toggle__pill:hover:not(.p0khh2-sub-toggle__pill--active){border-color:var(--color-text);background-color:var(--color-background)}[data-selector-mode=rows] .p0khh2-sub-toggle__mark{flex:0 0 auto;inline-size:1.125rem;block-size:1.125rem;border:2px solid color-mix(in srgb,var(--color-text) 35%,transparent);border-radius:var(--radius-full, 999px);transition:border-color var(--duration-fast) var(--ease-in-out-cubic)}[data-selector-mode=rows] .p0khh2-sub-toggle__pill--active .p0khh2-sub-toggle__mark{border-color:var(--color-primary-btn-bg);border-width:.3125rem}[data-selector-mode=rows] .p0khh2-sub-toggle__meta{flex:1 1 auto;min-inline-size:0;font-size:var(--font-size-xs);font-weight:400;color:var(--color-text);opacity:var(--opacity-muted)}[data-selector-mode=rows] .p0khh2-sub-toggle__label{margin-inline-end:auto}[data-selector-mode=rows] .p0khh2-sub-toggle__meta~.p0khh2-sub-toggle__price,[data-selector-mode=rows] .p0khh2-sub-toggle__meta~.p0khh2-sub-toggle__compare{margin-inline-start:0}[data-selector-mode=rows] .p0khh2-sub-toggle__price{display:inline-flex;flex:0 0 auto;font-weight:600;color:var(--color-headings)}[data-selector-mode=rows] .p0khh2-sub-toggle__compare{flex:0 0 auto;font-size:var(--font-size-xs);font-weight:400;color:var(--color-text);opacity:var(--opacity-muted)}[data-selector-mode=rows] .p0khh2-sub-toggle__drawer>*{margin-block:0}[data-selector-mode=rows] .p0khh2-sub-toggle__drawer .p0khh2-qty-breaks__heading{margin-block-start:0}.p0khh2-sub-toggle--plain{display:contents}@media(prefers-reduced-motion:reduce){[data-selector-mode=rows] .p0khh2-sub-toggle__mark,[data-selector-mode=rows] .p0khh2-sub-toggle__pill{transition:none}}[data-selector-mode=rows] .p0khh2-sub-toggle__label{white-space:nowrap}[data-selector-mode=rows] .p0khh2-sub-toggle__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:27rem){[data-selector-mode=rows] .p0khh2-sub-toggle__pill{flex-wrap:wrap;row-gap:.125rem}[data-selector-mode=rows] .p0khh2-sub-toggle__meta{order:1;flex-basis:100%;margin-inline-start:1.875rem}}[data-selector-mode=rows][data-drawer-empty] .p0khh2-sub-toggle__drawer{display:none}.p0khh2-sub-toggle__children{display:contents}
/*# sourceMappingURL=/cdn/shop/t/22/assets/p0khh2-subscription-toggle.css.map */