:root{--_fid:"j7ma5r"}p0khh2-tabbed-showcase{display:block;position:relative;overflow:hidden}.p0khh2-tabbed-showcase__container{max-width:56rem;margin-inline:auto;padding-inline:var(--space-md)}.p0khh2-tabbed-showcase__header{max-width:38rem;margin:0 auto var(--space-lg);text-align:center}.p0khh2-tabbed-showcase__eyebrow{display:inline-block;padding:var(--space-xs) var(--space-md);margin-block-end:var(--space-md);border:var(--border-thickness) solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-text) 6%,transparent);color:var(--color-text);font-family:var(--font-body--family);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;text-align:center}.p0khh2-tabbed-showcase__title{margin:0 0 var(--space-sm);color:var(--color-headings);font-family:var(--font-heading--family);font-weight:var(--font-heading--weight, 600);font-size:var(--heading-h2-size);line-height:var(--heading-h2-line-height);letter-spacing:var(--heading-h2-letter-spacing);text-wrap:balance}.p0khh2-tabbed-showcase__subtitle{margin:0;color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-normal);text-wrap:pretty}.p0khh2-tabbed-showcase__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);margin-block-end:var(--space-md)}.p0khh2-tabbed-showcase__pill{all:unset;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);min-height:2.25rem;border:var(--border-thickness) solid color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-background) 60%,transparent);color:var(--color-text-muted);font-family:var(--font-body--family);font-size:var(--font-size-xs);font-weight:500;line-height:1;cursor:pointer;text-align:center;transition:background-color var(--duration-normal) var(--ease-out-expo),color var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.p0khh2-tabbed-showcase__pill:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-text) 18%,transparent)}.p0khh2-tabbed-showcase__pill[aria-selected=true]{background-color:var(--color-text);color:var(--color-background);border-color:transparent;box-shadow:var(--shadow-sm)}.p0khh2-tabbed-showcase__pill:focus-visible{outline:2px solid var(--color-links)}.p0khh2-tabbed-showcase__pill-icon{display:inline-flex;font-size:var(--font-size-sm);line-height:1}.p0khh2-tabbed-showcase__pill-icon-img{inline-size:1em;block-size:1em;object-fit:contain}.p0khh2-tabbed-showcase__pill-label{white-space:nowrap}.p0khh2-tabbed-showcase__panel{position:relative;border:var(--border-thickness) solid color-mix(in srgb,var(--color-text) 6%,transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--color-background) 80%,transparent);box-shadow:var(--shadow-md);overflow:hidden}@supports (backdrop-filter: blur(1px)){.p0khh2-tabbed-showcase__panel{-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);background-color:color-mix(in srgb,var(--color-background) 65%,transparent)}}.p0khh2-tabbed-showcase__content{padding:var(--space-md)}.p0khh2-tabbed-showcase__content[hidden]{display:none}.p0khh2-tabbed-showcase__content-header{display:flex;align-items:center;gap:var(--space-sm);margin-block-end:var(--space-xs)}.p0khh2-tabbed-showcase__content-icon{display:inline-flex;font-size:var(--heading-h3-size);line-height:1}.p0khh2-tabbed-showcase__content-icon-img{inline-size:1.5em;block-size:1.5em;object-fit:contain}.p0khh2-tabbed-showcase__content-name{margin:0;color:var(--color-headings);font-family:var(--font-heading--family);font-weight:var(--font-heading--weight, 600);font-size:var(--heading-h3-size);line-height:var(--heading-h3-line-height);letter-spacing:var(--heading-h3-letter-spacing)}.p0khh2-tabbed-showcase__content-detail{margin:0;color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.p0khh2-tabbed-showcase__footer{margin-block-start:var(--space-md);text-align:center}.p0khh2-tabbed-showcase__footer-text{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:500;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-normal)}.p0khh2-tabbed-showcase--desktop-only{display:none}.p0khh2-tabbed-showcase--mobile-only{display:block}@media not (max-width:750px){.p0khh2-tabbed-showcase--desktop-only{display:block}.p0khh2-tabbed-showcase--mobile-only{display:none}.p0khh2-tabbed-showcase__pill{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.p0khh2-tabbed-showcase__content{padding:var(--space-lg)}.p0khh2-tabbed-showcase__content-detail{font-size:var(--font-size-base)}}@media(prefers-reduced-motion:reduce){.p0khh2-tabbed-showcase__pill{transition:none}}body[data-surface=liquid-glass] .p0khh2-tabbed-showcase__panel{background-color:color-mix(in srgb,var(--color-background) 55%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:inset 0 var(--border-thickness) 0 color-mix(in srgb,white 12%,transparent),var(--shadow-lg)}@supports not (backdrop-filter: blur(1px)){body[data-surface=liquid-glass] .p0khh2-tabbed-showcase__panel{background-color:color-mix(in srgb,var(--color-background) 92%,transparent)}}.p0khh2-tabbed-showcase__acc-trigger{-webkit-appearance:none;appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;text-align:start;cursor:default;pointer-events:none}@media(max-width:749px){.p0khh2-tabbed-showcase__acc-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);inline-size:100%;min-block-size:44px;cursor:pointer;pointer-events:auto}.p0khh2-tabbed-showcase__acc-trigger:after{content:"";flex:0 0 auto;inline-size:.5rem;block-size:.5rem;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg);transition:transform var(--duration-short, .15s) ease}.p0khh2-tabbed-showcase__acc-trigger[aria-expanded=true]:after{transform:rotate(-135deg)}.p0khh2-tabbed-showcase__content+.p0khh2-tabbed-showcase__content{border-block-start:1px solid var(--color-border)}}@media(prefers-reduced-motion:reduce){.p0khh2-tabbed-showcase__acc-trigger:after{transition:none}}.p0khh2-tabbed-showcase__nav[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/22/assets/p0khh2-tabbed-showcase.css.map */