.webdev-problem-stack{margin-inline:auto;padding:.25rem 0 0;position:relative;width:min(100%,24rem)}.webdev-problem-stack__cards{min-height:clamp(20rem,36vw,23rem);position:relative}.webdev-problem-stack__card{--stack-y:0px;--stack-scale:1;--stack-rotate:0deg;--stack-opacity:1;--stack-shadow:rgba(98,173,255,.18);background:radial-gradient(circle at 16% 0,hsla(0,0%,100%,.18),transparent 34%),linear-gradient(160deg,var(--problem-start),var(--problem-end));border:1px solid hsla(0,0%,100%,.12);border-radius:1.4rem;box-shadow:0 22px 54px #01061252,0 0 36px var(--stack-shadow),inset 0 1px #ffffff24;color:#fff;cursor:pointer;display:flex;flex-direction:column;inset:0 0 auto;justify-content:space-between;min-height:clamp(17rem,31vw,19rem);opacity:var(--stack-opacity);overflow:hidden;padding:clamp(1.15rem,3vw,1.45rem);position:absolute;text-align:left;transform:translate3d(0,var(--stack-y),0) scale(var(--stack-scale)) rotate(var(--stack-rotate));transform-origin:bottom center;transition:transform .42s cubic-bezier(.2,.9,.2,1),opacity .26s ease,box-shadow .26s ease,filter .26s ease;width:100%;will-change:transform,opacity}.webdev-problem-stack__card:before{background:linear-gradient(hsla(0,0%,100%,.055) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.045) 1px,transparent 0);background-size:28px 28px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(180deg,#000,transparent 82%);mask-image:linear-gradient(180deg,#000,transparent 82%);opacity:.45;pointer-events:none;position:absolute}.webdev-problem-stack__card:after{background:radial-gradient(90% 72% at 20% 0,hsla(0,0%,100%,.2),transparent 58%),linear-gradient(180deg,hsla(0,0%,100%,.09),transparent 42%);border-radius:inherit;content:"";top:1px;right:1px;bottom:1px;left:1px;pointer-events:none;position:absolute}.webdev-problem-stack__card>*{position:relative;z-index:1}.webdev-problem-stack__card--message{--problem-start:#2463eb;--problem-end:#1c1f5c;--stack-shadow:rgba(96,165,250,.2)}.webdev-problem-stack__card--structure{--problem-start:#7e22ce;--problem-end:#4e124a;--stack-shadow:rgba(192,132,252,.2)}.webdev-problem-stack__card--speed{--problem-start:#e11d48;--problem-end:#581627;--stack-shadow:rgba(251,113,133,.2)}.webdev-problem-stack__card--focus{--problem-start:#059669;--problem-end:#0f494e;--stack-shadow:rgba(52,211,153,.2)}.webdev-problem-stack__card:not(.is-top){pointer-events:none}.webdev-problem-stack__card.is-top:hover{box-shadow:0 28px 64px #0106126b,0 0 44px var(--stack-shadow),inset 0 1px #ffffff2e;filter:brightness(1.04);transform:translate3d(0,calc(var(--stack-y) - 6px),0) scale(1.02) rotate(var(--stack-rotate))}.webdev-problem-stack__card:focus-visible{outline:2px solid rgba(148,242,255,.95);outline-offset:4px}.webdev-problem-stack__footer,.webdev-problem-stack__topline{align-items:center;display:flex;gap:1rem;justify-content:space-between}.webdev-problem-stack__icon{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.14);border-radius:1rem;box-shadow:inset 0 1px #ffffff1f;display:inline-flex;height:2.6rem;justify-content:center;width:2.6rem}.webdev-problem-stack__icon svg{fill:none;height:1.25rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:1.25rem}.webdev-problem-stack__icon--blue{color:#bfdbfe}.webdev-problem-stack__icon--violet{color:#e9d5ff}.webdev-problem-stack__icon--rose{color:#fecdd3}.webdev-problem-stack__icon--mint{color:#bbf7d0}.webdev-problem-stack__counter,.webdev-problem-stack__footer{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.11em;text-transform:uppercase}.webdev-problem-stack__counter{align-items:center;background:#00000029;border:1px solid hsla(0,0%,100%,.08);border-radius:999px;color:#ffffffad;display:inline-flex;min-height:1.7rem;padding:.28rem .65rem;white-space:nowrap}.webdev-problem-stack__body{display:grid;gap:.65rem;padding-block:1.3rem}.webdev-problem-stack__body strong{font-family:var(--font-display);font-size:clamp(1.35rem,3.1vw,1.75rem);font-weight:700;letter-spacing:0;line-height:1.05;max-width:18ch}.webdev-problem-stack__body span{color:#ffffffdb;font-size:clamp(.88rem,1.4vw,.98rem);line-height:1.62;max-width:31ch}.webdev-problem-stack__footer{border-top:1px solid hsla(0,0%,100%,.12);color:#ffffff80;padding-top:.95rem}.webdev-problem-stack__next{color:#ffffffe6}.webdev-problem-stack__dots{align-items:center;background:#080d1894;border:1px solid hsla(0,0%,100%,.08);border-radius:999px;display:flex;gap:.42rem;margin:clamp(.8rem,2vw,1.05rem) auto 0;padding:.5rem .58rem;width:-moz-max-content;width:max-content}.webdev-problem-stack__dot{background:#ffffff3d;border-radius:999px;height:.42rem;transition:width .26s ease,background .26s ease,box-shadow .26s ease;width:.42rem}.webdev-problem-stack__dot.is-active{background:#94f2ff;box-shadow:0 0 16px #94f2ff66;width:1.35rem}@media (min-width:900px){.webdev-problem__grid{align-items:center;grid-template-columns:minmax(0,1fr) minmax(20rem,.48fr)}}@media (max-width:700px){.webdev-problem-stack{width:min(100%,21.5rem)}.webdev-problem-stack__cards{min-height:19.75rem}.webdev-problem-stack__card{min-height:16.75rem}.webdev-problem-stack__topline{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.webdev-problem-stack__card,.webdev-problem-stack__card.is-top:hover,.webdev-problem-stack__dot{transition-duration:.01ms!important}}