.video-explainer{display:block}.video-explainer__card{--ve-card-padding: 1.6rem;position:relative;display:flex;flex-direction:column;padding:var(--ve-card-padding);border-radius:var(--blocks-radius);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));box-shadow:0 .2rem 1.6rem rgba(var(--color-foreground),.08);transition:box-shadow var(--duration-default) ease;cursor:pointer}.video-explainer__card--static{cursor:default}@media(min-width:768px){.video-explainer__card{max-width:var(--ve-card-width, 100%);margin-inline:auto}}.video-explainer__card:hover{box-shadow:0 .6rem 2.8rem rgba(var(--color-foreground),.14)}.video-explainer__card:focus-within{box-shadow:0 .6rem 2.8rem rgba(var(--color-foreground),.14)}.video-explainer__panel{position:relative;display:flex;align-items:center;gap:3.2rem}.video-explainer__panel[hidden]{display:none}.video-explainer__trigger{position:absolute;top:0;inset-inline-start:0;z-index:1;width:100%;height:100%;padding:0;border:0;border-radius:var(--blocks-radius);background:none;cursor:pointer}.video-explainer__trigger:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.video-explainer__thumb{position:relative;flex:0 0 auto;width:var(--ve-thumb-width, 30rem);aspect-ratio:var(--ve-thumb-ratio, 4 / 3);overflow:hidden;border-radius:calc(var(--blocks-radius) * .65);background-color:rgba(var(--color-foreground),.06)}.video-explainer__thumb img,.video-explainer__thumb .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.video-explainer__play{position:absolute;top:50%;inset-inline-start:50%;display:flex;align-items:center;justify-content:center;width:var(--ve-play-size, 6.4rem);height:var(--ve-play-size, 6.4rem);border-radius:50%;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));transform:translate(-50%,-50%);transition:transform var(--duration-default) ease;pointer-events:none}.video-explainer__play .icon{width:calc(var(--ve-play-size, 6.4rem) * .3);height:calc(var(--ve-play-size, 6.4rem) * .3);margin-inline-start:calc(var(--ve-play-size, 6.4rem) * -.0375)}.video-explainer__card:hover .video-explainer__play{transform:translate(-50%,-50%) scale(1.08)}.video-explainer__text{flex:1 1 auto;min-width:0;padding-inline-end:1.6rem}.video-explainer__title{margin:0;font-size:var(--ve-title-size, 3.2rem);line-height:1.2;font-weight:600}.video-explainer__subtitle{margin:.8rem 0 0;font-size:var(--ve-subtitle-size, 1.8rem);line-height:1.4;color:rgba(var(--color-foreground),.6)}.video-explainer__arrow{flex:0 0 auto;display:flex;align-items:center;color:rgba(var(--color-foreground),.5);transition:transform var(--duration-default) ease;pointer-events:none}.video-explainer__arrow .icon{width:3.2rem;height:3.2rem}.video-explainer__card:hover .video-explainer__arrow{transform:translate(.4rem)}.video-explainer__toggle{position:absolute;z-index:2;top:calc(var(--ve-card-padding) + .8rem);inset-inline-end:calc(var(--ve-card-padding) + .8rem);display:inline-flex;gap:.2rem;padding:.3rem;border-radius:10rem;background-color:rgba(var(--color-foreground),.07)}.video-explainer__toggle-btn{height:auto;padding:.7rem 1.8rem;border:0;border-radius:10rem;background:none;cursor:pointer;font-size:1.4rem;font-weight:600;line-height:1;letter-spacing:.04em;text-transform:none;color:rgba(var(--color-foreground),.55);transition:color var(--duration-default) ease,background-color var(--duration-default) ease}.video-explainer__toggle-btn:hover{color:rgb(var(--color-foreground))}.video-explainer__toggle-btn.is-active{color:#000;background-color:#fdc731}.video-explainer-modal{--modal-gap: 1.2rem}.video-explainer-modal .drawer__inner{border-radius:var(--blocks-radius)}.video-explainer-modal .drawer__close-btn{z-index:2;top:2.4rem;inset-inline-end:2.4rem;background-color:rgb(var(--color-background));box-shadow:0 .2rem 1.2rem #0000002e}.video-explainer-modal__media{overflow:hidden;border-radius:calc(var(--blocks-radius) * .65)}.video-explainer-modal__media .media__poster{cursor:pointer}@media(max-width:767.98px){.video-explainer__card{--ve-card-padding: 1.2rem;gap:1.2rem}.video-explainer__toggle{position:relative;top:auto;inset-inline-end:auto;align-self:flex-end}.video-explainer__panel{flex-direction:column;align-items:stretch;gap:1.6rem}.video-explainer__thumb{width:100%}.video-explainer__text{padding-inline-end:0;padding-block-end:.8rem}.video-explainer__title{font-size:var(--ve-title-size-mobile, 2.4rem)}.video-explainer__subtitle{font-size:var(--ve-subtitle-size-mobile, 1.6rem)}.video-explainer__arrow{display:none}.video-explainer-modal .drawer__close-btn{top:1.6rem;inset-inline-end:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-video-explainer.css.map */