@import url("https://api.fontshare.com/v2/css?f[]=general-sans@600&display=swap");@import url("https://api.fontshare.com/v2/css?f[]=nippo@400&display=swap");@import url("https://unpkg.com/open-props@1.6.17/easings.min.css");@import url('https://fonts.googleapis.com/css2family=Barlow:wght@400;600&display=swap');:root{--col00: #000000;--col01: orangered;--col02: yellowgreen;--col03: yellowgreen;--col04: #1A1A1A;--bkg01: #303030;--bkg02: #000000;--bkg03: #000000;--c_gray_light_1: #CEC7B5;--c_gray_light_2: #E2DBCB;--c_gray_light_3: #ECE5D8;--c_gray_light_4: #F3F1E4;--c_gray_dark_1: #4A4849;--c_gray_dark_2: #363636;--c_gray_dark_3: #3d3d3d;--c_gray_dark_4: #303030;--c_gray_dark_5: #242424;}html, body {position: relative;height: 100%;user-select: none;overflow:hidden;}body {display: flex;margin: 0;justify-content: center;align-items: center;height: 100vh;font-family: 'Barlow', sans-serif;font-size: 15px;color:#fff;background: #000;margin: 0;padding: 0;}#btn{position:absolute;top:0px;left:0px;padding: 20px;margin: 20px;background-color: #2a2a32;border: none;color: #ffffff;border-radius:.5rem;cursor: pointer;z-index:10;}.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);animation-timing-function: cubic-bezier(.17,.67,.96,-0.39);box-sizing: content-box;}.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;color:#555;background: var(--c_gray_dark_5);}.swiper-slide {background-color: #2a2a32;text-align: center;font-size: 4em;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: all 1s cubic-bezier(0.79, 0.33, 0.28, 1);}.swiper-slide-active {background-color: #1c1c21;transform: translateZ(.25px) scale(.75);transition-delay: 0.12s;}.swiper-slide .slide {background:#2a2a32;height:70vh;max-height:100vh;margin:5vw;padding:5vw;border-radius:2rem;transition: all 1s cubic-bezier(0.79, 0.33, 0.28, 1);transition-delay:1s;opacity:0;}.swiper-slide-active .slide{background:#2a2a32;border: solid .16rem;border-radius:1rem;border-right-color:#2a2a42;border-top-color:#2a2a42;border-left-color:#334;border-bottom-color:#334;transform: translateZ(.25px) scale(.75);transition-delay: 0.3s;opacity:1;}.swiper-slide h1{font-family: 'Nippo', sans-serif;font-size:2em;display:block;color: var(--c_grey_light_1);transition: all 1s cubic-bezier(.17,.67,.95,-0.03);}.swiper-slide span {position:absolute;display:flex;font-size: 14px;font-weight: 600;color:#555;right:2rem;bottom:2rem;}.swiper-slide-active span {font-size: 14px;font-weight: 600;}.swiper-slide-active h1 {color: white;transform: translateZ(.25px) scale(.75);transition-delay: 0s;}.swiper-slide p{display:block;color: white;font-family:'Barlow', sans-serif;font-size:1.8rem;line-height: 2rem;transition: all 1s cubic-bezier(.17,.67,.95,-0.03);}.swiper-slide-active p{transform: translateZ(.25px) scale(.75);transition-delay: 0.12s;}.swiper-pagination, .swiper-scrollbar {}.swiper-pagination{}.swiper-pagination-bullet{font-size:1em;border-radius:.5rem;background: var(--c_grey_light_2);width: .25rem;margin:0;padding:0;height:10vh;opacity:1;width:20rem;transition:all .5s cubic-bezier(0.79, 0.33, 0.28, 1);}.swiper-pagination-bullet-active{background: var(--c_grey_light_4);border-radius:.25rem;height:20vh;}.swiper-scrollbar-drag{cursor:grab;background:orange;width:8px;height:8px;border-radius:.0rem;}.swiper-scrollbar-drag:active{cursor:grabbing;}.swiper-scrollbar{background:var(--c_gray_dark_1);width:8px;}.autoplay-progress {position: absolute;right: 16px;bottom: 16px;z-index: 10;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;font-weight: bold;color: var(--c_grey_light_4);}.autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0px;z-index: 90;width: 100%;height: 100%;stroke-width: 4px;stroke: orange;fill: none;stroke-dashoffset: calc(125.6px * (1 - var(--progress)));stroke-dasharray: 125.6;transform: rotate(-90deg);}