:root{--hai-pagination-bullet-size: 12px;--hai-pagination-bullet-gap: 5px;--hai-arrow-size: 44px;--hai-arrow-icon-size: 24px}.hai-arrow{pointer-events:auto;width:var(--hai-arrow-size);height:var(--hai-arrow-size);padding:0;margin:0;display:flex;align-items:center;justify-content:center;background:#0006;border:none;color:#fff;cursor:pointer;z-index:10;border-radius:50%;transition:all .3s ease;position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;flex-shrink:0}.hai-arrow:hover{background:#000000b3;transform:translateY(-50%) scale(1.1)}.hai-arrow:focus,.hai-arrow:focus-visible{outline:none;box-shadow:none}.hai-arrow:active{transform:translateY(-50%) scale(.95)}.hai-arrow:disabled,.hai-arrow.swiper-button-disabled{opacity:.1!important;cursor:not-allowed;pointer-events:none}.hai-arrow--prev{left:2rem}.hai-arrow--next{right:2rem}.hai-arrow:before{content:"";width:var(--hai-arrow-icon-size);height:var(--hai-arrow-icon-size);display:block;background-repeat:no-repeat;background-size:contain;background-position:center;position:relative;z-index:11}.hai-arrow--prev:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E")}.hai-arrow--next:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E")}.hai-arrow--arrow{border-radius:50%}.hai-arrow--chevron{border-radius:.25rem}.hai-arrow--arrows-large{width:56px;height:56px;background:#00000080}.hai-arrow--arrows-large:before{width:32px;height:32px}.hai-arrow--chevron-large{width:56px;height:56px;background:#00000080;border-radius:.25rem}.hai-arrow--chevron-large:before{width:28px;height:28px}.swiper-pagination{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10;pointer-events:auto;flex-wrap:wrap;justify-content:center}.swiper-pagination-bullets{display:flex!important;gap:.5rem;justify-content:center;align-items:center}.swiper-pagination-bullet{width:var(--hai-pagination-bullet-size);height:var(--hai-pagination-bullet-size);border-radius:50%;background:var(--hai-pagination-color, rgba(255, 255, 255, .4))!important;cursor:pointer;border:none;padding:0;margin:0!important;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;opacity:1}.swiper-pagination-bullet:hover{background:var(--hai-pagination-active-color, #fff)!important;transform:scale(1.2)}.swiper-pagination-bullet-active{background:var(--hai-pagination-active-color, #fff)!important;width:28px;border-radius:6px}.hai-pagination--counter{position:absolute;bottom:1.5rem;color:#fff;font-size:.875rem;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.3);z-index:10;background:#0000004d;padding:.5rem 1rem;border-radius:.5rem;font-family:Roboto Mono,monospace;display:flex;align-items:center;gap:.25rem}.hai-counter-current{font-weight:700}.hai-counter-separator{opacity:.7}.hai-counter-total{opacity:.8}.hai-pagination--thumbnails{position:absolute;bottom:0;left:0;right:0;width:100%;display:flex;flex-wrap:wrap;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);padding:2rem 1.5rem 1rem;justify-content:center;gap:.5rem;z-index:10;pointer-events:auto}.hai-thumbnail{width:80px;height:54px;border:2px solid transparent;border-radius:.25rem;cursor:pointer;overflow:hidden;padding:0;background:#000;transition:all .3s ease;opacity:.6;flex-shrink:0}.hai-thumbnail:hover{opacity:.9;border-color:#ffffff80}.hai-thumbnail[aria-selected=true]{border-color:var(--hai-pagination-active-color, #fff);opacity:1;transform:translateY(-4px);box-shadow:0 4px 12px #00000080}.hai-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.hai-pagination--left{left:2rem!important;right:auto!important;transform:none!important}.hai-pagination--right{left:auto!important;right:2rem!important;transform:none!important}.hai-pagination--center{left:50%!important;right:auto!important;transform:translate(-50%)!important}.hai-slide__content{opacity:0}.swiper-slide-active .hai-slide__content{animation:slideInContent .8s cubic-bezier(.16,1,.3,1) .2s forwards}@keyframes slideInContent{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hai-slide__heading{opacity:0}.swiper-slide-active .hai-slide__heading{animation:slideInHeading .8s cubic-bezier(.16,1,.3,1) .1s forwards}@keyframes slideInHeading{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hai-arrow{width:36px;height:36px}.hai-arrow:before{width:20px;height:20px}.hai-arrow--prev{left:1rem}.hai-arrow--next{right:1rem}.swiper-pagination{bottom:1rem}.swiper-pagination-bullet{width:10px;height:10px}.swiper-pagination-bullet-active{width:22px}.hai-pagination--counter{bottom:1rem;padding:.4rem .8rem;font-size:.75rem}.hai-thumbnail{width:60px;height:40px}.hai-pagination--left{left:1rem!important}.hai-pagination--right{right:1rem!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){.hai-slide__content,.hai-slide__heading,.hai-arrow{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/swiper-custom.css.map */