.vertical-tab-wrapper{position:relative;z-index:0}.vertical-tab__header{text-align:center;margin-bottom:2.5rem;word-break:break-word}.vertical-tab__subtitle{display:inline-block;margin-bottom:.5rem;font-size:calc(var(--font-body-scale) * 12px);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-button))}.vertical-tab__subtitle.link-style{color:var(--color-link-hover);text-decoration:none}.vertical-tab__subtitle.solid-style{background-color:rgba(var(--color-button),.1);padding:.5rem 1rem;border-radius:calc(var(--text-boxes-radius) / 2)}.vertical-tab__heading{margin:0;font-size:calc(var(--font-body-scale) * 28px);font-weight:700;line-height:1.2;color:rgb(var(--color-foreground))}.vertical-tab__heading.h0{font-size:calc(var(--font-body-scale) * 32px)}.vertical-tab__heading.h1{font-size:calc(var(--font-body-scale) * 28px)}.vertical-tab__heading.h2{font-size:calc(var(--font-body-scale) * 24px)}.vertical-tab__container{display:grid;gap:3rem;grid-template-columns:1fr}.vertical-tab__tabs-wrapper{position:relative}.vertical-tab__tabs-scroll{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.vertical-tab__tab-button{display:block;width:100%;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:2px solid rgba(var(--color-foreground),.1);cursor:pointer;text-align:left;transition:all .3s ease;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 15px);font-weight:500;line-height:1.5;position:relative}.vertical-tab__tab-button:hover{background-color:rgba(var(--color-button),.05);color:rgb(var(--color-button));padding-left:1.75rem}.vertical-tab__tab-button:focus{outline:none;box-shadow:inset 0 0 0 2px rgba(var(--color-button),.3);border-radius:2px}.vertical-tab__tab-button.active{color:rgb(var(--color-button));border-bottom-color:rgb(var(--color-button));border-bottom-width:3px;padding-bottom:calc(1rem - 1px);font-weight:600;background-color:rgba(var(--color-button),.02)}.vertical-tab__tab-button.active:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:3px;background-color:rgb(var(--color-button));animation:slideInWidth .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInWidth{0%{width:0;opacity:0}to{width:100%;opacity:1}}.vertical-tab__tab-text{display:block;word-break:break-word}.vertical-tab__content-wrapper{position:relative}.vertical-tab__content-panel{display:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.vertical-tab__content-panel.active{display:block;opacity:1;visibility:visible;pointer-events:auto}.vertical-tab__image-container{margin-bottom:1.5rem;overflow:hidden;border-radius:var(--text-boxes-radius)}.vertical-tab__image{position:relative;overflow:hidden;width:100%;background:rgba(var(--color-foreground),.05);border-radius:var(--text-boxes-radius)}.vertical-tab__image-img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .4s ease}.vertical-tab__content-panel.active .vertical-tab__image-img{animation:slideInImage .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInImage{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.vertical-tab__image{aspect-ratio:16 / 9}.vertical-tab__image.ratio-square{aspect-ratio:1 / 1}.vertical-tab__image.ratio-landscape{aspect-ratio:16 / 9}.vertical-tab__image.ratio-portrait{aspect-ratio:4 / 3}.vertical-tab__content-text{padding:0}.vertical-tab__content-heading{margin:0 0 1rem;font-size:calc(var(--font-body-scale) * 20px);font-weight:700;line-height:1.3;color:rgb(var(--color-foreground))}.vertical-tab__content-body{margin-bottom:1.5rem;font-size:calc(var(--font-body-scale) * 15px);line-height:1.6;color:rgba(var(--color-foreground),.9)}.vertical-tab__content-body p{margin:0 0 1rem}.vertical-tab__content-body p:last-child{margin-bottom:0}.vertical-tab__content-body ul,.vertical-tab__content-body ol{margin:1rem 0 1.5rem 2rem;padding:0}.vertical-tab__content-body li{margin-bottom:.5rem}.vertical-tab__content-link{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border:1px solid rgb(var(--color-button));border-radius:var(--buttons-radius);text-decoration:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:calc(var(--font-body-scale) * 14px)}.vertical-tab__content-link:hover{background-color:rgb(var(--color-bg-button-hover));border-color:rgb(var(--color-bg-button-hover));transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-button),.15)}.vertical-tab__content-link:focus{outline:2px solid rgb(var(--color-button));outline-offset:2px}@media screen and (min-width:768px){.vertical-tab__header{margin-bottom:3rem}.vertical-tab__heading.h0{font-size:calc(var(--font-body-scale) * 40px)}.vertical-tab__heading.h1{font-size:calc(var(--font-body-scale) * 32px)}.vertical-tab__heading.h2{font-size:calc(var(--font-body-scale) * 28px)}.vertical-tab__container.layout-left-tabs{grid-template-columns:250px 1fr;gap:3rem;align-items:start}.layout-left-tabs .vertical-tab__tabs-wrapper{position:sticky;top:20px}.layout-left-tabs .vertical-tab__tabs-scroll{flex-direction:column;border-right:2px solid rgba(var(--color-foreground),.08);padding-right:0}.layout-left-tabs .vertical-tab__tab-button{padding:.875rem 1rem;border-bottom:1px solid rgba(var(--color-foreground),.08);border-right:3px solid transparent;text-align:left;width:100%}.layout-left-tabs .vertical-tab__tab-button:hover{border-right-color:rgba(var(--color-button),.3);padding-right:1rem}.layout-left-tabs .vertical-tab__tab-button.active{border-right-color:rgb(var(--color-button));border-bottom-color:rgba(var(--color-foreground),.08)}.layout-left-tabs .vertical-tab__tab-button.active:after{content:"";position:absolute;right:-3px;top:0;bottom:0;width:3px;height:100%;animation:slideInHeight .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInHeight{0%{height:0;opacity:0}to{height:100%;opacity:1}}.layout-left-tabs .vertical-tab__content-wrapper{padding-left:0}.vertical-tab__container.layout-image-first{grid-template-columns:1fr}.layout-image-first .vertical-tab__tabs-scroll{flex-direction:row;gap:1.5rem;border-bottom:2px solid rgba(var(--color-foreground),.08);padding-bottom:0;margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.layout-image-first .vertical-tab__tabs-scroll::-webkit-scrollbar{height:4px}.layout-image-first .vertical-tab__tabs-scroll::-webkit-scrollbar-track{background:transparent}.layout-image-first .vertical-tab__tabs-scroll::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.1);border-radius:2px}.layout-image-first .vertical-tab__tab-button{padding:.875rem 0;border-bottom:3px solid transparent;border-right:none;white-space:nowrap;width:auto;flex-shrink:0}.layout-image-first .vertical-tab__tab-button:hover{padding-left:0}.layout-image-first .vertical-tab__tab-button.active{border-bottom-color:rgb(var(--color-button))}.layout-image-first .vertical-tab__tab-button.active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;width:100%;animation:slideInWidth .4s cubic-bezier(.4,0,.2,1) forwards}.layout-image-first .vertical-tab__content-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.layout-image-first .vertical-tab__content-panel.no-image.active{grid-template-columns:1fr}.layout-image-first .vertical-tab__image-container{margin-bottom:0;order:1}.layout-image-first .vertical-tab__content-text{order:2}}@media screen and (min-width:768px)and (max-width:1024px){.vertical-tab__container.layout-left-tabs{grid-template-columns:200px 1fr}.layout-left-tabs .vertical-tab__tabs-scroll{border-right:2px solid rgba(var(--color-foreground),.08)}}@media screen and (max-width:767px){.vertical-tab-wrapper{padding-left:0;padding-right:0}.vertical-tab__header{margin-bottom:2rem;padding:0 var(--grid-mobile-horizontal-spacing)}.vertical-tab__heading{font-size:calc(var(--font-body-scale) * 20px)}.vertical-tab__heading.h0{font-size:calc(var(--font-body-scale) * 24px)}.vertical-tab__heading.h1{font-size:calc(var(--font-body-scale) * 22px)}.vertical-tab__container{gap:0}.vertical-tab__tabs-wrapper{margin-bottom:0;overflow:hidden;position:sticky;top:0;z-index:10;background:rgb(var(--color-background));border-bottom:2px solid rgba(var(--color-foreground),.08)}.vertical-tab__tabs-scroll{flex-direction:row;gap:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.1) transparent;padding:0 var(--grid-mobile-horizontal-spacing)}.vertical-tab__tabs-scroll::-webkit-scrollbar{height:3px}.vertical-tab__tabs-scroll::-webkit-scrollbar-track{background:transparent}.vertical-tab__tabs-scroll::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.15);border-radius:2px}.vertical-tab__tab-button{padding:1rem;border-bottom:3px solid transparent;border-right:none;white-space:nowrap;min-width:fit-content;width:auto;flex-shrink:0;border-bottom:2px solid rgba(var(--color-foreground),.1);font-size:calc(var(--font-body-scale) * 14px)}.vertical-tab__tab-button:hover{padding-left:1rem;background-color:rgba(var(--color-button),.03)}.vertical-tab__tab-button:focus{box-shadow:none;outline:2px solid rgb(var(--color-button));outline-offset:-2px}.vertical-tab__tab-button.active{border-bottom-color:rgb(var(--color-button));border-bottom-width:3px;padding-bottom:calc(1rem - 1px)}.vertical-tab__tab-button.active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;width:100%;background-color:rgb(var(--color-button));animation:slideInWidth .3s cubic-bezier(.4,0,.2,1) forwards}.vertical-tab__content-wrapper{padding:0 var(--grid-mobile-horizontal-spacing);margin-top:1.5rem}.vertical-tab__content-panel{padding:0}.vertical-tab__image-container{margin-bottom:1rem;border-radius:calc(var(--text-boxes-radius) * .8)}.vertical-tab__image{aspect-ratio:16 / 9;border-radius:calc(var(--text-boxes-radius) * .8)}.vertical-tab__content-heading{font-size:calc(var(--font-body-scale) * 18px);margin-bottom:.75rem}.vertical-tab__content-body{font-size:calc(var(--font-body-scale) * 14px);margin-bottom:1rem}.vertical-tab__content-link{width:100%;padding:.875rem 1.5rem}@media screen and (max-width:375px){.vertical-tab__tabs-wrapper{position:static}}}@media(prefers-reduced-motion:reduce){.vertical-tab__tab-button,.vertical-tab__content-panel,.vertical-tab__image-img,.vertical-tab__content-link{transition:none;animation:none!important}}@media print{.vertical-tab__tabs-wrapper{display:none}.vertical-tab__content-panel{opacity:1;visibility:visible;display:block;page-break-inside:avoid}}.vertical-tab__tab-button:focus-visible{outline:2px dashed rgb(var(--color-button));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-vertical-tabs.css.map */