.modal-container.slider{height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:20px 0}.carousel{width:100%;margin-left:auto;margin-right:auto}.carousel__slide{background-size:cover;background-position:center}.profile-modal-photo-carousel{max-width:544px;max-height:577px;height:100%;margin-top:24px;margin-bottom:20px}.profile-modal-photo-carousel .carousel__next,.profile-modal-photo-carousel .carousel__prev{width:24px;height:24px}.profile-modal-photo-thumbs{width:100%;box-sizing:border-box}.profile-modal-photo-thumbs .carousel__wrapper{justify-content:center}.profile-modal-photo-thumbs .carousel__slide{max-width:80px;max-height:80px;border-radius:12px!important;opacity:.4;overflow:hidden}.profile-modal-photo-thumbs .carousel__slide--thumb-active{border:2px solid #DBEA8D;opacity:1}.carousel__slide img{display:block;width:100%;height:100%;object-fit:cover}.profile-modal-photo-carousel .photo-carousel__prev:after,.profile-modal-photo-carousel .photo-carousel__next:after,.profile-modal-video-carousel .video-carousel__prev:after,.profile-modal-video-carousel .video-carousel__next:after{content:none}.profile-modal-video-carousel{max-width:400px;max-height:750px;height:100%}.profile-modal-video-carousel .carousel__slide{max-width:400px;max-height:750px;border-radius:16px;overflow:hidden}.profile-modal-video-carousel video{width:100%;height:100%;object-fit:cover}.profile-modal-photo-carousel .carousel__pagination,.profile-modal-video-carousel .carousel__pagination{bottom:initial;left:initial;top:10px;right:10px;width:max-content;height:max-content;padding:5px 10px;font-family:PT-Bold;font-weight:700;font-size:14px;color:#fff;background:rgba(0,0,0,.4);border-radius:15px}.profile-modal-photo-carousel .carousel__current,.profile-modal-photo-carousel .carousel__total,.profile-modal-video-carousel .carousel__current,.profile-modal-video-carousel .carousel__total{font-family:PT-Bold;font-weight:700;font-size:14px;color:#fff}.profile-modal-video-carousel .video-carousel__prev{left:-40px}.profile-modal-video-carousel .video-carousel__next{right:-40px}.profile-modal-video-carousel video::-webkit-media-controls-current-time-display,.profile-modal-video-carousel video::-webkit-media-controls-time-remaining-display,.profile-modal-video-carousel video::-webkit-media-controls-fullscreen-button{display:none}.profile-modal-video-carousel video::-webkit-media-controls-mute-button{margin-right:auto}.profile-modal-photo-carousel .carousel__slide.is-locked .blocked .blocked__lock-icon,.profile-modal-video-carousel .carousel__slide.is-locked .blocked .blocked__lock-icon{width:56px;height:56px;background-position:-14px -568px;background-size:84px}.profile-modal-photo-carousel .carousel__slide.is-locked .blocked .join,.profile-modal-video-carousel .carousel__slide.is-locked .blocked .join{max-width:184px;font-size:20px}@media only screen and (min-width: 319px) and (max-width: 1224px) and (max-width: 767.98px),only screen and (min-width: 768px){.profile-modal-photo-carousel{max-width:536px}@media only screen and (max-width: 600px) and (max-width: 767.98px){.modal-container.slider{padding:0}.modal.modal--stories .sprite--close,.modal.modal--photos .sprite--close{width:52px;height:52px;top:24px;left:16px;right:initial;background-image:url(/build/assets/od_icons_2x-dd007184.png);background-image:image-set(url(/build/assets/od_icons_2x-90f838b7.webp) type("image/webp"),url(/build/assets/od_icons_2x-dd007184.png) type("image/png"));background-size:67px;background-repeat:no-repeat;background-position:-8px -1739px;border-radius:28px;background-color:#fefdf8;box-shadow:0 2px 4px #0000000f}.modal.modal--photos .sprite--close{top:16px;left:16px}.profile-modal-video-carousel,.profile-modal-video-carousel .carousel__slide{max-width:100%;max-height:100%;border-radius:0}.profile-modal-photo-carousel{max-width:100%;max-height:417px}.profile-modal-photo-carousel .carousel__slide{width:100%!important}.profile-modal-photo-thumbs .carousel__slide{width:56px!important;height:56px;min-width:56px;min-height:56px;border-radius:12px}}}@media screen and (min-width:600px) and (max-width: 767.98px),screen and (min-width: 768px){.profile-modal-photo-carousel .carousel__slide.is-locked .blocked .blocked__lock-icon,.profile-modal-video-carousel .carousel__slide.is-locked .blocked .blocked__lock-icon{background-size:90px;background-position:-18px -610px}}
