.light-background{background-color:#fdebcb}.background-1{background-color:rgb(var(--color-base-background-1));color:rgb(var(--color-base-text))}.background-2{background-color:rgb(var(--color-base-background-2));color:rgb(var(--color-base-background-1))}.background-3{background-color:rgb(var(--color-base-background-3));color:rgb(var(--color-base-background-1))}.background-4{background-color:rgb(var(--color-base-background-4));color:rgb(var(--color-base-text));--color-button: var(--color-base-background-2);--color-button-text: var(--color-menu-text)}.vertical-pad{padding-block:5rem}.social-carousel__title{padding-top:2rem;margin-top:0;margin-bottom:1.8rem;color:inherit;font-size:calc(var(--font-heading-scale) * 4rem);letter-spacing:normal;line-height:1.1;font-size:3.6rem}@media screen and (min-width: 1024px){.social-carousel__title{font-size:clamp(4.3rem,2.5vw,5.1rem)}}.social-carousel__row{display:grid;flex-direction:column;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.2rem}.social-carousel__row:only-child{padding-top:2rem}.social-carousel__image{width:100%;height:auto;transition:filter .2s ease-in-out;border-radius:1rem}.social-carousel__block{transition:filter .2s ease-in-out;position:relative;display:flex}.social-carousel__block.hoverable{cursor:pointer}.social-carousel__block.hoverable:hover .social-carousel__image{filter:brightness(.5)}.social-carousel__block.hoverable:after{content:"Click to View";font-weight:700;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0;position:absolute;z-index:2;opacity:0}.social-carousel__block.hoverable:hover:after{opacity:1}.social-carousel__modal{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;margin-top:0;pointer-events:auto;overflow-y:auto;z-index:102;transition:transform .5s cubic-bezier(.465,.183,.153,.946),opacity .3s cubic-bezier(.465,.183,.153,.946);padding-inline:2.5rem;padding-bottom:3rem;max-width:100%}.social-carousel__modal .position-relative{max-width:100%}.social-carousel__modal.hide{transform:translateY(-100vh) scale(.4)}.social-carousel__modal-wrapper{background-color:#fff;border-radius:5rem;padding:0rem;margin-left:initial;margin-right:initial;margin-top:4rem;max-width:60vh}.social-carousel__modal-bg{display:block;position:fixed;z-index:101;margin:0;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3;transition:transform .3s cubic-bezier(.465,.183,.153,.946),opacity .3s cubic-bezier(.465,.183,.153,.946)}.social-carousel__modal-bg.hide{display:none}.social-carousel__modal-slide{display:flex;flex-direction:column}.social-carousel__modal-image{display:block;width:100%;height:100%;object-fit:cover;content-visibility:auto}.social-carousel__modal .swiper-button-next,.social-carousel__modal .swiper-button-prev{position:absolute;bottom:-10rem;top:unset}.social-carousel__modal .social-arrow:after{font-size:5rem}.social-carousel__modal .swiper-button-next{right:4.5rem}.social-carousel__modal .swiper-button-prev{left:5rem}.social-carousel__modal .close-modal-btn{right:-2rem}.social-carousel__modal-name{font-weight:700;color:#fff}.social-carousel__modal-description p{margin-block:.5rem;color:rgb(var(--color-base-background-1))}.social-carousel__modal-description p:first-of-type{margin-top:0}.social-carousel__modal-description p:last-of-type{margin-bottom:2rem}.social-carousel__modal-text-container{padding-inline:2rem;position:absolute;bottom:0;width:100%;background:#0009;color:#fff}@media screen and (min-width: 768px){.social-carousel__row{display:grid;flex-direction:row}.blocks-2{grid-template-columns:1fr 1fr}.blocks-3{grid-template-columns:1fr 1fr 1fr}.blocks-4{grid-template-columns:1fr 1fr 1fr 1fr}.social-carousel__modal .swiper-button-next,.social-carousel__modal .swiper-button-prev{top:50%}.social-carousel__modal .swiper-button-next{right:-4.5rem}.social-carousel__modal .swiper-button-prev{left:-5rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-social-carousel.css.map */