.section-video-accordion{--section-video-accordion-border: rgba(var(--color-foreground), .16);--section-video-accordion-text-muted: rgba(var(--color-foreground), .72)}.section-video-accordion.gradient{background-color:var(--pk-gradient-white-background, #fafaf8);background-image:var(--pk-gradient-band-background, linear-gradient(180deg, #e2e9e7 0%, #fafaf8 100%));background-repeat:no-repeat;background-position:center;background-size:cover}.section-video-accordion__top{display:flex;align-items:flex-start;justify-content:space-between;gap:2.4rem;margin-bottom:3.2rem}.section-video-accordion__intro{max-width:72rem}.section-video-accordion__heading{margin:0}.section-video-accordion__description{margin-top:1.2rem;color:var(--section-video-accordion-text-muted)}.section-video-accordion__description p{margin:0;font-size:1.6rem;line-height:1.5}.section-video-accordion__buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1.2rem}.section-video-accordion__buttons--after-layout{display:none;margin-top:2.4rem}.section-video-accordion__layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.section-video-accordion__media-frame{position:relative;overflow:hidden;background:rgba(var(--color-foreground),.06)}.section-video-accordion__preview{position:relative;aspect-ratio:var(--video-preview-aspect-ratio, 16 / 10);background:#000}.section-video-accordion__video,.section-video-accordion__placeholder-image{display:block;width:100%;height:100%;object-fit:cover}.section-video-accordion__placeholder{position:relative;aspect-ratio:var(--video-preview-aspect-ratio, 16 / 10);display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.05)}.section-video-accordion__placeholder-copy{margin:0;padding:0 2rem;text-align:center;color:var(--section-video-accordion-text-muted)}.section-video-accordion__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;z-index:1}.section-video-accordion__play-circle{display:inline-flex;align-items:center;justify-content:center;width:8.4rem;height:8.4rem;border-radius:50%;background:#fffffff0;color:#111;box-shadow:0 1rem 2.5rem #00000038;transition:transform .25s ease,background .25s ease}.section-video-accordion__play:hover .section-video-accordion__play-circle,.section-video-accordion__play:focus-visible .section-video-accordion__play-circle{transform:scale(1.04);background:#fff}.section-video-accordion__play .icon,.section-video-accordion__play svg{width:2.2rem;height:2.2rem}.section-video-accordion__content-column{display:flex;flex-direction:column}@media screen and (min-width:1025px){.section-video-accordion__layout{grid-template-columns:minmax(0,var(--video-accordion-media-width, 58%)) minmax(0,calc(100% - var(--video-accordion-media-width, 58%)));gap:50px}.section-video-accordion__content-column{padding-top:50px}}.section-video-accordion__accordion{border-top:0}.section-video-accordion__item{border-bottom:.1rem solid var(--section-video-accordion-border);opacity:.3;transition:opacity .25s ease}.section-video-accordion__item:last-child{border-bottom:0}.section-video-accordion__item.is-active{opacity:1}.section-video-accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:2.4rem 0;border:0;background:transparent;color:rgb(var(--color-foreground));text-align:left;cursor:pointer}.section-video-accordion__question{margin:0;font-family:var(--font-heading-alt-family, var(--font-heading-family));font-size:2.4rem;font-weight:600;line-height:1.4;text-transform:capitalize}.section-video-accordion__icon{position:relative;flex:0 0 auto;width:2.4rem;height:2.4rem;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;color:rgb(var(--color-foreground));opacity:0;visibility:hidden;transform:rotate(-12deg);transform-origin:center;transition:opacity .25s ease,visibility .25s ease,background-image .25s ease,transform .45s cubic-bezier(.22,1,.36,1)}.section-video-accordion__icon:before,.section-video-accordion__icon:after{content:"";position:absolute;top:50%;left:50%;background:currentColor;transform:translate(-50%,-50%);transition:opacity .25s ease}.section-video-accordion__icon:before{width:1rem;height:.1rem}.section-video-accordion__icon:after{width:.1rem;height:1rem}.section-video-accordion__item.is-active .section-video-accordion__icon{opacity:1;visibility:visible;transform:rotate(0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_6124_8232)'%3E%3Cpath d='M4 4L20 20' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 20H20V7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6124_8232'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.section-video-accordion__item.is-active .section-video-accordion__icon:before,.section-video-accordion__item.is-active .section-video-accordion__icon:after{opacity:0}.section-video-accordion__header:hover .section-video-accordion__icon,.section-video-accordion__header:focus-visible .section-video-accordion__icon{transform:rotate(45deg)}.section-video-accordion__item.is-active .section-video-accordion__header:hover .section-video-accordion__icon,.section-video-accordion__item.is-active .section-video-accordion__header:focus-visible .section-video-accordion__icon{transform:rotate(0)}.section-video-accordion__item.is-active .section-video-accordion__question{color:rgb(var(--color-foreground))}.section-video-accordion__content{height:0;overflow:hidden;opacity:0;transition:height .5s cubic-bezier(.4,0,.2,1),opacity .35s ease}.section-video-accordion__item.is-active .section-video-accordion__content{opacity:1}.section-video-accordion__content-inner{padding:0 0 2.4rem;max-width:68rem;color:var(--section-video-accordion-text-muted)}.section-video-accordion__content-inner p:first-child{margin-top:0}.section-video-accordion__content-inner p:last-child{margin-bottom:0}.section-video-accordion__empty{margin:0;color:var(--section-video-accordion-text-muted)}.section-video-accordion__modal{background:#121814d1}.section-video-accordion__modal .modal-video__content{display:flex;align-items:center;justify-content:center;background:transparent;padding:0;overflow:hidden}.section-video-accordion__modal .modal-video__content-info{display:flex;align-items:center;justify-content:center;width:auto;height:auto;max-width:calc(100vw - 4rem);max-height:calc(100vh - 6rem);padding:0}.section-video-accordion__modal .modal-video__toggle{display:flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;padding:0;border-radius:50%;border:.1rem solid rgba(255,255,255,.65);background:#fffffff5;color:#2d2d2d;box-shadow:0 .8rem 2rem #0000002e;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}.section-video-accordion__modal .modal-video__toggle:hover,.section-video-accordion__modal .modal-video__toggle:focus-visible{background:#a8bdb6;border-color:#a8bdb6;color:#1f2d29;transform:scale(1.05)}.section-video-accordion__modal .modal-video__toggle .svg-wrapper{display:inline-flex;align-items:center;justify-content:center}.section-video-accordion__modal .modal-video__toggle svg,.section-video-accordion__modal .modal-video__toggle .icon{width:2rem;height:2rem}.section-video-accordion__modal .section-video-accordion__modal-video-shell{display:flex;align-items:center;justify-content:center;width:min(calc((100vh - 6rem) * var(--video-preview-aspect-ratio, 1.7778)),calc(100vw - 4rem));height:auto;max-width:calc(100vw - 4rem);max-height:calc(100vh - 6rem);aspect-ratio:var(--video-preview-aspect-ratio, 1.7778);background:transparent;border-radius:1.2rem;overflow:hidden;box-shadow:0 2rem 6rem #00000047}.section-video-accordion__modal .section-video-accordion__modal-video-element{display:block;width:100%;height:100%;max-width:100%;max-height:calc(100vh - 6rem);object-fit:cover;background:transparent}@media screen and (max-width:1024px){.section-video-accordion__top{flex-direction:column}.section-video-accordion__top .section-video-accordion__buttons{display:none}.section-video-accordion__buttons--after-layout{display:flex;justify-content:flex-start}.section-video-accordion__layout{grid-template-columns:1fr 1fr;gap:32px}}@media screen and (min-width:768px)and (max-width:1024px){.section-video-accordion__accordion .section-video-accordion__item:first-child .section-video-accordion__header{padding-top:0}}@media screen and (max-width:767px){.section-video-accordion__layout{grid-template-columns:1fr}}@media screen and (max-width:749px){.section-video-accordion__top{margin-bottom:2rem}.section-video-accordion__header{padding:2rem 0}.section-video-accordion__question{font-size:1.9rem}.section-video-accordion__play-circle{width:7rem;height:7rem}.section-video-accordion__modal .modal-video__content{padding:0}.section-video-accordion__modal .modal-video__content-info{max-width:calc(100vw - 1rem);max-height:calc(100vh - 3rem)}.section-video-accordion__modal .section-video-accordion__modal-video-shell{width:min(calc((100vh - 3rem) * var(--video-preview-aspect-ratio, 1.7778)),calc(100vw - 1rem));max-width:calc(100vw - 1rem);max-height:calc(100vh - 3rem)}.section-video-accordion__modal .section-video-accordion__modal-video-element{width:100%;height:100%;max-width:calc(100vw - 1rem);max-height:calc(100vh - 3rem)}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/section-video-accordion.css.map */