.tabbed-scenario{--ts-accent: #ff8a00;--ts-bg: #ffffff;background-color:var(--ts-bg)}.tabbed-scenario__inner{max-width:var(--page-width);margin:0 auto}.tabbed-scenario__header{text-align:center;margin-bottom:2.4rem}.tabbed-scenario__heading{margin:0 auto;max-width:18em;font-weight:700;line-height:1.2}.tabbed-scenario__tabs-wrap{display:flex;justify-content:center;margin-bottom:3.2rem;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabbed-scenario__tabs-wrap::-webkit-scrollbar{display:none}.tabbed-scenario__tab-highlight{position:absolute;left:0;width:0;background:var(--ts-accent);border-radius:9999px;z-index:0;transform:translate(0);transition:transform .35s ease,width .35s ease,background-color .2s ease;pointer-events:none}.tabbed-scenario__tab{position:relative;z-index:1;-webkit-appearance:none;appearance:none;box-shadow:none}.tabbed-scenario__tab.is-active,.tabbed-scenario__tab[aria-selected=true]{color:#fff}.tabbed-scenario__panels{position:relative}.tabbed-scenario__panel{display:none;opacity:0}.tabbed-scenario__panel.is-active{display:block;animation:tabbed-scenario-fade-in .4s ease forwards}@keyframes tabbed-scenario-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tabbed-scenario__empty{text-align:center;padding:2rem 1rem;opacity:.7}.tabbed-scenario__carousel{position:relative}.tabbed-scenario__carousel--has-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem}.tabbed-scenario__swiper{overflow:hidden;width:100%;min-width:0}.tabbed-scenario__swiper .swiper-wrapper{align-items:stretch}.tabbed-scenario__swiper .swiper-slide{height:auto;box-sizing:border-box}.tabbed-scenario__nav{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#111;width:4rem;height:4rem;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;border-radius:50%;transition:opacity .2s ease,color .2s ease}.tabbed-scenario__nav .svg-wrapper,.tabbed-scenario__nav svg{width:1.4rem;height:1.4rem;display:block}.tabbed-scenario__nav--prev{transform:rotate(90deg)}.tabbed-scenario__nav--next{transform:rotate(-90deg)}.tabbed-scenario__nav.swiper-button-disabled{opacity:.25;cursor:default}.tabbed-scenario__nav:focus-visible{outline:2px solid var(--ts-accent);outline-offset:3px}.tabbed-scenario__card{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.tabbed-scenario__media{width:100%;border-radius:2.4rem;overflow:hidden;background:#0000000a;margin-bottom:1.6rem}.tabbed-scenario__media.media{position:relative;padding-bottom:100%}.tabbed-scenario__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.tabbed-scenario__image.placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tabbed-scenario__title{margin:0 0 .8rem;font-size:1.8rem;font-weight:700;line-height:1.3;color:#111;letter-spacing:-.01em}.tabbed-scenario__description{margin:0;max-width:36rem;font-size:1.4rem;line-height:1.55;color:#333}.tabbed-scenario__description p{margin:0 0 .6em}.tabbed-scenario__description p:last-child{margin-bottom:0}.tabbed-scenario__progress.swiper-pagination{position:relative;left:auto;bottom:auto;width:min(28rem,70%);max-width:100%;height:.3rem;margin:2.8rem auto 0;background:#00000014;border-radius:9999px;overflow:hidden}.tabbed-scenario__progress .swiper-pagination-progressbar-fill{background:var(--ts-accent);border-radius:9999px}@media screen and (max-width:749px){.tabbed-scenario__header{margin-bottom:1.8rem}.tabbed-scenario__tabs-wrap{margin-bottom:2.4rem}.tabbed-scenario__tab{padding:.8rem 1.4rem;font-size:1.2rem}.tabbed-scenario__carousel--has-nav{grid-template-columns:1fr;gap:0}.tabbed-scenario__nav{display:none}.tabbed-scenario__media{border-radius:1.8rem;margin-bottom:1.2rem}.tabbed-scenario__title{font-size:1.6rem}.tabbed-scenario__description{font-size:1.35rem}.tabbed-scenario__progress.swiper-pagination{width:min(18rem,60%);margin-top:2rem}}@media screen and (min-width:750px){.tabbed-scenario__header{margin-bottom:2.8rem}.tabbed-scenario__title{font-size:2rem}.tabbed-scenario__carousel--has-nav{gap:1.2rem}}@media screen and (min-width:990px){.tabbed-scenario__media{border-radius:2.8rem;margin-bottom:2rem}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-tabbed-scenario.css.map */