.tabbed-media{--gutter: 10px;--panel-inset: 16px;--g-tabs-panel: 16px;--g-panel-end: 46px;--g-pane-cta: 72px;--f-heading: #252729;display:block;position:relative;isolation:isolate;padding:var(--pad-t-d) 0 var(--pad-b-d);background:var(--bg)}.tabbed-media *,.tabbed-media *:before,.tabbed-media *:after{box-sizing:border-box}@media screen and (min-width:641px)and (max-width:1024px){.tabbed-media{--g-pane-cta: 67px;padding:var(--pad-t-t) 0 var(--pad-b-t)}}@media screen and (max-width:640px){.tabbed-media{--g-panel-end: 36px;--g-pane-cta: 38px;padding:var(--pad-t-m) 0 var(--pad-b-m)}.tabbed-media.hide-mobile{display:none}}.tabbed-media .bg,.tabbed-media .overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.tabbed-media .bg{z-index:-2}.tabbed-media .overlay{display:block;z-index:-1;background:var(--overlay);opacity:var(--overlay-opacity)}.tabbed-media .bg .frame,.tabbed-media .bg picture,.tabbed-media .bg .media-item{display:block;width:100%;height:100%}.tabbed-media .bg img,.tabbed-media .bg video{display:block;width:100%;height:100%;object-fit:cover}.tabbed-media .bg picture img{object-position:var(--fp-d)}@media screen and (max-width:1024px){.tabbed-media .bg picture img{object-position:var(--fp-t)}}@media screen and (max-width:640px){.tabbed-media .bg picture img{object-position:var(--fp-m)}}.tabbed-media .bg .media-item{display:none}@media screen and (min-width:1025px){.tabbed-media .bg .media-item.bp-d{display:block}}@media screen and (min-width:641px)and (max-width:1024px){.tabbed-media .bg .media-item.bp-t{display:block}}@media screen and (max-width:640px){.tabbed-media .bg .media-item.bp-m{display:block}}.tabbed-media .inner{width:100%;max-width:calc(1200px + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter);text-align:center}.tabbed-media .inner>*{margin-top:0;margin-bottom:0}.tabbed-media .inner>:is(.tabs,:has(>.tabs))+:is(.cta,:has(>.cta)){margin-top:var(--g-pane-cta)}.tabbed-media .heading{margin:0;color:var(--c-heading, var(--f-heading));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:normal;letter-spacing:.6px;text-align:center;word-break:break-word}.tabbed-media .heading.is-uppercase{text-transform:uppercase}.tabbed-media .heading.size-large{font-size:46px;line-height:59.8px}.tabbed-media .heading.size-medium{font-size:41px;line-height:53.3px}@media screen and (min-width:641px)and (max-width:1024px){.tabbed-media .heading.size-medium{font-size:37px;line-height:48.1px}}@media screen and (max-width:640px){.tabbed-media .heading.size-large,.tabbed-media .heading.size-medium{font-size:30px;line-height:39px}}.tabbed-media .tabs{display:block}.tabbed-media .tablist{display:flex;flex-wrap:wrap;justify-content:center;min-height:50px;margin-bottom:var(--g-tabs-panel)}.tabbed-media .tab{margin:0;padding:8px 16px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--tab-inactive);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:18px;line-height:32.4px;letter-spacing:.6px;cursor:pointer;transition:color .2s ease}.tabbed-media .tab:hover{color:#ec6448}.tabbed-media .tab[aria-selected=true]{border-bottom-color:var(--tab-active);color:var(--tab-active)}.tabbed-media .tab:focus-visible{outline:2px solid var(--tab-active);outline-offset:-2px}@media screen and (min-width:641px)and (max-width:1024px){.tabbed-media .tablist{min-height:47px}.tabbed-media .tab{font-size:16px;line-height:28.8px}}@media screen and (max-width:640px){.tabbed-media .tablist{min-height:45px}.tabbed-media .tab{font-size:15px;line-height:27px}}.tabbed-media .tabs.layout-split .tablist{margin-bottom:52px}.tabbed-media .panels{padding:0 var(--panel-inset) var(--g-panel-end)}.tabbed-media .tabs:not(.has-tabs) .panels{padding-bottom:20px}.tabbed-media .tabs.layout-split .panels{padding-bottom:0}.tabbed-media .tabs.has-tabs:not([data-ready]) .panels>:not(:first-child){display:none}.tabbed-media .panel[hidden]{display:none}@keyframes tabbed-media-fade{0%{opacity:0}to{opacity:1}}.tabbed-media .panel.is-entering{animation:tabbed-media-fade .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.tabbed-media .panel.is-entering{animation:none}}.tabbed-media .panel:focus-visible{outline:2px solid var(--tab-active);outline-offset:4px}.tabbed-media .pane .media-block{width:100%;overflow:hidden;border-radius:var(--radius)}.tabbed-media .pane .frame,.tabbed-media .pane picture{display:block;position:relative}.tabbed-media .pane img,.tabbed-media .pane video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.tabbed-media .pane picture img{object-position:var(--fp-d)}@media screen and (max-width:1024px){.tabbed-media .pane picture img{object-position:var(--fp-t)}}@media screen and (max-width:640px){.tabbed-media .pane picture img{object-position:var(--fp-m)}}.tabbed-media .pane .bar{display:flex;align-items:center;height:36px;padding:0 10px;background:#f2f2f2}.tabbed-media .pane .toggle{display:inline-flex;width:24px;height:24px;padding:0;border:0;background:none;color:#000;cursor:pointer}.tabbed-media .pane .toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}.tabbed-media .pane .toggle span,.tabbed-media .pane .toggle svg{display:block;width:100%;height:100%}.tabbed-media .pane .when-paused,.tabbed-media .pane .is-paused .when-playing{display:none}.tabbed-media .pane .is-paused .when-paused{display:block}.tabbed-media .layout-media .pane{display:flex;flex-wrap:wrap;justify-content:center;column-gap:calc(20% + 12.8px);row-gap:16px}.tabbed-media .layout-media .pane>*{flex:0 0 calc(30% - 4.8px);min-width:0}.tabbed-media .layout-media .pane>:only-child{flex-basis:35%}@media screen and (max-width:640px){.tabbed-media .layout-media .pane>*{flex-basis:60%}.tabbed-media .layout-media .pane>:only-child{flex-basis:80%}}.tabbed-media .layout-split .pane{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;column-gap:8px;text-align:left}.tabbed-media .layout-split .pane>:is(.media-block,:has(>.media-block)){grid-column:1;grid-row:1 / -1;justify-self:start;width:530px;max-width:100%}.tabbed-media .layout-split .pane>:is(.media-block,:has(>.media-block))~:is(.media-block,:has(>.media-block)){display:none}.tabbed-media .layout-split .pane>:is(.heading,:has(>.heading)){grid-column:2;grid-row:2;align-self:end}.tabbed-media .layout-split .pane>:is(.body,:has(>.body)){grid-column:2;grid-row:3;align-self:start}.tabbed-media .layout-split .pane>:is(.heading,:has(>.heading))+:is(.body,:has(>.body)){margin-top:26px}.tabbed-media .layout-split .pane .heading{color:#252729;font-family:var(--font-poppins);font-weight:700;font-size:32px;line-height:54.4px;letter-spacing:.6px;text-align:left}.tabbed-media .layout-split .pane .body{color:var(--c-text);font-family:var(--font-poppins);font-weight:500;font-size:16px;line-height:28.8px;letter-spacing:0;text-align:left;word-break:break-word}.tabbed-media .layout-split .pane .body p{margin:0}@media screen and (min-width:641px)and (max-width:1024px){.tabbed-media .layout-split .pane>:is(.media-block,:has(>.media-block)){width:360px}.tabbed-media .layout-split .pane .heading{font-size:26px;line-height:44.2px}.tabbed-media .layout-split .pane .body{line-height:20.8px}}@media screen and (max-width:640px){.tabbed-media .layout-split .pane{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:0;text-align:center}.tabbed-media .layout-split .pane>:is(.heading,:has(>.heading)){grid-column:1;grid-row:1}.tabbed-media .layout-split .pane>:is(.body,:has(>.body)){grid-column:1;grid-row:2}.tabbed-media .layout-split .pane>:is(.media-block,:has(>.media-block)){grid-column:1;grid-row:3;justify-self:center;width:100%;margin-top:14px}.tabbed-media .layout-split .pane .heading{font-size:24px;line-height:40.8px;text-align:center}.tabbed-media .layout-split .pane .body{font-size:14px;line-height:21px;text-align:center}}.tabbed-media .cta{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;margin-inline:auto;padding:15px 40px;border-radius:999999px;background:var(--cta-bg);color:var(--cta-text);font-family:Inter,sans-serif;font-weight:700;font-size:16px;line-height:19.2px;letter-spacing:1px;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .2s ease}.tabbed-media .cta:hover{background:var(--cta-hover-bg, var(--cta-bg))}.tabbed-media .cta:focus-visible{outline:2px solid var(--cta-bg);outline-offset:3px}.tabbed-media .cta .arrow{display:inline-flex;width:20px;height:20px}.tabbed-media .cta .arrow svg{width:100%;height:100%}@media screen and (min-width:641px)and (max-width:1024px){.tabbed-media .cta{font-size:14px;line-height:14px}}@media screen and (max-width:640px){.tabbed-media .cta{padding:13px 40px;font-size:14px;line-height:14.7px}}
/*# sourceMappingURL=/cdn/shop/t/248/assets/section-tabbed-media.css.map */