content-tabs-component{display:block;width:100%}content-tabs-component.not-loaded{display:flex;flex-wrap:wrap}content-tabs-component.not-loaded .content-tabs__tab-btn{order:0}content-tabs-component.not-loaded .content-tabs__tab-panel{order:1;flex:0 0 100%;display:none}content-tabs-component.not-loaded .content-tabs__tab-panel:first-of-type{display:block}content-tabs-component.not-loaded .content-tabs__tab-btn:first-of-type{color:var(--content-tabs-active-color, var(--content-tabs-title-color, inherit))}@media(min-width:768px){content-tabs-component.not-loaded.content-tabs--layout-d-vertical{display:grid;grid-template-columns:var(--content-tabs-vertical-grid-columns, .5fr 1fr);gap:var(--content-tabs-content-gap-d, 20px)}content-tabs-component.not-loaded.content-tabs--layout-d-vertical .content-tabs__tab-btn{grid-column:1;order:initial}content-tabs-component.not-loaded.content-tabs--layout-d-vertical .content-tabs__tab-panel{grid-column:2;grid-row:1 / -1;order:initial;flex:initial}}@media(max-width:767px){content-tabs-component.not-loaded.content-tabs--layout-m-vertical{flex-direction:column;flex-wrap:nowrap}content-tabs-component.not-loaded.content-tabs--layout-m-vertical .content-tabs__tab-panel{flex:initial}}@media(min-width:768px){.content-tabs--align-d-start.not-loaded{justify-content:flex-start}.content-tabs--align-d-center.not-loaded{justify-content:center}.content-tabs--align-d-end.not-loaded{justify-content:flex-end}.content-tabs--align-d-fill.not-loaded{justify-content:stretch}.content-tabs--align-d-fill.not-loaded .content-tabs__tab-btn{flex:1 1 auto}}@media(max-width:767px){.content-tabs--align-m-start.not-loaded{justify-content:flex-start}.content-tabs--align-m-center.not-loaded{justify-content:center}.content-tabs--align-m-end.not-loaded{justify-content:flex-end}.content-tabs--align-m-fill.not-loaded{justify-content:stretch}.content-tabs--align-m-fill.not-loaded .content-tabs__tab-btn{flex:1 1 auto}}content-tabs-component.is-initialized{display:flex}.content-tabs--layout-d-horizontal.is-initialized{flex-direction:column;gap:var(--content-tabs-content-gap-d, 20px)}.content-tabs--layout-d-horizontal .content-tabs__header{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--content-tabs-btn-gap-d, 4px)}.content-tabs--layout-d-horizontal .content-tabs__header::-webkit-scrollbar{display:none}.content-tabs--layout-d-vertical.is-initialized{display:grid;grid-template-columns:var(--content-tabs-vertical-grid-columns, .5fr 1fr);gap:var(--content-tabs-content-gap-d, 20px)}.content-tabs--layout-d-vertical .content-tabs__header{display:flex;flex-direction:column;gap:var(--content-tabs-btn-gap-d, 4px);min-width:0}.content-tabs--layout-d-vertical .content-tabs__content{min-width:0}@media(max-width:767px){.content-tabs--layout-m-horizontal.is-initialized{display:flex;flex-direction:column;gap:var(--content-tabs-content-gap-m, 20px);grid-template-columns:none}.content-tabs--layout-m-horizontal .content-tabs__header{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--content-tabs-btn-gap-m, 4px)}.content-tabs--layout-m-horizontal .content-tabs__header::-webkit-scrollbar{display:none}.content-tabs--layout-m-vertical.is-initialized{display:flex;flex-direction:column;gap:var(--content-tabs-content-gap-m, 20px);grid-template-columns:none}.content-tabs--layout-m-vertical .content-tabs__header{flex-direction:column;gap:var(--content-tabs-btn-gap-m, 4px)}.content-tabs--layout-m-vertical .content-tabs__content{flex:1 1 auto;min-width:0}}@media(min-width:768px){.content-tabs--layout-d-horizontal.content-tabs--align-d-start .content-tabs__header{justify-content:flex-start}.content-tabs--layout-d-horizontal.content-tabs--align-d-center .content-tabs__header{justify-content:center}.content-tabs--layout-d-horizontal.content-tabs--align-d-end .content-tabs__header{justify-content:flex-end}.content-tabs--layout-d-horizontal.content-tabs--align-d-fill .content-tabs__header{justify-content:stretch}.content-tabs--layout-d-horizontal.content-tabs--align-d-fill .content-tabs__tab-btn{flex:1 1 auto}.content-tabs--layout-d-vertical.content-tabs--align-d-start .content-tabs__header{justify-content:flex-start}.content-tabs--layout-d-vertical.content-tabs--align-d-center .content-tabs__header{justify-content:center}.content-tabs--layout-d-vertical.content-tabs--align-d-end .content-tabs__header{justify-content:flex-end}}@media(max-width:767px){.content-tabs--layout-m-horizontal.content-tabs--align-m-start .content-tabs__header{justify-content:flex-start}.content-tabs--layout-m-horizontal.content-tabs--align-m-center .content-tabs__header{justify-content:center}.content-tabs--layout-m-horizontal.content-tabs--align-m-end .content-tabs__header{justify-content:flex-end}.content-tabs--layout-m-horizontal.content-tabs--align-m-fill .content-tabs__header{justify-content:stretch}.content-tabs--layout-m-horizontal.content-tabs--align-m-fill .content-tabs__tab-btn{flex:1 1 auto}.content-tabs--layout-m-vertical.content-tabs--align-m-start .content-tabs__header{align-items:flex-start}.content-tabs--layout-m-vertical.content-tabs--align-m-center .content-tabs__header{align-items:center}.content-tabs--layout-m-vertical.content-tabs--align-m-end .content-tabs__header{align-items:flex-end}}.content-tabs__tab-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:14px 12px;border:0;background:transparent;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:var(--content-tabs-btn-font-family);font-style:var(--content-tabs-btn-font-style);font-weight:var(--content-tabs-btn-font-weight);font-size:var(--content-tabs-btn-font-size);line-height:var(--content-tabs-btn-line-height);letter-spacing:var(--content-tabs-btn-letter-spacing);text-transform:var(--content-tabs-btn-text-transform);color:var(--content-tabs-title-color, inherit);transition:color var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out),background-color var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out),border-color var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out)}.content-tabs__tab-btn:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.content-tabs__tab-btn.is-active{color:var(--content-tabs-active-color, var(--content-tabs-title-color, inherit))}.content-tabs--style-underline .content-tabs__tab-btn{padding:0;color:var(--content-tabs-title-color, var(--color-text-primary));opacity:.7;transition:opacity var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out),color var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out)}.content-tabs--style-underline .content-tabs__tab-btn.is-active{color:var(--content-tabs-active-color, var(--color-text-secondary));opacity:1}.content-tabs--style-underline .content-tabs__header{padding-bottom:10px}@media screen and (max-width:767px){.content-tabs--style-underline .content-tabs__header{padding-bottom:4px}}.content-tabs--style-underline .content-tabs__tab-btn:after{content:"";position:absolute;inset-block-end:0;inset-inline:0;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:center;transition:transform var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out)}.content-tabs--style-underline .content-tabs__tab-btn.is-active:after{transform:scaleX(1)}.content-tabs--style-pill .content-tabs__tab-btn{border-radius:999px}.content-tabs--style-pill .content-tabs__tab-btn.is-active{background-color:color-mix(in srgb,currentColor 12%,transparent)}.content-tabs--style-filled .content-tabs__tab-btn.is-active{background-color:currentColor;color:var(--color-background, #fff)}.content-tabs--style-weight .content-tabs__tab-btn.is-active{font-weight:700}.content-tabs--style-custom .content-tabs__tab-btn{padding:0;max-width:max-content;justify-content:flex-start;text-align:left}@media(min-width:768px){.content-tabs--style-custom.content-tabs--layout-d-vertical .content-tabs__header{align-items:flex-start}}@media(max-width:767px){.content-tabs--style-custom.content-tabs--layout-m-vertical .content-tabs__header{align-items:flex-start}}.content-tabs--style-primary{--tab-bg: var(--button-primary-bg--dark);--tab-text: var(--button-primary-text--dark);--tab-border-color: var(--button-primary-border-color--dark);--tab-bg-hover: var(--button-primary-bg-hover--dark);--tab-text-hover: var(--button-primary-text-hover--dark);--tab-border-color-hover: var(--button-primary-border-color-hover--dark);--tab-bg-active: var(--button-primary-bg-active--dark);--tab-text-active: var(--button-primary-text-active--dark);--tab-border-color-active: var(--button-primary-border-color-active--dark);--tab-border-radius: var(--button-primary-border-radius);--tab-border-size: var(--button-primary-border-size);--tab-border-style: var(--button-primary-border-style);--tab-padding: var(--button-primary-padding);--tab-height: var(--button-primary-height)}.content-tabs--style-secondary{--tab-bg: var(--button-secondary-bg--dark);--tab-text: var(--button-secondary-text--dark);--tab-border-color: var(--button-secondary-border-color--dark);--tab-bg-hover: var(--button-secondary-bg-hover--dark);--tab-text-hover: var(--button-secondary-text-hover--dark);--tab-border-color-hover: var(--button-secondary-border-color-hover--dark);--tab-bg-active: var(--button-secondary-bg-active--dark);--tab-text-active: var(--button-secondary-text-active--dark);--tab-border-color-active: var(--button-secondary-border-color-active--dark);--tab-border-radius: var(--button-secondary-border-radius);--tab-border-size: var(--button-secondary-border-size);--tab-border-style: var(--button-secondary-border-style);--tab-padding: var(--button-secondary-padding);--tab-height: var(--button-secondary-height)}.content-tabs--style-tertiary{--tab-bg: var(--button-tertiary-bg--dark);--tab-text: var(--button-tertiary-text--dark);--tab-border-color: var(--button-tertiary-border-color--dark);--tab-bg-hover: var(--button-tertiary-bg-hover--dark);--tab-text-hover: var(--button-tertiary-text-hover--dark);--tab-border-color-hover: var(--button-tertiary-border-color-hover--dark);--tab-bg-active: var(--button-tertiary-bg-active--dark);--tab-text-active: var(--button-tertiary-text-active--dark);--tab-border-color-active: var(--button-tertiary-border-color-active--dark);--tab-border-radius: var(--button-tertiary-border-radius);--tab-border-size: var(--button-tertiary-border-size);--tab-border-style: var(--button-tertiary-border-style);--tab-padding: var(--button-tertiary-padding);--tab-height: var(--button-tertiary-height)}.content-tabs--style-primary.content-tabs--variant-light{--tab-bg: var(--button-primary-bg--light);--tab-text: var(--button-primary-text--light);--tab-border-color: var(--button-primary-border-color--light);--tab-bg-hover: var(--button-primary-bg-hover--light);--tab-text-hover: var(--button-primary-text-hover--light);--tab-border-color-hover: var(--button-primary-border-color-hover--light);--tab-bg-active: var(--button-primary-bg-active--light);--tab-text-active: var(--button-primary-text-active--light);--tab-border-color-active: var(--button-primary-border-color-active--light)}.content-tabs--style-secondary.content-tabs--variant-light{--tab-bg: var(--button-secondary-bg--light);--tab-text: var(--button-secondary-text--light);--tab-border-color: var(--button-secondary-border-color--light);--tab-bg-hover: var(--button-secondary-bg-hover--light);--tab-text-hover: var(--button-secondary-text-hover--light);--tab-border-color-hover: var(--button-secondary-border-color-hover--light);--tab-bg-active: var(--button-secondary-bg-active--light);--tab-text-active: var(--button-secondary-text-active--light);--tab-border-color-active: var(--button-secondary-border-color-active--light)}.content-tabs--style-tertiary.content-tabs--variant-light{--tab-bg: var(--button-tertiary-bg--light);--tab-text: var(--button-tertiary-text--light);--tab-border-color: var(--button-tertiary-border-color--light);--tab-bg-hover: var(--button-tertiary-bg-hover--light);--tab-text-hover: var(--button-tertiary-text-hover--light);--tab-border-color-hover: var(--button-tertiary-border-color-hover--light);--tab-bg-active: var(--button-tertiary-bg-active--light);--tab-text-active: var(--button-tertiary-text-active--light);--tab-border-color-active: var(--button-tertiary-border-color-active--light)}.content-tabs--style-primary .content-tabs__tab-btn,.content-tabs--style-secondary .content-tabs__tab-btn,.content-tabs--style-tertiary .content-tabs__tab-btn{background-color:var(--tab-bg);color:var(--tab-text);border:var(--tab-border-size) var(--tab-border-style) var(--tab-border-color);border-radius:var(--tab-border-radius);padding:var(--tab-padding, 14px 12px);height:var(--tab-height);max-width:max-content}.content-tabs--style-primary .content-tabs__tab-btn:hover,.content-tabs--style-secondary .content-tabs__tab-btn:hover,.content-tabs--style-tertiary .content-tabs__tab-btn:hover{background-color:var(--tab-bg-hover);color:var(--tab-text-hover);border-color:var(--tab-border-color-hover)}.content-tabs--style-primary .content-tabs__tab-btn.is-active,.content-tabs--style-secondary .content-tabs__tab-btn.is-active,.content-tabs--style-tertiary .content-tabs__tab-btn.is-active{background-color:var(--tab-bg-active);color:var(--tab-text-active);border-color:var(--tab-border-color-active)}.content-tabs__content{color:var(--content-tabs-content-color, inherit);flex:1 1 auto;min-width:0}.content-tabs__tab-panel{opacity:1;transition:opacity var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out);padding-block:var(--content-tabs-panel-padding-block-d, 0);padding-inline:var(--content-tabs-panel-padding-inline-d, 0)}@media(min-width:768px)and (max-width:991px){.content-tabs__tab-panel{padding-block:var(--content-tabs-panel-padding-block-t, 0);padding-inline:var(--content-tabs-panel-padding-inline-t, 0)}}@media(max-width:767px){.content-tabs__tab-panel{padding-block:var(--content-tabs-panel-padding-block-m, 0);padding-inline:var(--content-tabs-panel-padding-inline-m, 0)}}.content-tabs__tab-panel.is-hidden{display:none}.content-tabs__tab-panel.is-entering{opacity:0}.content-tabs__layout{display:grid;grid-template-columns:minmax(0,1fr) var(--content-tabs-media-width-d, 50%);gap:var(--content-tabs-media-gap-d, 64px);align-items:start}.content-tabs--media-d-left .content-tabs__layout{grid-template-columns:var(--content-tabs-media-width-d, 50%) minmax(0,1fr)}.content-tabs--media-d-left .content-tabs__main{order:2}.content-tabs--media-d-left .content-tabs__media{order:1}.content-tabs__main{display:flex;flex-direction:column;min-width:0}.content-tabs__media{min-width:0}.content-tabs__media-item{opacity:1;transition:opacity var(--global-transition-duration, .3s) var(--global-transition-timing-function, ease-out)}.content-tabs__media-item.is-hidden{display:none}.content-tabs__media-item.is-entering{opacity:0}@media(max-width:991.98px){.content-tabs__layout{grid-template-columns:minmax(0,1fr);gap:var(--content-tabs-media-gap-m, 32px)}.content-tabs--media-m-above .content-tabs__main,.content-tabs--media-d-left .content-tabs--media-m-above .content-tabs__main{order:2}.content-tabs--media-m-above .content-tabs__media,.content-tabs--media-m-below .content-tabs__main{order:1}.content-tabs--media-m-below .content-tabs__media{order:2}}.content-tabs__heading{margin:0 0 var(--content-tabs-heading-gap-d, 32px)}@media(max-width:767px){.content-tabs__heading{margin-bottom:var(--content-tabs-heading-gap-m, var(--content-tabs-heading-gap-d, 24px))}}.content-tabs__main{gap:var(--content-tabs-content-gap-d, 20px)}@media(max-width:767px){.content-tabs__main{gap:var(--content-tabs-content-gap-m, var(--content-tabs-content-gap-d, 20px))}}.content-tabs__content,.content-tabs__media{position:relative}.content-tabs__tab-panel.is-leaving,.content-tabs__media-item.is-leaving{position:absolute;inset-block-start:0;inset-inline:0;opacity:0;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-content-tabs.css.map */