:root{--_fid:"siew46"}xswmkn-tabbed-showcase{display:block;position:relative;padding-block-start:var(--ts-pt, var(--space-xl));padding-block-end:var(--ts-pb, var(--space-xl));margin-block-start:var(--ts-mt, 0px);margin-block-end:var(--ts-mb, 0px);overflow:hidden}.xswmkn-tabbed-showcase__container{max-width:56rem;margin-inline:auto;padding-inline:var(--space-md)}.xswmkn-tabbed-showcase__header{max-width:38rem;margin:0 auto var(--space-lg);text-align:center}.xswmkn-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}.xswmkn-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}.xswmkn-tabbed-showcase__subtitle{margin:0;color:color-mix(in srgb,var(--color-text) 70%,transparent);font-size:var(--font-size-sm);line-height:var(--line-height-normal);text-wrap:pretty}.xswmkn-tabbed-showcase__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);margin-block-end:var(--space-md)}.xswmkn-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:color-mix(in srgb,var(--color-text) 60%,transparent);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)}.xswmkn-tabbed-showcase__pill:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-text) 18%,transparent)}.xswmkn-tabbed-showcase__pill[aria-selected=true]{background-color:var(--color-text);color:var(--color-background);border-color:transparent;box-shadow:var(--shadow-sm)}.xswmkn-tabbed-showcase__pill:focus-visible{outline:2px solid var(--color-links);outline-offset:2px}.xswmkn-tabbed-showcase__pill-icon{display:inline-flex;font-size:var(--font-size-sm);line-height:1}.xswmkn-tabbed-showcase__pill-icon-img{inline-size:1em;block-size:1em;object-fit:contain}.xswmkn-tabbed-showcase__pill-label{white-space:nowrap}.xswmkn-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)){.xswmkn-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)}}.xswmkn-tabbed-showcase__content{padding:var(--space-md)}.xswmkn-tabbed-showcase__content[hidden]{display:none}.xswmkn-tabbed-showcase__content-header{display:flex;align-items:center;gap:var(--space-sm);margin-block-end:var(--space-xs)}.xswmkn-tabbed-showcase__content-icon{display:inline-flex;font-size:var(--heading-h3-size);line-height:1}.xswmkn-tabbed-showcase__content-icon-img{inline-size:1.5em;block-size:1.5em;object-fit:contain}.xswmkn-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)}.xswmkn-tabbed-showcase__content-detail{margin:0;color:color-mix(in srgb,var(--color-text) 75%,transparent);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.xswmkn-tabbed-showcase__footer{margin-block-start:var(--space-md);text-align:center}.xswmkn-tabbed-showcase__footer-text{margin:0;color:color-mix(in srgb,var(--color-text) 50%,transparent);font-size:var(--font-size-xs);font-weight:500;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-normal)}.xswmkn-tabbed-showcase--desktop-only{display:none}.xswmkn-tabbed-showcase--mobile-only{display:block}@media not (max-width:750px){.xswmkn-tabbed-showcase--desktop-only{display:block}.xswmkn-tabbed-showcase--mobile-only{display:none}.xswmkn-tabbed-showcase__pill{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.xswmkn-tabbed-showcase__content{padding:var(--space-lg)}.xswmkn-tabbed-showcase__content-detail{font-size:var(--font-size-base)}}@media(prefers-reduced-motion:reduce){.xswmkn-tabbed-showcase__pill{transition:none}}body[data-surface=liquid-glass] .xswmkn-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] .xswmkn-tabbed-showcase__panel{background-color:color-mix(in srgb,var(--color-background) 92%,transparent)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/xswmkn-tabbed-showcase.css.map */