@import"https://fonts.googleapis.com/css2?family=Sulphur+Point:wght@300;400;700&display=swap";.video-slider-section{width:100%;overflow:hidden;position:relative;box-sizing:border-box}.vs-heading{text-align:center;padding:0 24px}.vs-heading__title{margin:0;padding:0;color:inherit}.vs-heading__subtitle{margin:0;padding:0;opacity:.75}.vs-outer.vs-desktop{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 0 50px}.vs-mobile{display:none}.vs-fan{position:relative;height:var(--vs-desktop-h, 400px);width:calc(var(--vs-desktop-h, 400px) * .75 + var(--vs-desktop-h, 400px) * .615 * 2 + var(--vs-desktop-h, 400px) * .4875 * 2 + 80px);flex-shrink:0}.vs-card{position:absolute;top:50%;left:50%;transform-origin:center center;transition:transform .5s cubic-bezier(.4,0,.2,1),width .5s cubic-bezier(.4,0,.2,1),opacity .4s ease;cursor:pointer}.vs-card__inner{position:relative;border-radius:20px;overflow:hidden;width:100%;aspect-ratio:3 / 4;box-shadow:0 10px 40px #00000047;margin-top:calc(var(--vs-desktop-h, 400px) * -.5)}.vs-card.pos-hidden{width:calc(var(--vs-desktop-h, 400px) * .4875);opacity:0;pointer-events:none;z-index:0;transform:translate(-50%)}.vs-card.pos-center{width:calc(var(--vs-desktop-h, 400px) * .75);opacity:1;z-index:5;transform:translate(-50%) rotate(0)}.vs-card.pos-mid-left{width:calc(var(--vs-desktop-h, 400px) * .615);opacity:.92;z-index:3;transform:translate(calc(-50% - calc(var(--vs-desktop-h, 400px) * .375) - calc(var(--vs-desktop-h, 400px) * .3075) + calc(var(--vs-card-gap, -20px) * -.8))) rotate(calc(var(--vs-tilt, 6deg) * -1))}.vs-card.pos-mid-right{width:calc(var(--vs-desktop-h, 400px) * .615);opacity:.92;z-index:3;transform:translate(calc(-50% + calc(var(--vs-desktop-h, 400px) * .375) + calc(var(--vs-desktop-h, 400px) * .3075) + calc(var(--vs-card-gap, -20px) * .8))) rotate(calc(var(--vs-tilt, 6deg) * 1))}.vs-card.pos-far-left{width:calc(var(--vs-desktop-h, 400px) * .4875);opacity:.82;z-index:1;transform:translate(calc(-50% - calc(var(--vs-desktop-h, 400px) * .375) - calc(var(--vs-desktop-h, 400px) * .615) - calc(var(--vs-desktop-h, 400px) * .24375) + calc(var(--vs-card-gap, -20px) * -2))) rotate(calc(var(--vs-tilt, 6deg) * -1.6))}.vs-card.pos-far-right{width:calc(var(--vs-desktop-h, 400px) * .4875);opacity:.82;z-index:1;transform:translate(calc(-50% + calc(var(--vs-desktop-h, 400px) * .375) + calc(var(--vs-desktop-h, 400px) * .615) + calc(var(--vs-desktop-h, 400px) * .24375) + calc(var(--vs-card-gap, -20px) * 2))) rotate(calc(var(--vs-tilt, 6deg) * 1.6))}.vs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:30;width:48px;height:48px;border-radius:50%;background:var(--vs-icon-bg, rgba(0,0,0,.4));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--vs-icon-color, #fff);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s,opacity .2s}.vs-arrow--prev{left:16px}.vs-arrow--next{right:16px}.vs-arrow:hover{background:var(--vs-icon-bg, rgba(0,0,0,.4));opacity:.8}.vs-arrow:disabled{opacity:.25;cursor:default;pointer-events:none}.vs-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vs-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:12px;text-align:center;padding:12px}.vs-controls{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s}.vs-card.pos-center .vs-controls,.vs-card:hover .vs-controls,.vs-mob-card.mob-center .vs-controls,.vs-mob-card:hover .vs-controls{opacity:1;pointer-events:auto}.vs-btn{width:36px;height:36px;border-radius:50%;background:var(--vs-icon-bg, rgba(0,0,0,.45));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--vs-icon-color, #fff);transition:background .2s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:0;flex-shrink:0}.vs-btn:hover{background:var(--vs-icon-bg, rgba(0,0,0,.45));opacity:.85}.vs-card__title{position:absolute;bottom:48px;left:0;right:0;text-align:center;font-family:Sulphur Point,sans-serif;font-size:14px;font-weight:400;color:#ebebe3;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.5);padding:0 10px;z-index:8}.vs-card.pos-center .vs-card__title{font-size:16px;bottom:56px}.vs-mob-card.mob-center .vs-card__title{font-size:14px;bottom:48px}.vs-mob-card .vs-card__title{font-size:12px;bottom:40px}.vs-card__meta{position:absolute;bottom:14px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:8}.vs-name{font-family:Sulphur Point,sans-serif;font-size:12px;color:#ebebe3;text-shadow:0 1px 3px rgba(0,0,0,.6)}.vs-stars{display:flex;gap:1px}.vs-star{font-size:12px;color:#ffffff59}.vs-star.filled{color:#f5c518}.vs-card.pos-center .vs-name,.vs-card.pos-center .vs-star{font-size:14px}.vs-card__inner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);pointer-events:none;z-index:7}@media(max-width:767px){.vs-outer.vs-desktop{display:none}.vs-heading{padding:0 16px}.vs-mobile{display:block;width:100%;padding:20px 0 50px;box-sizing:border-box;overflow:hidden}.vs-mob-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--vs-icon-bg, rgba(0,0,0,.45));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--vs-icon-color, #fff);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .2s,opacity .2s;z-index:30}.vs-mob-arrow--prev{left:8px}.vs-mob-arrow--next{right:8px}.vs-mob-arrow:hover{background:var(--vs-icon-bg, rgba(0,0,0,.45));opacity:.8}.vs-mob-arrow:disabled{opacity:.25;cursor:default;pointer-events:none}.vs-mob-fan{position:relative;width:100%;height:var(--vs-mob-h, 300px);overflow:visible}.vs-mob-card{position:absolute;top:50%;left:50%;transform-origin:center center;transition:transform .5s cubic-bezier(.4,0,.2,1),width .5s cubic-bezier(.4,0,.2,1),opacity .4s ease;cursor:pointer}.vs-mob-card .vs-card__inner{border-radius:16px;margin-top:calc(var(--vs-mob-h, 300px) * -.5);box-shadow:0 8px 24px #00000047}.vs-mob-card.mob-hidden{width:calc(var(--vs-mob-h, 300px) * .45);opacity:0;pointer-events:none;z-index:0;transform:translate(-50%)}.vs-mob-card.mob-center{width:calc(var(--vs-mob-h, 300px) * .75);opacity:1;z-index:5;transform:translate(-50%) rotate(0)}.vs-mob-card.mob-left{width:calc(var(--vs-mob-h, 300px) * .6);opacity:.82;z-index:2;transform:translate(calc(-50% - calc(var(--vs-mob-h, 300px) * .675) - 10px)) rotate(calc(var(--vs-tilt, 6deg) * -1))}.vs-mob-card.mob-right{width:calc(var(--vs-mob-h, 300px) * .6);opacity:.82;z-index:2;transform:translate(calc(-50% + calc(var(--vs-mob-h, 300px) * .675) + 10px)) rotate(calc(var(--vs-tilt, 6deg) * 1))}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/eube-video-slider.css.map */