@layer components-carousel{.carousel{width:100%;max-width:100%;margin:0 auto;padding:0;position:relative}.carousel-container{align-items:center;width:100%;display:flex;position:relative}.carousel-slides{background:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex;position:relative;overflow:hidden}@media (max-width:640px){.carousel-slides{min-height:250px}}.carousel-slide{opacity:0;visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;display:flex;position:absolute;top:0;left:0}.carousel-slide--active{opacity:1;visibility:visible;position:relative}.carousel-slide img{object-fit:contain;max-width:100%;max-height:100%}.carousel-button{cursor:pointer;z-index:2;background-color:#ffffffe6;border:2px solid #333;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button:hover{background-color:#fff;transform:translateY(-50%)scale(1.05);box-shadow:0 .25rem #00000026}.carousel-button:focus{outline-offset:.125rem;background-color:#fff;outline:3px solid #06c}.carousel-button:active{transform:translateY(-50%)scale(.95)}.carousel-button svg{color:#333;width:24px;height:24px}.carousel-button--prev{left:1.25rem}.carousel-button--next{right:1.25rem}@media (max-width:640px){.carousel-button{width:40px;height:40px}.carousel-button svg{width:20px;height:20px}.carousel-button--prev{left:.625rem}.carousel-button--next{right:.625rem}}.carousel-dots{justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;padding:0;display:flex}.carousel-dot{cursor:pointer;background-color:#0000;border:2px solid #fff;border-radius:50%;width:12px;height:12px;padding:0;transition:all .2s;position:relative}.carousel-dot:hover{background-color:#3333334d;transform:scale(1.1)}.carousel-dot:focus{outline:3px solid #06c}.carousel-dot--active,.carousel-dot--active:hover{background-color:#fff}@media (max-width:640px){.carousel-dot{width:10px;height:10px}}}
/*# sourceMappingURL=9bde408ea7804ade.css.map*/