.tabbed-media{display:block;overflow:hidden}.tabbed-media-header{max-width:800px;margin:0 auto 2rem;text-align:center}.tabbed-media-heading{margin:0}.tabbed-media-intro{margin-top:1rem}.tabbed-media-intro>:first-child,.tabbed-media-content-text>:first-child{margin-top:0}.tabbed-media-intro>:last-child,.tabbed-media-content-text>:last-child{margin-bottom:0}.tabbed-media-card{padding:1.25rem;border-radius:calc(var(--border-radius) * 2);background:rgb(var(--color-surface))}.tabbed-media-controls{margin-bottom:1.75rem}.tabbed-media-controls-label{margin:0 0 .75rem;font-size:var(--fs-sm);font-weight:700}.tabbed-media-tabs{display:flex;gap:.625rem;overflow-x:auto;padding:0 0 .5rem;scrollbar-width:none}.tabbed-media-tabs::-webkit-scrollbar{display:none}.tabbed-media-tab{flex:0 0 auto;min-width:max-content;padding:.75rem 1rem;border:1px solid rgb(var(--color-text) / .12);border-radius:var(--border-radius);background:rgb(var(--color-background));color:rgb(var(--color-text));font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.tabbed-media-tab:hover,.tabbed-media-tab:focus-visible{border-color:rgb(var(--color-brand))}.tabbed-media-tab.is-active{border-color:rgb(var(--color-brand) / .2);background:rgb(var(--color-brand) / .1);color:rgb(var(--color-brand))}.tabbed-media-panel{display:flex;flex-direction:column;gap:1.75rem}.tabbed-media-panel[hidden]{display:none}.tabbed-media-panel.is-activating{animation:tabbed-media-panel-in .4s ease both}.tabbed-media-image-wrapper{order:-1;overflow:hidden;border-radius:var(--border-radius)}.tabbed-media-image,.tabbed-media-image-placeholder,.tabbed-media-image-placeholder svg{display:block;width:100%}.tabbed-media-image{height:auto}.tabbed-media-image-placeholder{background:rgb(var(--color-text) / .06)}.tabbed-media-content-heading{margin:0 0 1rem}.tabbed-media-content-text{margin-bottom:1.5rem}.tabbed-media-features{display:grid;gap:.75rem;padding:0;margin:0 0 1.75rem;list-style:none}.tabbed-media-features li{display:flex;align-items:flex-start;gap:.625rem}.tabbed-media-feature-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:22px;height:22px;margin-top:.05em;border-radius:50%;background:rgb(var(--color-brand) / .12);color:rgb(var(--color-brand))}.tabbed-media-buttons{display:flex;flex-direction:column;gap:.75rem}.tabbed-media-buttons .btn{width:100%}@keyframes tabbed-media-panel-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.tabbed-media-panel.is-activating{animation:none}}@media(min-width:600px){.tabbed-media-card{padding:2rem}.tabbed-media-controls{display:flex;align-items:center;gap:1rem}.tabbed-media-controls-label{flex:0 0 auto;margin:0}.tabbed-media-tabs{padding-bottom:0}.tabbed-media-buttons{flex-direction:row;flex-wrap:wrap}.tabbed-media-buttons .btn{width:auto}}@media(min-width:1200px){.tabbed-media-header{margin-bottom:2.5rem}.tabbed-media-card{padding:3rem}.tabbed-media-controls{margin-bottom:2.5rem}.tabbed-media-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,45%);align-items:center;gap:3rem}.tabbed-media-panel-image-right{grid-template-columns:minmax(360px,45%) minmax(0,1fr)}.tabbed-media-panel-image-right .tabbed-media-image-wrapper{order:1}.tabbed-media-content{min-width:0}.tabbed-media-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/tabbed-media.css.map */