.styles_item__oVDtS{--item-width:150px;--item-margin:15px;--item-count:3;width:var(--item-width);aspect-ratio:2/3;list-style-type:none;top:calc(100vh - 100px - var(--item-width));z-index:1;box-shadow:inset 0 20px 30px rgba(255,255,255,.3);transition:transform .1s,left .8s,width .8s,top .75s,height .75s;&:first-child{left:0;top:0;width:100%;height:100%;transform:none;border-radius:0;box-shadow:none}&:not(:first-child){border-width:2px;border-color:#fff}&:nth-child(2){left:calc(100% - var(--item-margin) - (var(--item-width) + var(--item-margin)) * (var(--item-count) - 1))}&:nth-child(3){left:calc(100% - var(--item-margin) - (var(--item-width) + var(--item-margin)) * (var(--item-count) - 2))}&:nth-child(4){left:calc(100% - var(--item-margin) - (var(--item-width) + var(--item-margin)) * (var(--item-count) - 3))}&:nth-child(5){left:calc(100% - var(--item-margin) - (var(--item-width) + var(--item-margin)) * (var(--item-count) - 4))}&.styles_last__daKQ4{animation:styles_fadeIn__bR4tu 1s ease-in-out}}.styles_content__mr0Mg{opacity:0;display:none}.styles_item__oVDtS:first-of-type .styles_content__mr0Mg{display:flex;animation:styles_show__jy6ld .75s ease-in-out .3s forwards}@keyframes styles_show__jy6ld{0%{filter:blur(5px)}to{opacity:1;filter:blur(0)}}.styles_nav__gucFK{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:5;user-select:none;& .styles_btn__NVQmX{background-color:rgba(255,255,255,.5);color:rgba(0,0,0,.7);border:2px solid rgba(0,0,0,.6);margin:0 .25rem;padding:.75rem;border-radius:50%;cursor:pointer;&:hover{background-color:rgba(255,255,255,.3)}}}@keyframes styles_fadeIn__bR4tu{0%{opacity:0}to{opacity:1}}@media (max-width:767px){.styles_item__oVDtS{&:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5){left:100%;transform:translateX(100%)}}}