.button__box{box-shadow:var(--spacing-1) var(--spacing-1) var(--spacing-1) #00000040;transition:transform .3s}.button__box:hover{transform:scale(.96)}.button__box:active{transform:scale(.92)}
.chip__box{font-size:var(--size-4);box-shadow:var(--spacing-1) var(--spacing-1) var(--spacing-1) #00000040;border-radius:9999px;display:inline-block}
.drawer{z-index:80;width:100vw;height:100vh;position:fixed;right:-100vw}.drawer--active{right:0!important}.drawer,.drawer--active{transition:right .3s linear}
.accordion__container{box-shadow:var(--spacing-1) var(--spacing-1) var(--spacing-1) #00000040;flex-direction:column;width:100%;display:flex}.accordion__container .accordion__item{padding:var(--spacing-4);gap:var(--spacing-4);flex-direction:column;display:flex}.accordion__container .accordion__item .accordion__body,.accordion__container .accordion__item .accordion__body--active{transition:all .5s}.accordion__container .accordion__item .accordion__body{opacity:0;max-height:0;overflow:hidden}.accordion__container .accordion__item .accordion__body--active{opacity:1;max-height:500px}
.card__container{box-shadow:var(--spacing-1) var(--spacing-1) var(--spacing-1) #00000040;flex-direction:column;transition:transform .3s;display:flex}.card__container:hover{transform:scale(1.02)}.card__container>.card__images__container{aspect-ratio:4/3;border:1px solid #00000040;position:relative;overflow:hidden}.card__container>.card__images__container>.card__image{visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity 1.5s,visibility 1.5s;position:absolute;inset:0}.card__container>.card__images__container>.card__image--active{visibility:visible;opacity:1}.card__body{flex-direction:column;display:flex}@media screen and (min-width:1200px){.card__container{gap:var(--spacing-1);max-width:min-content;padding:var(--spacing-3)}.card__container>.card__images__container{width:360px;height:270px}}@media screen and (min-width:640px) and (max-width:1199px){.card__container{gap:var(--spacing-1);max-width:min-content;padding:var(--spacing-3)}@media screen and (min-width:640px) and (max-width:920px){.card__container>.card__images__container{width:300px;height:225px}}@media screen and (min-width:921px) and (max-width:1199px){.card__container>.card__images__container{width:400px;height:300px}}}@media screen and (max-width:639px){.card__container>.card__images__container{width:100%}}
.slider__container{width:100%;position:relative;overflow:hidden}.slider__track{flex:0 0 100%;max-width:100%;display:flex;overflow:hidden}.slider__item{aspect-ratio:4/3;min-width:100%;max-height:100%;transition:transform .5s;position:relative}.slider__navigation{z-index:2;opacity:.5;flex-direction:row;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slider__prev__button,.slider__next__button{width:50%}
.marquee{width:100%;overflow:hidden}.marquee__group{width:max-content;animation:10s linear infinite marquee}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-110%)}}