.social-media{padding-top:4rem}.social-media-thumbnails{display:flex;gap:1rem}.social-media .cp-text{font-family:var(--GlobalFontFamilySemiBold,"Montserrat-SemiBold");padding-bottom:1rem}.social-media-thumbnail{cursor:pointer;max-width:72px;position:relative}.social-media-thumbnail:hover img,.social-media-thumbnail:hover video{transform:scale(1.1)}.social-media-thumbnail img,.social-media-thumbnail video{height:126px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;transition:transform .3s ease;transform:scale(1)}.social-media-thumbnail svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:9px;box-sizing:content-box;background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px}.thumbnail-modal-overlay{background-color:rgba(0,0,0,.75);position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:99999;opacity:0;transition:opacity .3s ease-in-out}.thumbnail-modal-overlay--after-open{opacity:1}.thumbnail-modal-overlay--before-close{opacity:0}.thumbnail-modal .modal-content{position:relative}.thumbnail-modal .modal-content .modal-close-button{position:absolute;right:20px;top:20px;z-index:10;background-color:transparent;border:none;cursor:pointer}.thumbnail-modal .modal-content .slick-list{border-radius:1.5rem}.thumbnail-modal .modal-content .slick-list .slide{position:relative}.thumbnail-modal .modal-content .slick-list .slide .modal-video,.thumbnail-modal .modal-content .slick-list .slide img{height:100%;-o-object-fit:cover;object-fit:cover;border-radius:1.5rem;aspect-ratio:9/16}.thumbnail-modal .modal-content .slick-list .slide .user-container{position:absolute;width:100%;bottom:0;padding:40px 20px;display:flex;justify-content:space-between;color:#fff;background:linear-gradient(180deg,transparent,#000)}.thumbnail-modal .modal-content .slick-list .slide .user-container .user-details{display:flex;align-items:center;gap:.5rem}.thumbnail-modal .modal-content .slick-list .slide .user-container .user-details img{max-width:40px;max-height:40px;aspect-ratio:1;border-radius:50%}.thumbnail-modal .modal-content .slick-list .slide .user-container .user-details span{color:#fff}.thumbnail-modal .modal-content .slick-list .slide .user-container .favorites{display:flex;justify-content:center;align-items:center;flex-direction:column}.thumbnail-modal .modal-content .slick-prev{right:20px;left:unset;top:44%;z-index:10;padding:1.4rem;background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(13.4px);backdrop-filter:blur(13.4px);border-radius:40px}.thumbnail-modal .modal-content .slick-prev:before{content:"";width:15px;height:15px;display:block;border-top:1px solid #fff;border-right:1px solid #fff;transform:translate(-50%,-25%) rotate(-45deg)}.thumbnail-modal .modal-content .slick-next{right:20px;top:54%;z-index:10;padding:1.4rem;background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(13.4px);backdrop-filter:blur(13.4px);border-radius:40px}.thumbnail-modal .modal-content .slick-next:before{content:"";width:15px;height:15px;display:block;border-bottom:1px solid #fff;border-left:1px solid #fff;transform:translate(-50%,-70%) rotate(-45deg)}.ReactModal__Content.ReactModal__Content--after-open.thumbnail-modal.col-3{outline:none}@media screen and (max-width:639px){.thumbnail-modal-overlay{background-color:rgba(0,0,0,.75);position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:99999;opacity:0;transition:opacity .3s ease-in-out}.thumbnail-modal-overlay--after-open{opacity:1}.thumbnail-modal-overlay--before-close{opacity:0}.thumbnail-modal .modal-content{position:relative}.thumbnail-modal .modal-content .modal-close-button{position:absolute;right:20px;top:50px;z-index:10;background-color:transparent;border:none;cursor:pointer}.thumbnail-modal .modal-content .slick-list{border-radius:1.5rem}.thumbnail-modal .modal-content .slick-list .slide{position:relative}.thumbnail-modal .modal-content .slick-list .slide .modal-video,.thumbnail-modal .modal-content .slick-list .slide img{height:100%;-o-object-fit:cover;object-fit:cover;border-radius:1.5rem;aspect-ratio:9/16}.thumbnail-modal .modal-content .slick-list .slide .user-container{position:absolute;width:100%;bottom:0;padding:40px 20px;display:flex;justify-content:space-between;color:#fff;background:linear-gradient(180deg,transparent,#000)}.thumbnail-modal .modal-content .slick-list .slide .user-container .user-details{display:flex;align-items:center;gap:.5rem}.thumbnail-modal .modal-content .slick-list .slide .user-container .user-details img{max-width:40px;max-height:40px;aspect-ratio:1;border-radius:50%}.thumbnail-modal .modal-content .slick-list .slide .user-container .user-details span{color:#fff}.thumbnail-modal .modal-content .slick-list .slide .user-container .favorites{display:flex;justify-content:center;align-items:center;flex-direction:column}.thumbnail-modal .modal-content .slick-prev{right:20px;left:unset;top:44%;z-index:10;padding:1.4rem;background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(13.4px);backdrop-filter:blur(13.4px);border-radius:40px}.thumbnail-modal .modal-content .slick-prev:before{content:"";width:15px;height:15px;display:block;border-top:1px solid #fff;border-right:1px solid #fff;transform:translate(-50%,-25%) rotate(-45deg)}.thumbnail-modal .modal-content .slick-next{right:20px;top:54%;z-index:10;padding:1.4rem;background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(13.4px);backdrop-filter:blur(13.4px);border-radius:40px}.thumbnail-modal .modal-content .slick-next:before{content:"";width:15px;height:15px;display:block;border-bottom:1px solid #fff;border-left:1px solid #fff;transform:translate(-50%,-70%) rotate(-45deg)}.ReactModal__Content.ReactModal__Content--after-open.thumbnail-modal.col-3{outline:none}.thumbnail-modal .modal-content .slick-list{border-radius:0}.thumbnail-modal .modal-content .slick-list .slide .modal-video,.thumbnail-modal .modal-content .slick-list .slide img{height:100vh;border-radius:0}.ReactModal__Content.ReactModal__Content--after-open.thumbnail-modal.col-3{margin:0;flex-basis:100%;max-width:100%}}