.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.dark-mode{background-color:var(--color-black);color:#fff;height:100vh;width:100vw}.dark-mode>div.relative{height:100vh;padding-block:7%;padding-inline:10%;width:100vw}.dark-mode>div.relative>.close-icon{opacity:.65;right:4%;top:5%;transition:opacity .25s ease-out}.dark-mode>div.relative>.close-icon:hover{opacity:1}.dark-mode>div.relative>.next-icon,.dark-mode>div.relative>.prev-icon{align-items:center;background-color:var(--color-black);border:1px solid #fff;border-radius:50%;display:flex;height:48px;justify-content:center;opacity:.65;position:absolute;top:50%;transform:translateY(-50%);transition:filter .25s ease-out;width:48px}.dark-mode>div.relative>.next-icon:hover,.dark-mode>div.relative>.prev-icon:hover{filter:invert(1);opacity:1}.dark-mode>div.relative>.prev-icon{left:3%}.dark-mode>div.relative>.next-icon{right:3%}.dark-mode>div.relative .swiper-button-next,.dark-mode>div.relative .swiper-button-prev{display:none}@media (max-width:768px){.dark-mode>div.relative{padding-bottom:78px;padding-inline:24px}.dark-mode>div.relative>.close-icon{right:8px;top:8px}.dark-mode>div.relative>.next-icon,.dark-mode>div.relative>.prev-icon{border-color:#e1e1e1;border-width:5px;filter:invert(1);opacity:1;z-index:10}.dark-mode>div.relative>.prev-icon{left:0}.dark-mode>div.relative>.next-icon{right:0}}