.swiper.alt_barli{width:100%;height:100%;& .swiper-wrapper{height:100%}& .swiper-slide{backface-visibility:hidden;background:0 0;height:100%;transform:translateZ(0)}& .swiper-slide>a{width:100%;height:100%;display:block;position:relative}& .swiper-pagination{z-index:20;justify-content:center;gap:12px;margin-left:4px;padding:0 12px;position:absolute;inset:auto 0 80px;& .swiper-pagination-bullet{border-radius:var(--global-radius,4px);background:#ffffff1a;border:1px solid #ffffff59;width:32px;height:4px;&.swiper-pagination-bullet-active{background:rgb(var(--primary));border-color:#0000}}@media screen and (width<=768px){gap:6px;&{bottom:152px}}}& .pagination-and-all-link{z-index:20;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;inset:auto 16px 16px auto;& a{background:rgb(var(--primary));color:#fff;place-items:center;height:40px;padding:0 12px;font-size:12px;font-weight:600;transition:filter .1s;display:grid;&:hover{filter:brightness(1.1)}}@media screen and (width<=768px){&{bottom:12px;left:12px;& a{aspect-ratio:1;width:32px;height:auto;padding:0}}}& .swiper-buttons{align-items:center;gap:10px;display:flex;@media screen and (width<=768px){gap:6px}&>button{appearance:none;cursor:pointer;border-radius:var(--global-radius,4px);color:#000;background:#fff;border:0;place-items:center;width:33px;height:33px;margin:0;padding:0;transition:box-shadow .15s,background-color .15s;display:grid;position:relative;inset:0;box-shadow:0 0 0 1px #0f172a29;&:hover{box-shadow:0 0 0 1px #0f172a3d;& svg{opacity:1}}& svg{opacity:.4;width:8px;height:13px;transition:opacity .15s}&:after{display:none}@media screen and (width<=768px){border-radius:var(--global-radius,4px);width:24px;height:24px;& svg{width:6px;height:10px}}}&>.swiper-button-prev svg{position:relative;left:-1px}&>.swiper-button-next svg{position:relative;right:-1px}}}}.swiper.ikili{width:100%;height:100%;& .swiper-wrapper{height:100%}& .swiper-slide{backface-visibility:hidden;background:0 0;height:100%;transform:translateZ(0)}& .swiper-slide>a{width:100%;height:100%;display:block;position:relative}& .swiper-navigation-icon{display:none}& .swiper-slide>a>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}&.v1 .swiper-pagination{background:#05081666;flex-direction:column;gap:4px;width:min-content;padding:8px;position:absolute;inset:0 auto auto 0;& .swiper-pagination-bullet{aspect-ratio:1;color:#fff;background:#0000004d;width:24px;height:auto;font-size:12px;font-weight:700;position:relative;@media screen and (width<=768px){aspect-ratio:unset;width:24px;height:24px;font-size:11px}&:before{content:"";background:var(--active-color);opacity:0;width:4px;transition:opacity .1s;position:absolute;inset:0 -8px 0 auto}&:hover:before{opacity:1}&.swiper-pagination-bullet-active{--active-color:rgb(var(--primary));background:var(--active-color)}}}&.v2 .swiper-pagination{gap:4px;position:absolute;inset:auto auto 10px 12px;& .swiper-pagination-bullet{aspect-ratio:1;background:var(--button-color,#00000080);color:#fff;width:24px;height:auto;font-size:12px;font-weight:700;transition:background .2s;position:relative;@media screen and (width<=768px){aspect-ratio:unset;width:24px;height:24px;font-size:11px}&:before{content:"";background:var(--active-color);opacity:0;height:4px;transition:opacity .1s;position:absolute;inset:auto 0 -10px}&:hover:before{opacity:1}&.swiper-pagination-bullet-active{--active-color:rgb(var(--primary));background:var(--active-color);box-shadow:0 2px 0 0 var(--active-color)}}}&.v3 .swiper-pagination{flex-direction:column;position:absolute;inset:0 auto auto 0;& .swiper-pagination-bullet{aspect-ratio:1;color:#fff;background:#00000080;width:24px;height:auto;font-size:12px;font-weight:700;position:relative;@media screen and (width<=768px){aspect-ratio:unset;width:24px;height:24px;font-size:11px}&.swiper-pagination-bullet-active{--active-color:rgb(var(--primary));background:var(--active-color);&:before{content:"";background-color:var(--active-color);opacity:0;background-image:url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 0.999994L3.79289 3.29289C4.12623 3.62622 4.29289 3.79289 4.29289 3.99999C4.29289 4.2071 4.12623 4.37377 3.79289 4.7071L1.5 6.99999' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-position:50%;background-repeat:no-repeat;border-right:2px solid #0000;width:14px;transition:opacity .1s;position:absolute;inset:0 -14px 0 auto}&:hover:before{opacity:1}}}}&.v3 .swiper-buttons{flex-direction:column;display:flex;position:absolute;bottom:0;left:0;&>div{aspect-ratio:1;background:#fff;place-items:center;width:24px;height:auto;margin:0;display:grid;position:relative;inset:0;&:last-child{transform:scaleY(-1)}&:hover:before{background:rgb(var(--primary))}&:before{content:"";background:rgb(var(--secondary));width:10px;height:6px;position:absolute;mask:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L4.29289 1.70711C4.62623 1.37377 4.79289 1.20711 5 1.20711C5.20711 1.20711 5.37377 1.37377 5.70711 1.70711L9 5' stroke='%23090E24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50%/contain no-repeat}&:after{display:none}@media screen and (width<=768px){&{height:calc(26.2238vw - 72px)}}}}&.v4 .swiper-pagination{gap:inherit;inset:0;& .swiper-pagination-bullet{aspect-ratio:1;background:var(--button-color,#00000080);color:#fff;width:24px;height:auto;font-size:12px;font-weight:700;transition:background .2s;position:relative;@media screen and (width<=768px){aspect-ratio:unset;width:24px;height:24px;font-size:11px}&.swiper-pagination-bullet-active{--active-color:rgb(var(--primary));background:var(--active-color);box-shadow:0 2px 0 0 var(--active-color);&:before{content:"";background:var(--active-color);height:4px;position:absolute;inset:auto 0 -10px}}}}}.swiper.kare{width:100%;height:100%;& .swiper-wrapper,& .swiper-slide{height:100%}& .swiper-slide>a{width:100%;height:100%;display:block;position:relative}& .swiper-slide>a>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}& .pagination-and-all-link{z-index:20;background:rgb(var(--secondary));justify-content:center;gap:10px;padding:10px;display:flex;position:absolute;inset:0;top:auto!important;@media screen and (width<=768px){&{gap:7px;&:before{top:-12px}}}& .swiper-pagination{gap:inherit;justify-content:center;max-width:calc(100% - 42px);position:relative;inset:0;@media screen and (width<=768px){max-width:none}}& .swiper-pagination-bullet,& a{aspect-ratio:1;background:rgb(var(--secondary));border-radius:var(--global-radius,4px);color:#fff;border:1px solid #ffffff26;place-items:center;width:32px;height:auto;font-size:16px;font-weight:700;display:grid;position:relative;&.swiper-pagination-bullet-active,&:hover{background:rgb(var(--primary));border-color:#0000}@media screen and (width<=768px){&{width:20px;font-size:10px}}}& a{flex-shrink:0}}}