.pb-slider{--color-text: var(--color-foreground, #111111);--color-text-light: var(--color-foreground-75, #666666);--color-border: var(--color-base-outline-button-labels, #E7EAF0);position:relative;width:100%;box-sizing:border-box;overflow:hidden}.pb-slider *::-webkit-scrollbar{display:none!important}.pb-slider *{scrollbar-width:none!important;-ms-overflow-style:none!important}.pb-slider:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 50% at 92% 8%,rgba(26,94,191,.05) 0%,transparent 70%),radial-gradient(ellipse 50% 45% at 8% 96%,rgba(26,94,191,.03) 0%,transparent 70%)}.pb-slider>*{position:relative;z-index:1}.pb-slider__wrapper{max-width:var(--max-width, 1200px)}.pb-slider__header{text-align:center;margin-bottom:3.6rem}.pb-slider__heading{font-size:clamp(2.4rem,4vw,4rem);font-weight:600;color:var(--color-text);margin:0 0 1.2rem;line-height:1.2;letter-spacing:-.02em}.pb-slider__subheading{font-size:clamp(1.5rem,1.8vw,1.8rem);color:var(--color-text-light);line-height:1.6;margin:0 auto;max-width:58rem}.pb-slider__main{position:relative;background-color:transparent;border-radius:0;box-shadow:none;padding:0}.pb-slider__track-container{position:relative;width:100%;overflow:hidden}.pb-slider__track{position:relative;display:grid;grid-template-columns:100%;grid-template-rows:1fr;touch-action:pan-y}.pb-slider__slide{grid-column:1;grid-row:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s;z-index:1}.pb-slider__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}.pb-slider__slide-inner{display:flex;flex-direction:column;gap:2.4rem}@media screen and (min-width:750px){.pb-slider__slide-inner{flex-direction:row;align-items:center;gap:4rem}}.pb-slider__image-wrapper{width:100%;margin:0 auto;overflow:hidden}@media screen and (min-width:750px){.pb-slider__image-wrapper{flex:0 0 calc(55% - 2rem);width:auto;margin:0;align-self:center}}.pb-slider__image-wrapper--square,.pb-slider__image-wrapper--portrait,.pb-slider__image-wrapper--landscape{aspect-ratio:auto}.pb-slider__image{display:block;width:100%;height:auto;object-fit:contain;object-position:center center;border-radius:calc(var(--border-radius, 20px) * .7);transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.pb-slider__image.placeholder-svg{display:block;width:100%;height:auto;aspect-ratio:1 / 1;opacity:.35}@media screen and (min-width:1024px){.pb-slider__image-wrapper:hover .pb-slider__image:not(.placeholder-svg){transform:scale(1.03)}}.pb-slider__content{display:flex;flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box;min-width:0;transform:translateY(2rem);transition:transform .6s cubic-bezier(.4,0,.2,1)}.pb-slider__slide.is-active .pb-slider__content{transform:translateY(0)}@media screen and (min-width:750px){.pb-slider__content{flex:0 0 calc(45% - 2rem)}}.pb-slider__step-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}.pb-slider__badge{display:inline-flex;align-items:center;padding:.3rem 1rem;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 10%,transparent);border-radius:10rem;margin:0}.pb-slider__step-number{font-size:1.4rem;font-weight:600;color:var(--accent-color);margin:0;display:flex;align-items:center;gap:.8rem;letter-spacing:.05em;text-transform:uppercase}.pb-slider__step-number:before{content:"";display:block;width:2.4rem;height:2px;background-color:var(--accent-color);flex-shrink:0}.pb-slider__icon{width:4.8rem;height:4.8rem;margin-bottom:2rem}.pb-slider__icon img{width:100%;height:100%;object-fit:contain}.pb-slider__title{font-size:clamp(2.2rem,3vw,3.6rem);font-weight:600;color:var(--color-text);margin:0 0 1.6rem;line-height:1.2;letter-spacing:-.01em}.pb-slider__description{font-size:1.6rem;color:var(--color-text-light);line-height:1.65;margin-bottom:2rem}.pb-slider__text-content>*:last-child{margin-bottom:0}.pb-slider__btn{margin-top:.4rem}.pb-slider__controls{display:flex;align-items:center;justify-content:space-between;margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--color-border)}@media screen and (min-width:750px){.pb-slider__controls{margin-top:3.2rem;padding-top:2.4rem}}.pb-slider__nav-group{display:flex;align-items:center;gap:.8rem}.pb-slider__controls:has(.pb-slider__dots:only-child),.pb-slider__controls:has(.pb-slider__nav-group:only-child){justify-content:center}.pb-slider__nav{display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:50%;background-color:transparent;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;margin:0!important;padding:0!important;transition:border-color .25s ease,color .25s ease,transform .2s ease}.pb-slider__nav:hover{border-color:var(--accent-color);color:var(--accent-color);transform:scale(1.05)}.pb-slider__nav svg{width:2rem;height:2rem}.pb-slider__dots{display:flex;align-items:center;gap:.8rem}.pb-slider__dot{width:.8rem;height:.8rem;border-radius:50%;background-color:var(--color-border);border:none;cursor:pointer;padding:0;transition:width .3s ease,background-color .3s ease,border-radius .3s ease}.pb-slider__dot:hover{background-color:var(--color-text-light)}.pb-slider__dot.is-active{background-color:var(--accent-color);width:2.4rem;border-radius:.4rem}.pb-slider__progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:transparent;overflow:hidden}.pb-slider__progress-bar{height:100%;width:0%;background-color:var(--accent-color);transform-origin:left}.pb-slider__nav:focus-visible,.pb-slider__dot:focus-visible,.pb-slider__btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){.pb-slider__slide,.pb-slider__content,.pb-slider__image,.pb-slider__nav,.pb-slider__dot,.pb-slider__progress-bar{transition:none!important;transform:none!important}.pb-slider__slide.is-active{opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pb-how-to-use-slider.css.map */