.carousel{display:unset;background-color:#fafafa80;backdrop-filter:blur(10px)}.carousel[aria-hidden=true]{display:none}.carousel,.carousel__overlay{position:fixed;inset:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.carousel--active{display:unset}.carousel__close{position:absolute;right:0}.carousel__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.carousel__main{display:grid;grid-template-columns:.25fr minmax(0,90vh) .25fr;justify-content:space-between;align-items:center;width:100%}.carousel__slides{padding:0;margin:0;position:relative;display:flex;align-items:center;justify-content:center}.carousel__slide{position:absolute;display:none;min-width:calc(100% - 40px);min-height:calc(100% - 40px);background-color:#fff;border:5px solid #fff;box-shadow:0 0 20px 1px #cacaca;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.carousel__slide--visible{display:flex;position:relative;z-index:1}@media screen and (min-width: 768px){.carousel__slide{border-width:20px}}.carousel__button{width:48px;height:48px;border:none;background:none;margin:1rem;padding:0;color:var(--tertiary);z-index:2}.carousel__button:hover{cursor:pointer;color:var(--secondary)}.carousel__button:focus-visible{outline:dashed 2px var(--primary)}.carousel__button--right{justify-self:end}.carousel__button--arrow{display:flex;align-items:center;width:100%;height:50vh;margin:0}@media screen and (min-width: 768px){.carousel__button--arrow{display:block;width:48px;height:48px;margin:1rem}}.carousel__svg{width:24px;height:24px}@media screen and (min-width: 768px){.carousel__svg{width:48px;height:48px}}