.vm-chapters-section{--vm-ink: rgb(var(--color-base-text));--vm-accent: rgb(var(--color-base-button));--vm-muted: rgba(255,255,255,.8);--vm-backdrop: rgb(var(--color-base-background))}.vm-chapters{display:flex;align-items:stretch;gap:3px;width:100%;height:clamp(440px,42vw,630px);min-width:0;overflow:hidden;border:0;border-radius:var(--rounded-block);background:var(--vm-backdrop)}.vm-chapter{position:relative;isolation:isolate;min-width:0;min-height:0;flex:1 1 0%;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:var(--vm-backdrop);transition:flex-grow .62s cubic-bezier(.2,.8,.2,1)}.vm-chapter.is-current{flex-grow:4.25}.vm-chapter__visual,.vm-chapter__picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden}.vm-chapter__image,.vm-chapter__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);filter:brightness(.8) saturate(.96);transition:transform .85s cubic-bezier(.2,.8,.2,1),filter .65s ease}.vm-chapter.is-current .vm-chapter__image{transform:scale(1);filter:brightness(1) saturate(1)}.vm-chapter__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;color:var(--vm-ink);text-decoration:none}.vm-chapter__link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(9,15,18,.25) 0%,transparent 31%,rgba(9,15,18,.15) 57%,rgba(8,13,17,.83) 100%)}.vm-chapter__link:focus-visible{outline:2px solid var(--vm-accent);outline-offset:-4px}.vm-chapter__number{position:absolute;top:19px;left:18px;z-index:2;color:#ffffffd9;font-family:var(--font-body-family);font-size:11px;font-weight:500;letter-spacing:.08em;font-variant-numeric:tabular-nums}.vm-chapter.is-current .vm-chapter__number{color:var(--vm-accent)}.vm-chapter__spine{position:absolute;bottom:20px;left:18px;z-index:1;max-height:calc(100% - 100px);overflow:hidden;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-heading-family);font-size:clamp(14px,1.1vw,19px);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing);line-height:1.2;text-transform:var(--font-heading-text-transform);color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;opacity:1;transition:opacity .17s ease}.vm-chapter.is-current .vm-chapter__spine{opacity:0}.vm-chapter__content{position:absolute;inset:auto clamp(19px,2.6vw,42px) clamp(21px,2.9vw,46px);z-index:2;display:flex;flex-direction:column;align-items:flex-start;max-width:600px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease .06s,transform .34s ease .06s,visibility .25s ease}.vm-chapter.is-current .vm-chapter__content{opacity:1;visibility:visible;transform:translateY(0)}.vm-chapter__pretitle{margin-bottom:9px;color:var(--vm-accent);font-family:var(--font-body-family);font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.vm-chapter__dot{color:#ffffff8c;padding-inline:5px}.vm-chapter__title{display:block;max-width:18ch;margin:0;color:var(--vm-ink);font-family:var(--font-heading-family);font-size:clamp(28px,3.05vw,48px);font-weight:var(--font-heading-weight);line-height:1.16;letter-spacing:var(--font-heading-letter-spacing);text-transform:var(--font-heading-text-transform);text-wrap:balance;overflow-wrap:anywhere}.vm-chapter__description{display:block;max-width:42ch;margin-top:9px;color:var(--vm-muted);font-family:var(--font-body-family);font-size:clamp(13px,1.12vw,16px);font-weight:var(--font-body-weight);line-height:1.48;letter-spacing:var(--font-body-letter-spacing);text-wrap:pretty}.vm-chapter__explore{display:inline-flex;align-items:center;gap:15px;margin-top:17px;padding:0 0 5px;border-bottom:1px solid rgba(255,255,255,.48);color:var(--vm-ink);font-family:var(--font-body-family);font-size:13px;font-weight:500;line-height:1.4}.vm-chapter__explore svg{transition:transform .22s ease}.vm-chapter.is-current .vm-chapter__link:hover .vm-chapter__explore svg{transform:translate(4px)}.vm-chapters__footer{display:flex;justify-content:flex-end;align-items:center;margin-top:12px;color:#ffffffb8}.vm-chapters__navigation{display:flex;align-items:center;gap:3px}.vm-chapters__progress{display:inline-flex;gap:5px;margin-right:12px;color:#ffffffc7;font-family:var(--font-body-family);font-size:12px;line-height:1.45;font-variant-numeric:tabular-nums}.vm-chapters__slash{color:#ffffff61}.vm-chapters__nav-button{display:inline-grid;place-items:center;width:40px;height:38px;padding:0;border:0;border-radius:var(--rounded-button);background:transparent;box-shadow:none;color:#ffffffd9;cursor:pointer;transition:background-color .2s ease,color .2s ease}.vm-chapters__nav-button:hover{background:#ffffff14;color:var(--vm-ink)}.vm-chapters__nav-button:focus-visible{outline:2px solid var(--vm-accent);outline-offset:2px}@media(min-width:1024px)and (max-width:1250px){.vm-chapters{height:490px}.vm-chapter__number,.vm-chapter__spine{left:12px}.vm-chapter__spine{font-size:13px}.vm-chapter__content{left:25px;right:18px}.vm-chapter__title{font-size:clamp(28px,2.7vw,37px)}}@media(max-width:1023px){.vm-chapters{gap:11px;height:auto;min-height:0;margin-inline:-4vw;width:calc(100% + 8vw);padding-inline:4vw;padding-bottom:4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:0;background:transparent}.vm-chapters::-webkit-scrollbar{display:none}.vm-chapter,.vm-chapter.is-current{flex:0 0 min(79vw,550px);height:clamp(400px,65vw,570px);scroll-snap-align:center;scroll-snap-stop:always;border:0;border-radius:var(--rounded-card)}.vm-chapter__image,.vm-chapter.is-current .vm-chapter__image{filter:brightness(.94) saturate(1);transform:scale(1)}.vm-chapter__spine{display:none}.vm-chapter__content,.vm-chapter.is-current .vm-chapter__content{opacity:1;visibility:visible;transform:none;left:23px;right:23px;bottom:29px}.vm-chapter__title{font-size:clamp(27px,4.3vw,42px);max-width:19ch}.vm-chapter__description{font-size:14px}.vm-chapter__number{left:22px;top:20px}.vm-chapter__explore{margin-top:14px}}@media(max-width:767px){.vm-chapters{gap:10px;margin-inline:-16px;padding-inline:16px;width:calc(100% + 32px)}.vm-chapter,.vm-chapter.is-current{flex-basis:min(82vw,470px);height:clamp(400px,115vw,500px)}.vm-chapter__number{left:17px;top:17px}.vm-chapter__content,.vm-chapter.is-current .vm-chapter__content{left:18px;right:18px;bottom:22px}.vm-chapter__pretitle{font-size:10px;margin-bottom:7px}.vm-chapter__title{font-size:clamp(26px,7vw,35px)}.vm-chapter__description{font-size:12px;line-height:1.42;margin-top:7px}.vm-chapter__explore{font-size:12px;margin-top:12px}.vm-chapters__footer{margin-top:9px}.vm-chapters__nav-button{width:34px;height:34px}}@media(max-width:360px){.vm-chapter,.vm-chapter.is-current{flex-basis:84vw}.vm-chapter__title{font-size:25px}}@media(prefers-reduced-motion:reduce){.vm-chapter,.vm-chapter__image,.vm-chapter__spine,.vm-chapter__content,.vm-chapter__explore svg,.vm-chapters__nav-button{transition:none!important}}.vm-chapters-section .vm-chapter__link{cursor:pointer}.vm-chapters-section .vm-chapter__corner-arrow{position:absolute;top:16px;right:17px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;opacity:.8;color:#ffffffeb;transition:transform .24s ease,opacity .2s ease,color .2s ease}.vm-chapters-section .vm-chapter.is-current .vm-chapter__corner-arrow{color:var(--vm-accent);opacity:1}.vm-chapters-section .vm-chapter__link:is(:hover,:focus-visible) .vm-chapter__corner-arrow{transform:translate(3px,-3px);opacity:1}.vm-chapters-section .vm-chapter__link:hover .vm-chapter__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.vm-chapters-section .vm-chapter__content{bottom:clamp(26px,3vw,46px)}@media(max-width:767px){.vm-chapters-section .vm-chapter__corner-arrow{top:14px;right:14px;width:22px;height:22px}.vm-chapters-section .vm-chapter__corner-arrow svg{width:20px;height:20px}.vm-chapters-section .vm-chapter__content{bottom:22px}}@media(prefers-reduced-motion:reduce){.vm-chapters-section .vm-chapter__corner-arrow{transition:none}}.vm-chapter__number{display:none!important}@media screen and (min-width:1024px){.vm-chapters .vm-chapter:not(.is-current) .vm-chapter__image{filter:brightness(.74) saturate(.9) contrast(.98)!important;transform:scale(1.025)}.vm-chapters .vm-chapter.is-current .vm-chapter__image{filter:brightness(1) saturate(1.02) contrast(1.015)!important;transform:scale(1)}}@media screen and (max-width:1023px){.vm-chapters .vm-chapter:not(.is-current) .vm-chapter__image{filter:brightness(.86) saturate(.92)!important}.vm-chapters .vm-chapter.is-current .vm-chapter__image{filter:brightness(1) saturate(1)!important}}@media(min-width:1024px){.vm-chapters--long{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px;border-radius:16px}.vm-chapters--long::-webkit-scrollbar{display:none}.vm-chapters--long>.vm-chapter{flex:0 0 clamp(106px,11vw,166px);min-width:106px;scroll-snap-align:center;transition:flex-basis .55s cubic-bezier(.2,.8,.2,1)}.vm-chapters--long>.vm-chapter.is-current{flex:0 0 clamp(310px,39vw,680px);min-width:min(310px,45vw)}}@media(max-width:1023px){.vm-chapters--long{scroll-snap-type:x mandatory}}@media(prefers-reduced-motion:reduce){.vm-chapters--long{scroll-behavior:auto!important}.vm-chapters--long>.vm-chapter{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/venemask-cinematic-chapters.css.map */
