.block-ru-ug-videos{--block-ru-ug-videos-green: #00212a;--block-ru-ug-videos-earth: #c5a777;--block-ru-ug-videos-radius: 8px;--block-ru-ug-videos-gap: 8px;--block-ru-ug-videos-visible: 4;--block-ru-ug-videos-font-heading: "Urbanist", sans-serif;width:100%;max-width:100%;min-width:0;margin:0 0 20px;overflow:hidden;container-type:inline-size;container-name:ru-ug-videos}.block-ru-ug-videos *,.block-ru-ug-videos *:before,.block-ru-ug-videos *:after{box-sizing:border-box}.block-ru-ug-videos__label{display:block;margin:0 0 8px;font-family:var(--block-ru-ug-videos-font-heading);font-weight:500;font-size:11px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--block-ru-ug-videos-earth)}.block-ru-ug-videos__heading{margin:0 0 12px;font-family:var(--block-ru-ug-videos-font-heading);font-weight:400;font-size:20px;line-height:1.2;letter-spacing:-.01em;color:var(--block-ru-ug-videos-green)}.block-ru-ug-videos__carousel{position:relative;width:100%;min-width:0}.block-ru-ug-videos__track{display:flex;gap:var(--block-ru-ug-videos-gap);width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;padding-bottom:4px;cursor:grab}.block-ru-ug-videos__track.is-dragging{cursor:grabbing;scroll-snap-type:none}.block-ru-ug-videos__track::-webkit-scrollbar{display:none}.block-ru-ug-videos__nav{position:absolute;top:calc((100% - 4px)/2);z-index:5;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0;margin:0;border-radius:50%;background:#ffffffb8;color:var(--block-ru-ug-videos-green);box-shadow:0 1px 4px #0000001f;cursor:pointer;transform:translateY(-50%);opacity:.55;transition:opacity .2s ease,background .2s ease}.block-ru-ug-videos__nav:hover,.block-ru-ug-videos__nav:focus-visible{opacity:.95;background:#ffffffeb}.block-ru-ug-videos__nav[hidden]{display:none!important}.block-ru-ug-videos__nav--prev{left:4px}.block-ru-ug-videos__nav--next{right:4px}.block-ru-ug-videos__nav svg{display:block}.block-ru-ug-videos__video-card{--block-ru-ug-videos-card-width: calc( (100cqw - (var(--block-ru-ug-videos-gap) * (var(--block-ru-ug-videos-visible) - 1))) / var(--block-ru-ug-videos-visible) );position:relative;flex:0 0 var(--block-ru-ug-videos-card-width);width:var(--block-ru-ug-videos-card-width);min-width:var(--block-ru-ug-videos-card-width);max-width:var(--block-ru-ug-videos-card-width);scroll-snap-align:start;display:block;border-radius:var(--block-ru-ug-videos-radius);overflow:hidden;cursor:pointer;text-decoration:none;color:inherit}@supports not (width: 1cqw){.block-ru-ug-videos__video-card{--block-ru-ug-videos-card-width: calc( (100% - (var(--block-ru-ug-videos-gap) * (var(--block-ru-ug-videos-visible) - 1))) / var(--block-ru-ug-videos-visible) )}}.block-ru-ug-videos__video-media{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:0;overflow:hidden;background:linear-gradient(145deg,#c8c0b8,#b8b0a8);display:flex;align-items:center;justify-content:center}.block-ru-ug-videos__video-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.06);pointer-events:none;border-radius:inherit}.block-ru-ug-videos__video-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.block-ru-ug-videos__placeholder-text{position:relative;z-index:1;padding:8px;font-family:Poppins,sans-serif;font-size:10px;font-weight:400;line-height:1.3;letter-spacing:.02em;color:#999;text-align:center}.block-ru-ug-videos__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.block-ru-ug-videos__poster[hidden]{display:none!important}.block-ru-ug-videos__video-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.block-ru-ug-videos__native-video{width:100%;height:100%;object-fit:cover;display:block}.block-ru-ug-videos__video-play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:none;padding:0;margin:0;cursor:pointer;font:inherit;width:100%;height:100%;background:transparent}.block-ru-ug-videos__video-play:before{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffe6}.block-ru-ug-videos__video-play:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;margin-left:2px;transform:translate(-50%,-50%);border-left:8px solid var(--block-ru-ug-videos-green);border-top:5px solid transparent;border-bottom:5px solid transparent}.block-ru-ug-videos__video-card--playing .block-ru-ug-videos__video-play:before,.block-ru-ug-videos__video-card--playing .block-ru-ug-videos__video-play:after{content:none}.block-ru-ug-videos__expand{position:absolute;top:6px;right:6px;z-index:4;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0;margin:0;border-radius:50%;background:#ffffffeb;color:var(--block-ru-ug-videos-green);cursor:pointer;box-shadow:0 1px 4px #0000002e}.block-ru-ug-videos__expand:hover,.block-ru-ug-videos__expand:focus-visible{background:#fff}.block-ru-ug-videos__expand svg{display:block}.block-ru-ug-videos__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));-webkit-transform:translateZ(0);transform:translateZ(0)}.block-ru-ug-videos__modal[hidden]{display:none!important}.block-ru-ug-videos__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000061;cursor:pointer}.block-ru-ug-videos__modal-dialog{position:relative;z-index:1;width:min(560px,calc(100vw - 32px));max-height:min(96dvh,920px);display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:16px 16px 20px;border-radius:16px;background:#fffffff5;box-shadow:0 12px 40px #0000002e;overflow:visible}.block-ru-ug-videos__modal-close{position:absolute;top:10px;right:10px;z-index:4;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;padding:0;margin:0;background:#fff;color:var(--block-ru-ug-videos-green);cursor:pointer;box-shadow:0 1px 4px #00000029}.block-ru-ug-videos__modal-atc{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;flex:0 0 auto;padding-left:40px;padding-right:40px;box-sizing:border-box;background:#fffffff5}.block-ru-ug-videos__modal-select{flex:0 1 auto;width:max-content;max-width:min(260px,48%);min-width:0;height:44px;padding:0 36px 0 12px;border:1px solid #cfcfcf;border-radius:8px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2300212a' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;color:#111;font-family:Poppins,sans-serif;font-size:11px;font-weight:400;line-height:1.2;appearance:none;-webkit-appearance:none;cursor:pointer;field-sizing:content}.block-ru-ug-videos__modal-submit{flex:0 0 auto;height:44px;padding:0 18px;border:none;border-radius:999px;background:#111;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.block-ru-ug-videos__modal-submit:hover,.block-ru-ug-videos__modal-submit:focus-visible{background:#000}.block-ru-ug-videos__modal-submit[disabled]{opacity:.7;cursor:wait}.block-ru-ug-videos__modal-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;flex:0 1 auto;overflow:visible;padding-top:4px}.block-ru-ug-videos__modal-nav{position:absolute;top:50%;z-index:3;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0;margin:0;border-radius:50%;background:#ffffffeb;color:var(--block-ru-ug-videos-green);box-shadow:0 2px 8px #0000002e;cursor:pointer;transform:translateY(-50%)}.block-ru-ug-videos__modal-nav[hidden]{display:none!important}.block-ru-ug-videos__modal-nav--prev{left:8px}.block-ru-ug-videos__modal-nav--next{right:8px}.block-ru-ug-videos__modal-nav svg{display:block}.block-ru-ug-videos__modal-media{position:relative;width:min(100%,340px);max-width:100%;aspect-ratio:9 / 16;max-height:min(62dvh,calc(96dvh - 160px),600px);margin:0 auto;border-radius:12px;overflow:hidden;background:transparent;flex-shrink:0}.block-ru-ug-videos__modal-video{width:100%;height:100%;display:block;object-fit:contain;background:transparent;border-radius:12px}html.block-ru-ug-videos-modal-open,body.block-ru-ug-videos-modal-open{overflow:hidden!important}@media screen and (max-width:749px){.block-ru-ug-videos{--block-ru-ug-videos-visible: 2;margin-bottom:16px}.block-ru-ug-videos__heading{font-size:18px}.block-ru-ug-videos__video-play:before{width:24px;height:24px}.block-ru-ug-videos__video-play:after{border-left-width:7px;border-top-width:4px;border-bottom-width:4px}.block-ru-ug-videos__expand{width:24px;height:24px;top:4px;right:4px}.block-ru-ug-videos__expand svg{width:12px;height:12px}.block-ru-ug-videos__nav{width:24px;height:24px;opacity:.5}.block-ru-ug-videos__nav--prev{left:2px}.block-ru-ug-videos__nav--next{right:2px}.block-ru-ug-videos__modal{align-items:stretch;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.block-ru-ug-videos__modal-dialog{width:100%;max-width:none;max-height:none;height:auto;min-height:calc(100dvh - 20px);padding:12px 12px 16px;border-radius:14px;gap:14px}.block-ru-ug-videos__modal-close{top:8px;right:8px;width:30px;height:30px}.block-ru-ug-videos__modal-atc{position:sticky;top:0;gap:8px;padding-top:2px;padding-right:34px;justify-content:flex-start}.block-ru-ug-videos__modal-select{flex:1 1 auto;width:auto;max-width:none;height:42px;font-size:11px;padding-right:30px}.block-ru-ug-videos__modal-submit{height:42px;padding:0 14px;font-size:11px}.block-ru-ug-videos__modal-stage{flex:1 1 auto;min-height:0}.block-ru-ug-videos__modal-media{width:min(100%,calc((100dvh - 140px)*.5625));max-height:calc(100dvh - 140px)}.block-ru-ug-videos__modal-nav{width:36px;height:36px;background:#ffffffe0}.block-ru-ug-videos__modal-nav--prev{left:4px}.block-ru-ug-videos__modal-nav--next{right:4px}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/block-ru-ug-videos.css.map */