.product-usage-scenarios{color:rgba(var(--color-foreground),1);background:rgb(var(--color-background));overflow:hidden}.product-usage-scenarios__inner{padding-top:var(--product-usage-padding-top, 64px);padding-bottom:var(--product-usage-padding-bottom, 64px)}.product-usage-scenarios__header{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:1.6rem;margin-bottom:3.2rem}.product-usage-scenarios__heading-group,.product-usage-scenarios__intro,.product-usage-scenarios__component,.product-usage-scenarios__detail-title,.product-usage-scenarios__detail-text,.product-usage-scenarios__tab-title,.product-usage-scenarios__tab-description{min-width:0}.product-usage-scenarios__heading-group{text-align:var(--product-usage-heading-alignment, left)}.product-usage-scenarios__eyebrow,.product-usage-scenarios__detail-eyebrow{margin:0 0 .8rem;font-size:1.2rem;font-weight:600;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.product-usage-scenarios__heading{max-width:none;margin:0;font-size:var(--product-usage-heading-size-desktop, 3.6rem);overflow-wrap:anywhere;word-break:normal;white-space:normal}.product-usage-scenarios__intro{justify-self:stretch;width:100%;max-width:none;color:rgba(var(--color-foreground),.72);font-size:var(--product-usage-intro-size-desktop, 1.6rem);text-align:var(--product-usage-intro-alignment, left);overflow-wrap:anywhere;word-break:normal;white-space:normal}.product-usage-scenarios__intro>:first-child,.product-usage-scenarios__detail-text>:first-child{margin-top:0}.product-usage-scenarios__intro>:last-child,.product-usage-scenarios__detail-text>:last-child{margin-bottom:0}.product-usage-scenarios__panels{position:relative;display:grid;min-width:0;touch-action:pan-y}.product-usage-scenarios__panel{grid-area:1 / 1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility 0s linear .32s}.product-usage-scenarios__panel.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s ease}.product-usage-scenarios__panel:not(.is-active){position:absolute;top:0;right:0;bottom:0;left:0;width:100%}.product-usage-scenarios__media{position:relative;width:100%;aspect-ratio:var(--product-usage-image-ratio, 16 / 9);overflow:hidden;background:rgba(var(--color-foreground),.045)}.product-usage-scenarios__image{display:block;width:100%;height:100%;object-fit:cover}.product-usage-scenarios__detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:.8rem 3.2rem;padding:2rem 0 0}.product-usage-scenarios__detail-eyebrow{grid-column:1 / -1;margin-bottom:0}.product-usage-scenarios .product-usage-scenarios__detail-title{grid-column:1;margin:0;font-size:var(--product-usage-detail-title-size-desktop, 4rem);text-align:var(--product-usage-detail-title-alignment, left);overflow-wrap:anywhere;word-break:normal;white-space:normal}.product-usage-scenarios .product-usage-scenarios__detail-text{grid-column:2;margin:0;color:rgba(var(--color-foreground),.75);font-size:var(--product-usage-detail-text-size-desktop, 1.6rem);line-height:1.65;overflow-wrap:anywhere;word-break:normal;white-space:normal}.product-usage-scenarios .product-usage-scenarios__detail-text .metafield-rich_text_field,.product-usage-scenarios .product-usage-scenarios__detail-text .metafield-rich_text_field>*{font-size:inherit}.product-usage-scenarios__detail--without-title .product-usage-scenarios__detail-text,.product-usage-scenarios__detail--without-text .product-usage-scenarios__detail-title{grid-column:1 / -1}.product-usage-scenarios__detail--without-text{grid-template-columns:minmax(0,1fr);gap:.8rem}.product-usage-scenarios__tabs{display:grid;grid-template-columns:repeat(var(--product-usage-count, 4),minmax(0,1fr));gap:0;max-width:100%;margin-top:clamp(1.2rem,2vw,2rem);border-bottom:.1rem solid rgba(var(--color-foreground),.16)}.product-usage-scenarios__tab{position:relative;display:flex;min-width:0;min-height:10rem;padding:1.8rem 1.6rem 2rem;gap:1.2rem;align-items:flex-start;text-align:left;color:rgba(var(--color-foreground),.62);font:inherit;border:0;border-top:.2rem solid transparent;border-radius:0;background:transparent;cursor:pointer;transition:color .22s ease,background-color .22s ease,border-color .22s ease}.product-usage-scenarios__tab--title-only{align-items:center}.product-usage-scenarios__tab:after{position:absolute;right:0;bottom:1.8rem;left:0;width:0;height:.2rem;margin:auto;content:"";background:currentColor;transition:width .26s ease}.product-usage-scenarios__tab:hover{color:rgba(var(--color-foreground),.9);background:rgba(var(--color-foreground),.025)}.product-usage-scenarios__tab.is-active{color:rgb(var(--color-foreground));border-top-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.045)}.product-usage-scenarios__tab.is-active:after{width:calc(100% - 3.2rem)}.product-usage-scenarios__tab:focus-visible{z-index:2;outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.4rem}.product-usage-scenarios__icon{flex:0 0 4rem;width:4rem;height:4rem}.product-usage-scenarios__icon-image{display:block;width:100%;height:100%;object-fit:contain}.product-usage-scenarios__tab-copy{display:block;min-width:0}.product-usage-scenarios .product-usage-scenarios__tab-title{display:block;font-size:var(--product-usage-tab-title-size-desktop, 1.5rem);font-weight:600;line-height:1.35;overflow-wrap:anywhere;word-break:normal;white-space:normal}.product-usage-scenarios__tab-description{display:block;margin-top:.6rem;font-size:1.3rem;line-height:1.45}.product-usage-scenarios__editor-notice{margin:0;padding:1.6rem 2rem;color:rgba(var(--color-foreground),.75);border:.1rem dashed rgba(var(--color-foreground),.35);background:rgba(var(--color-foreground),.03)}.product-usage-scenarios__editor-notice code{font-size:.92em}@media screen and (max-width:989px){.product-usage-scenarios__header{grid-template-columns:minmax(0,1fr);gap:1.6rem}.product-usage-scenarios__intro{justify-self:start;max-width:none}.product-usage-scenarios__tabs{display:flex;gap:.8rem;padding-bottom:.8rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline proximity;scrollbar-width:thin;border-bottom:0}.product-usage-scenarios__tab{flex:0 0 min(40vw,28rem);scroll-snap-align:start;border-bottom:.1rem solid rgba(var(--color-foreground),.16)}}@media screen and (max-width:749px){.product-usage-scenarios__inner{padding-top:var(--product-usage-padding-top-mobile, 48px);padding-bottom:var(--product-usage-padding-bottom-mobile, 48px)}.product-usage-scenarios__header{margin-bottom:2.4rem}.product-usage-scenarios__heading{font-size:var(--product-usage-heading-size-mobile, 3.2rem)}.product-usage-scenarios__intro{font-size:var(--product-usage-intro-size-mobile, 1.5rem)}.product-usage-scenarios__detail{grid-template-columns:minmax(0,1fr);gap:1rem;padding-top:1.8rem}.product-usage-scenarios__detail-eyebrow{margin-bottom:0}.product-usage-scenarios__detail-title,.product-usage-scenarios__detail-text{grid-column:1}.product-usage-scenarios .product-usage-scenarios__detail-title{font-size:var(--product-usage-detail-title-size-mobile, 3rem)}.product-usage-scenarios .product-usage-scenarios__detail-text{font-size:var(--product-usage-detail-text-size-mobile, 1.5rem)}.product-usage-scenarios__tabs{width:100%;margin-top:2rem}.product-usage-scenarios__tab{flex-basis:min(82vw,29rem);min-height:9rem;padding:1.5rem 1.4rem 1.8rem}.product-usage-scenarios .product-usage-scenarios__tab-title{font-size:var(--product-usage-tab-title-size-mobile, 1.4rem)}}@media(prefers-reduced-motion:reduce){.product-usage-scenarios__panel,.product-usage-scenarios__tab,.product-usage-scenarios__tab:after{transition:none}.product-usage-scenarios__tabs{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-product-usage-scenarios.css.map */