.media-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;width:100%;z-index:200}.media-modal,.media-modal--close{top:0}.media-modal--close{outline:2px solid transparent;outline-offset:2px;position:absolute;right:0;transition:.3s ease-in-out;z-index:250}@media (hover:hover){.media-modal--close:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.media-modal-content{background-color:transparent;max-width:90vw;padding:1.25rem;position:relative;width:1400px;z-index:350}.media-modal-content .slick-arrow{display:block;filter:drop-shadow(2px 2px 5px rgba(0,0,0,.4));position:absolute;top:50%;transform:translateY(-50%);transform-origin:center;z-index:20}.media-modal-content .slick-arrow .icon{transition-duration:.2s;will-change:transform}.media-modal-content .slick-arrow.slick-prev{left:2rem}.media-modal-content .slick-arrow.slick-next{right:2rem}@media (hover:hover){.media-modal-content .slick-arrow:hover .icon{--tw-rotate:6deg;--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.media-modal-bg{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));height:100%;left:0;position:absolute;top:0;width:100%;--tw-bg-opacity:.75}