.tutorial-accordion-video{max-width:1200px;margin-inline:auto;padding-inline:1.5rem;display:block}.tutorial-accordion-video__group-heading{margin:2.8rem 0 0;padding:1.4rem;font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#c5cdb6;color:rgb(var(--color-base-text))}.tutorial-accordion-video__group-heading:first-child,.tutorial-accordion-video .accordion{margin-top:0}.tutorial-accordion-video .accordion summary{padding:1.4rem}.tutorial-accordion-video .accordion__content{padding:0 1.4rem}.tutorial-video-slider{padding-block:1.6rem}.tutorial-video-slide{height:auto}.tutorial-video-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#111;border-radius:.4rem;cursor:pointer}.tutorial-video-media__thumbnail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tutorial-video-media:hover .tutorial-video-media__thumbnail{transform:scale(1.03)}.tutorial-video-media__thumbnail--placeholder{background:#222}.tutorial-video-media__play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;z-index:1}.tutorial-video-media__play-icon{width:4.6rem;height:4.6rem;border-radius:50%;background:#ffffff8a;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.tutorial-video-media__play-icon .icon-play{width:1.6rem;height:1.6rem;margin-left:.3rem}.tutorial-video-media:hover .tutorial-video-media__play-icon{transform:scale(1.1)}.tutorial-video-media.is-playing .tutorial-video-media__thumbnail,.tutorial-video-media.is-playing .tutorial-video-media__play-btn{display:none}.tutorial-video-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.tutorial-video-nav{position:absolute;top:calc(50% - 2rem);z-index:10;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;border:none;background:#ffffffeb;box-shadow:0 2px 8px #0000002e;cursor:pointer;transition:background .2s,transform .2s}.tutorial-video-nav:hover{background:#fff;transform:scale(1.08)}.tutorial-video-nav .icon-caret{width:1.2rem;height:1.2rem}.tutorial-video-nav--prev{left:.8rem;transform:rotate(90deg)}.tutorial-video-nav--prev:hover{transform:rotate(90deg) scale(1.08)}.tutorial-video-nav--next{right:.8rem;transform:rotate(-90deg)}.tutorial-video-nav--next:hover{transform:rotate(-90deg) scale(1.08)}.tutorial-video-nav--disabled{visibility:hidden;pointer-events:none}.tutorial-video-slide__info{padding:1rem 0 .4rem}.tutorial-video-slide__subtitle{margin:0 0 .3rem;font-size:1.2rem;letter-spacing:.05em;text-transform:uppercase;opacity:.6}.tutorial-video-slide__title{margin:0 0 .5rem;font-size:1.4rem;font-weight:600;line-height:1.3}.tutorial-video-slide__text{margin:0;font-size:1.3rem;line-height:1.5;opacity:.75}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-article-tutorial-accordion-video.css.map */