@property --tab-progress{syntax: "<number>"; inherits: true; initial-value: 0;}mw-tabs{display:block}.tabs__list{position:relative;display:flex;gap:var(--tabs-gap, 12px);min-width:0}.tabs__tab{--tab-progress: 0;position:relative;display:inline-flex;align-items:center;gap:.5em;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}.tabs__tab[aria-selected=true]{--tab-progress: 1;cursor:default}.tabs__progress{position:absolute;inset-inline:0;inset-block-end:0;height:var(--tabs-line, 1px);background:currentColor;transform:scaleX(var(--tab-progress));transform-origin:0 50%;pointer-events:none}:dir(rtl) .tabs__progress{transform-origin:100% 50%}.tabs__panel[hidden]{display:none}.tabs__panel:focus-visible{outline-offset:4px}.tabs__panels{display:grid;min-width:0}.tabs__panels>.tabs__panel{grid-area:1 / 1;min-width:0}.tabs__play{position:relative;display:inline-grid;flex:none;place-items:center;width:var(--h-xs);height:var(--h-xs);margin:0;padding:0;border:var(--tabs-line, 1px) solid rgb(var(--color-heading-rgb) / .2);border-radius:var(--radius-full);background:transparent;color:var(--color-heading);cursor:pointer;-webkit-appearance:none;appearance:none}.tabs__play[hidden]{display:none}.tabs__play .icon{--icon-size: 14px}.tabs__play .tabs__play-icon--play,.tabs__play[data-paused] .tabs__play-icon--pause{display:none}.tabs__play[data-paused] .tabs__play-icon--play{display:inline-block}.tabs__play:after{content:"";position:absolute;inset:calc((var(--h-xs) - 44px) / 2)}@media(hover:hover){.tabs__play:hover{border-color:var(--color-heading)}}.tabs--pill .tabs__tab{--_h: var(--tabs-h, var(--h-md));flex:none;justify-content:center;min-height:var(--_h);padding:.35em calc(var(--_h) * .5);border:var(--btn-outline, 1px) solid rgb(var(--color-heading-rgb) / .2);border-radius:var(--radius-button);color:var(--color-heading);font-family:var(--button-family);font-weight:var(--button-weight);font-size:var(--button-size);letter-spacing:var(--button-ls);text-transform:var(--button-case);line-height:var(--lh-normal);white-space:nowrap}.tabs--pill .tabs__tab[aria-selected=true]{border-color:var(--btn-primary-border);background:var(--btn-primary-bg);color:var(--btn-primary-label)}.tabs--pill.tabs--active-outline .tabs__tab[aria-selected=true]{border-color:var(--color-heading);background:transparent;color:var(--color-heading)}@media(hover:hover)and (pointer:fine){.tabs--pill .tabs__tab:not([aria-selected=true]):hover{border-color:var(--color-heading)}}.tabs--pill .tabs__progress{display:none}.tabs--underline .tabs__list{gap:var(--tabs-gap, 24px)}.tabs--underline .tabs__tab{flex:none;padding-block:2px;color:var(--color-heading);font-family:var(--button-family);font-weight:var(--button-weight);font-size:var(--button-size);letter-spacing:var(--button-ls);text-transform:var(--button-case);line-height:var(--lh-normal);white-space:nowrap}.tabs--underline .tabs__label{opacity:.5}.tabs--underline .tabs__tab[aria-selected=true] .tabs__label{opacity:1}@media(hover:hover)and (pointer:fine){.tabs--underline .tabs__tab:hover .tabs__label{opacity:1}}.tabs--underline .tabs__tab:before{content:"";position:absolute;top:-12px;right:-6px;bottom:-12px;left:-6px}.tabs--text .tabs__list{flex-direction:column;gap:var(--tabs-gap, 0px)}.tabs--text .tabs__tab{display:flex;justify-content:space-between;width:100%;padding-block:var(--tabs-item-pad, 28px);color:var(--color-heading);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:var(--tabs-font-size, var(--h2-size));letter-spacing:var(--heading-ls, 0em);line-height:var(--h2-lh, var(--lh-normal));text-wrap:balance}.tabs--text .tabs__tab:first-child{padding-block-start:0}.tabs--text .tabs__tab:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:var(--tabs-line, 1px);background:var(--tabs-track, rgb(var(--color-heading-rgb) / .1));pointer-events:none}.tabs--text .tabs__progress{z-index:1;background:var(--color-heading)}@media(max-width:767px){.tabs--text .tabs__tab{padding-block:var(--tabs-item-pad-m, var(--tabs-item-pad, 16px))}}@media(max-width:767px){:is(.tabs--pill,.tabs--underline) .tabs__list{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px;margin:-4px}:is(.tabs--pill,.tabs--underline) .tabs__list::-webkit-scrollbar{display:none}}html:not(.js) mw-tabs .tabs__list,html:not(.js) mw-tabs .tabs__play{display:none}html:not(.js) mw-tabs .tabs__panel[hidden]{display:block}html:not(.js) mw-tabs .tabs__panels>.tabs__panel{grid-area:auto}@keyframes mw-tab-progress{0%{--tab-progress: 0}to{--tab-progress: 1}}@keyframes mw-tabs-in{0%{opacity:0;translate:0 var(--tabs-shift, 15px)}}@keyframes mw-tabs-out{to{opacity:0}}@media(prefers-reduced-motion:no-preference){.tabs__tab{transition:--tab-progress var(--dur-slow) var(--ease-out),color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.tabs__label,.tabs__play{transition:opacity var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.tabs.is-autoplay .tabs__tab{transition-property:color,background-color,border-color}.tabs.is-autoplay .tabs__tab[aria-selected=true]{animation:mw-tab-progress var(--tabs-interval, 6s) linear forwards}.tabs.is-autoplay.is-paused .tabs__tab[aria-selected=true]{animation-play-state:paused}.tabs__panel.is-entering{animation:mw-tabs-in var(--dur) var(--ease-out)}.tabs__panel.is-leaving{pointer-events:none;animation:mw-tabs-out var(--dur) var(--ease) forwards}[data-transition=crossfade]>.tabs__panels>.tabs__panel.is-entering,[data-transition=crossfade]>.tabs__panel.is-entering{--tabs-shift: 0px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/tabs.css.map */