@font-face{font-family:'Urbanist';font-style:normal;font-weight:500 700;font-display:swap;src:url(https://fonts.gstatic.com/s/urbanist/v15/L0x-DF02iFML4hGCyMqlbS0.woff2) format('woff2')}*{box-sizing:border-box;font-family:Urbanist,serif;margin:0;padding:0}body{padding:0 12px;margin:0 auto;max-width:600px;height:100%}h2{font-weight:500;line-height:1.2;font-size:calc(1.325rem + .9vw)}@media(min-width:1200px){h2{font-size:2rem}}h2,p{margin:0}img,svg{vertical-align:middle}.door-group{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.door{border:1px solid #888;border-radius:24px;padding:12px 12px 20px;background:linear-gradient(to bottom right,rgb(222 222 222 / .51),#fff);position:relative;overflow:hidden}.door .ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation .6s linear;background-color:rgb(0 0 0 / .2);pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.bg-success{background:linear-gradient(to bottom right,rgb(0 211 98 / .51),#fff);border:1px solid #00d061}.bg-fail{animation:flash-fail .35s ease-in-out 6}@keyframes flash-fail{0%,100%{background-color:initial}50%{background:linear-gradient(to bottom right,rgb(255 77 77 / .71),#fff);border:1px solid #ff4d4d}}.shimmer{position:relative;overflow:hidden;background:#bbb}.shimmer::after{content:"";position:absolute;top:0;left:-150%;height:100%;width:150%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .7),transparent);animation:shimmer .7s infinite}@keyframes shimmer{0%{left:-150%}50%,100%{left:100%}}.icon{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.door-name{color:#0f0f0f;font-size:18px;font-weight:700;line-height:24px;padding-top:12px}.subtitle{color:#616568;font-size:14px;font-weight:500;line-height:20px}.group-header{display:flex;align-items:center;justify-content:space-between;margin:24px 0 16px 0}.group-header p{color:#0f0f0f;font-size:18px;font-weight:700;line-height:24px}