:root{--primary:#ff6f00;--secondary:#0077c8;--secondary-hover:#0065ac;--background:rgb(255,249,242);--surface:#ffffff;--text:#2a2a36;--text-hover:#4b5563;--text-tertiary:#6b7280;--text-carousel:rgb(255,249,242);--btn-text:#2a2a36;--accent1:#ffd100;--accent2:#d00060;--error:#e63946;--error-hover:#d32f3d;--success:#2a9d;--success-hover:#238a7d;--aura-hue:20deg;--spacing:0.38rem;--surface-rgb:255,255,255}@media (prefers-color-scheme:dark){:root{--primary:#ff9e30;--secondary:#00b4f0;--secondary-hover:#00a0d6;--background:rgb(15,22,36);--surface:#1c2536;--text:#e6f0ff;--text-hover:#d1d5db;--text-tertiary:#bac1ce;--text-carousel:rgb(255,249,242);--accent1:#ffea70;--accent2:#ff4081;--error:#ff6b6b;--error-hover:#ff5252;--success:#70d6a3;--success-hover:#5ac394;--surface-rgb:rgb(28,37,54);--cosmos-bg:linear-gradient(135deg,#0f1624,#1a2233)}}.slider-container{position:relative;width:100dvw;height:100dvh;box-shadow:0 3px 10px rgba(0,0,0,.3);margin:0 auto;overflow:hidden;display:grid;place-items:center;padding:0;box-sizing:border-box}.slider{list-style:none;padding:0;margin:0;display:flex;transition:transform .5s ease-in-out}.item{width:200px;height:300px;list-style-type:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1;border-radius:20px;box-shadow:inset 0 20px 30px rgba(255,255,255,.3);transition:transform .1s,left .75s,top .75s,width .75s,height .75s;overflow:hidden;&:first-child,&:nth-child(2){left:0;top:0;width:100%;height:100%;transform:none;border-radius:0;box-shadow:none;opacity:1;object-position:center;overflow:hidden}&:nth-child(3){left:50%}&:nth-child(4){left:calc(50% + 220px)}&:nth-child(5){left:calc(50% + 440px)}&:nth-child(6){left:calc(50% + 660px);opacity:0}}.content{width:min(30vw,400px);position:absolute;top:50%;left:3rem;transform:translateY(-50%);font:400 .85rem helvetica,sans-serif;color:white;text-shadow:0 3px 8px rgba(0,0,0,.5);opacity:0;display:none;& .title{text-transform:uppercase}& .description{line-height:1.7;margin:1rem 0 1.5rem;font-size:.8rem}& button{width:fit-content;background-color:rgba(0,0,0,.17);color:var(--text-carousel);border:2px var(--primary);padding:.75rem;cursor:pointer}}.item:nth-of-type(2) .content{display:block;animation:show .75s ease-in-out .3s forwards}@keyframes show{0%{filter:blur(5px);transform:translateY(calc(-50% + 75px))}to{opacity:1;filter:blur(0)}}.nav{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:5;user-select:none;& .btn{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)}}}@media (width > 650px) and (width < 900px){.content{& .title{font-size:1rem}& .description,& button{font-size:.7rem}}.item{width:160px;height:270px;&:nth-child(3){left:50%}&:nth-child(4){left:calc(50% + 170px)}&:nth-child(5){left:calc(50% + 340px)}&:nth-child(6){left:calc(50% + 510px);opacity:0}}}@media (width < 650px){.content{& .title{font-size:.9rem}& .description{font-size:.65rem}& button{font-size:.7rem}}.item{width:130px;height:220px;&:nth-child(3){left:50%}&:nth-child(4){left:calc(50% + 140px)}&:nth-child(5){left:calc(50% + 280px)}&:nth-child(6){left:calc(50% + 420px);opacity:0}}}