/*!
 * 
 *       		Build Date : 2025. 9. 30. 오후 2:48:18
 *
 */
html,body,div,p,img,span,a,em,strong,pre,h1,h2,h3,h4,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tbody,thead,tfoot,tr,th,td,form,fieldset,legend,caption,input,textarea,button,select,video,iframe,header,article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{margin:0;padding:0;box-sizing:border-box}main,header,article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{display:block}html{font-size:16px;font-family:"Noto Sans KR",sans-serif;-webkit-text-size-adjust:none}body{line-height:1;font-weight:400;word-break:break-all;letter-spacing:-0.5px}input,textarea,button,select{font-size:inherit;color:inherit;font-family:inherit}input:focus,textarea:focus,button:focus,select:focus{outline:none}select{border:0}input::-ms-clear,input::-ms-reveal{display:none;width:0;height:0}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none}textarea{border:none;resize:none}img,fieldset,button{border:0;background:none}img{max-width:100%}label{cursor:pointer}input{border-radius:0}input[type=text],input[type=tel]{appearance:none}input,button,textarea{border:0 none;outline:0}button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}ul,ol{list-style:none}a{text-decoration:none;color:inherit}a,img{vertical-align:top}em{font-style:normal}.blind,caption{position:absolute;top:0;left:0;overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0}.hidden{visibility:hidden}.gnbWrapper{min-width:360px !important}header{position:absolute;top:0;left:0;width:100%;z-index:30}header h1{position:absolute;top:51px;left:56px}header h1 a{display:block;width:317px;height:53px;background:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/logo_621eee8079e4eedb.png) no-repeat;text-indent:-9999px}header .util{position:absolute;top:18px;right:18px}header .util ul{display:flex;align-items:center;gap:2px}header .util li a,header .util li button{display:block;background:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/buttons_d2a54ce3f6a59557.png) no-repeat;text-indent:-9999px}header .util li.btn_start button{width:125px;height:45px;background-position:0px 0px}header .util li.btn_start button:hover{background-position:-247px 0px}header .util li.btn_home a{width:44px;height:45px;background-position:-127px 0px}header .util li.btn_home a:hover{background-position:-374px 0px}header .util li.btn_hide a{width:44px;height:45px;background-position:-173px 0px}header .util li.btn_hide a:hover{background-position:-420px 0px}#wrap{position:relative;margin:0 auto;width:100%;max-width:2560px;overflow:hidden;background-color:#ffc163}#app{opacity:0;overflow:hidden}section{position:relative;width:100%;overflow:visible}section .inner{overflow:visible;position:absolute;left:50%;top:0;width:2560px;height:100%;transform:translateX(-1280px)}.tsparticles canvas{-webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)}.quick{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:30;transition:opacity .3s ease;display:flex;justify-content:center}.quick.on{opacity:1;pointer-events:initial}.quick.off{opacity:0;pointer-events:none}.quick ul{position:relative;top:21px;gap:6px;display:flex;flex-direction:column;align-items:center}.quick ul li{background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/buttons_d2a54ce3f6a59557.png)}.quick ul li button{width:100%;height:100%;cursor:pointer;text-indent:-9999px;color:rgba(0,0,0,0)}.quick ul li:not(.top){width:103px;height:103px;background-position-x:0px}.quick ul li:not(.top):hover,.quick ul li:not(.top).on{background-position-x:-249px}.quick ul .menu1{background-position-y:-129px}.quick ul .menu2{background-position-y:-237px}.quick ul .menu3{background-position-y:-345px}.quick ul .top{width:98px;height:38px;background-position-x:-2px;background-position-y:-455px}.quick ul .top:hover,.quick ul .top.on{background-position-x:-251px}.z-1{z-index:1}.z-2{z-index:2}.footer{position:relative;left:50%;top:0;width:2560px;height:77px;transform:translateX(-1280px);background-color:#48321a;display:flex;justify-content:center;align-items:center;color:#d89a5d;font-weight:400;z-index:1}.loading{width:100%;height:100dvh;position:absolute;top:0;display:flex;justify-content:center;align-items:center}.loading .loader{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side, #31e299 94%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat,conic-gradient(rgba(0, 0, 0, 0) 30%, #31e299);-webkit-mask:radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);animation:l13 1s infinite linear}@keyframes l13{100%{transform:rotate(1turn)}}.intro{height:1092px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/bg_01_ca6265c447b3489d.jpg);background-position:center 0;background-color:#ffc163;z-index:1}.intro .content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;top:173px;z-index:10}.intro .content .title{width:828px;height:551px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/intro_tt_f748a00697a9bea6.png);background-repeat:no-repeat;background-position-x:-20px}.intro .content .date{width:726px;height:27px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/intro_date_1552323a4907aae6.png);background-repeat:no-repeat;margin-top:33px}.intro .flag_1{position:absolute;top:100px;left:723px;width:498px;height:514px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/intro_flag_c842da6919c21bc1.png);background-repeat:no-repeat;z-index:3}.intro .flag_2{position:absolute;top:100px;left:1339px;width:498px;height:514px;background-position-x:-616px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/intro_flag_c842da6919c21bc1.png);background-repeat:no-repeat;z-index:3}.intro .char{position:absolute;top:112px;left:432px;width:409px;height:425px;background-position-x:-572px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/chars_1f33a043ee2852a7.png);background-repeat:no-repeat;z-index:1}.intro .tree_1{position:absolute;top:0px;left:68px;width:2498px;height:844px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/intro_tree_a57b6334f5d21dd4.png);background-repeat:no-repeat;z-index:2}.section1{height:2908px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/bg_02_6efa913d49667a56.jpg);background-position:center 0;background-color:#ffc163;z-index:1}.section1 .inner{top:-210px}.section1 .content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:5}.section1 .content .title{width:723px;height:249px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/sec1_title_62e47fafa01b606d.png);background-repeat:no-repeat}.section1 .content .cont_1{width:966px;height:627px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/sec1_cont_1_78df48d14848d6cb.png);background-repeat:no-repeat}.section1 .content .cont_2{width:1269px;height:1373px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/sec1_cont_2_4e390786d5de9e72.png);background-repeat:no-repeat;transform:translate(0px, -20px)}.section1 .content .cont_3{width:1261px;height:795px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/sec1_cont_3_fdb9ba74ad3d954f.png);background-repeat:no-repeat;margin-top:10px}.section1 .tree_1{position:absolute;top:-331px;left:-369px;width:932px;height:1869px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/sec1_tree_8effc777d358db75.png);background-repeat:no-repeat}.section1 .char_1{position:absolute;top:-128px;left:1523px;width:500px;height:497px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/chars_1f33a043ee2852a7.png);background-repeat:no-repeat}.section1 .char_2{position:absolute;top:1474px;left:1967px;width:180px;height:299px;background-position-x:-1059px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/chars_1f33a043ee2852a7.png);background-repeat:no-repeat}.section1 .char_3{position:absolute;top:2207px;left:334px;width:314px;height:455px;background-position-x:-1316px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/chars_1f33a043ee2852a7.png);background-repeat:no-repeat}.section2{height:2814px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/bg_03_4be5cd144b629ac8.jpg);background-position:center 0;background-color:#d48127;z-index:1}.section2 .content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:5;gap:10px}.section2 .content .title{width:1070px;height:291px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/sec2_title_cd485671739e9f08.png);background-repeat:no-repeat;margin-bottom:30px}.section2 .content .cont{width:1226px;height:2430px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/sec2_cont_2e48bc992592156b.png);background-repeat:no-repeat}.section2 .char{position:absolute;top:754px;left:1851px;width:642px;height:570px;background-position-x:-1708px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/chars_1f33a043ee2852a7.png);background-repeat:no-repeat}.section2 .tree_1{position:absolute;top:-187px;left:-215px;width:937px;height:1079px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/sec2_tree_be873722c77fa1ff.png);background-repeat:no-repeat}.section3{height:1590px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/bg_04_3ff7155e07ce762c.jpg);background-position:center 0;background-color:#9b6224;z-index:1}.section3 .content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:5}.section3 .content .title{width:1070px;height:291px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/sec3_title_8bcd7ad0ffd4c3d0.png);background-repeat:no-repeat;margin-top:30px}.section3 .content .slider{display:flex;flex-direction:column;align-items:center;margin-top:50px;position:relative}.section3 .content .navigation{width:54%;height:120px;position:absolute;top:229px;z-index:3;display:flex;align-items:center;justify-content:space-between}.section3 .content .navigation .btn_prev{width:40px;height:53px;background-position-x:-786px;background-position-y:-358px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/buttons_d2a54ce3f6a59557.png);background-repeat:no-repeat}.section3 .content .navigation .btn_next{width:40px;height:53px;background-position-x:-848px;background-position-y:-358px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/buttons_d2a54ce3f6a59557.png);background-repeat:no-repeat}.section3 .content .navigation button:hover{background-position-y:-440px}.section3 .content .pagination{width:1127px;height:203px;background-position-x:0px;background-position-y:-678px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/buttons_d2a54ce3f6a59557.png);background-repeat:no-repeat;position:relative}.section3 .content .pagination .swiper-pagination-bullet{width:104px;height:111px;position:absolute;background-color:rgba(0,0,0,0)}.section3 .content .pagination .swiper-pagination-bullet:nth-child(1){top:84px;left:239px}.section3 .content .pagination .swiper-pagination-bullet:nth-child(2){top:15px;left:483px}.section3 .content .pagination .swiper-pagination-bullet:nth-child(3){top:92px;left:729px}.section3 .content .pagination .swiper-pagination-bullet:nth-child(4){top:62px;left:976px}.section3 .content .pagination .swiper-pagination-bullet-active{background-color:rgba(0,0,0,0)}.section3 .content .pagination .swiper-pagination-bullet-active::after{width:102px;height:93px;background-position-x:-954px;background-position-y:-402px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/buttons_d2a54ce3f6a59557.png);background-repeat:no-repeat;content:"";display:block;position:absolute;top:-70px;left:12px;animation:char 1.5s ease infinite}@keyframes char{0%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-5px) rotate(-2deg)}100%{transform:translateY(0px) rotate(0deg)}}.section3 .content .swiper{width:1226px;height:925px}.section3 .content .swiper .swiper-slide{height:100%;position:relative}.section3 .content .swiper .swiper-slide .slide_img{width:1226px;height:925px;box-shadow:none}.section3 .content .swiper .swiper-slide .slide_button{display:block;position:absolute;top:782px;left:825px;width:201px;height:35px;background-position-x:-497px;background-position-y:-412px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/buttons_d2a54ce3f6a59557.png);background-repeat:no-repeat;z-index:10}.section3 .content .swiper .swiper-slide .slide_button+.modal{display:none;width:700px;height:468px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/modal_9f6b63410b483365.png);background-repeat:no-repeat;position:absolute;top:298px;left:415px}.section3 .content .swiper .swiper-slide .slide_button+.modal.on{display:block}.section3 .content .swiper .swiper-slide .slide_button:hover{background-position-y:-463px}.section3 .char{position:absolute;top:-82px;left:359px;width:396px;height:443px;background-position-x:-2427px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/chars_1f33a043ee2852a7.png);background-repeat:no-repeat}.section3 .tree{position:absolute;top:-575px;left:1915px;width:1207px;height:2236px;background-position-x:0px;background-position-y:0px;background-image:url(https://vindictus.dn.nexoncdn.co.kr/web/event/2025/0930_race_40FE10548F3E25B1/sec3_tree_8756e0271b261540.png);background-repeat:no-repeat}
/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.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);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}