.tw-wall{--tw-half:2.375rem;grid-template-columns:minmax(0, 1fr) repeat(var(--tw-mt), minmax(0, var(--tw-half))) minmax(0, 1fr);place-items:center;row-gap:1rem;margin-top:3rem;display:grid;position:relative}.tw-wall:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#34e3a221,#0000);position:absolute;inset:4% 12%}.tw-item{display:contents}.tw-panel,.tw-quote{grid-area:1/1/auto/-1;align-self:stretch;width:100%;max-width:34rem;margin-bottom:1.25rem}.tw-panel{background:linear-gradient(165deg, #ffffff13, #ffffff05 62%), var(--color-night-2);border:1px solid #ffffff1f;border-radius:1.5rem;position:relative;box-shadow:0 36px 80px -44px #000000e6,inset 0 1px #ffffff12}.tw-quote{z-index:1;visibility:hidden;opacity:0;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:opacity .25s,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s linear .25s;display:flex;position:relative;transform:translateY(.5rem)}.tw-radio:checked~.tw-quote,.tw-solo .tw-quote{visibility:visible;opacity:1;transition-delay:.12s,.12s,0s;transform:none}.tw-origin{align-items:center;gap:.75rem;display:flex}.tw-origin img{border-radius:50%;flex:none;width:2.5rem;height:2.5rem;box-shadow:0 0 0 1px #ffffff2e}.tw-country{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--color-fog);font-size:.75rem;font-weight:500;line-height:1.3}.tw-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#fdba74;border:1px solid #fdba7473;border-radius:999px;margin-left:auto;padding:.1875rem .5rem;font-size:.6875rem}.tw-text p{font-family:var(--font-display);letter-spacing:-.012em;text-wrap:pretty;font-size:clamp(1.0625rem,1.5vw,1.1875rem);font-weight:500;line-height:1.45}.tw-text p:before{content:open-quote}.tw-text p:after{content:close-quote}.tw-who{border-top:1px solid #ffffff1a;align-items:center;gap:.75rem;margin-top:auto;padding-top:1.125rem;display:flex}.tw-avatar{object-fit:cover;border-radius:50%;flex:none;width:2.75rem;height:2.75rem}.tw-initials{font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-mint);background-color:#34e3a21f;border:1px solid #34e3a252;place-items:center;font-size:.8125rem;font-weight:500;display:grid}.tw-id{min-width:0}.tw-name{font-size:.9375rem;font-weight:600;line-height:1.3;display:block}.tw-role{color:var(--color-fog);margin-top:.125rem;font-size:.8125rem;line-height:1.4;display:block}.tw-role a{color:var(--color-mint);text-underline-offset:3px;text-decoration:underline #34e3a266}.tw-role a:hover{text-decoration-color:currentColor}.tw-radio,.tw-flag{grid-column:var(--mc) / span 2;grid-row:var(--mr);aspect-ratio:1;border-radius:50%;width:min(100% - .75rem,3.25rem)}.tw-radio{-webkit-appearance:none;appearance:none;z-index:2;opacity:0;cursor:pointer;height:auto;margin:0}.tw-flag{pointer-events:none;opacity:.72;transition:opacity .2s,transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .2s;display:block;position:relative;box-shadow:0 0 0 1px #fff3}.tw-flag img{border-radius:50%;width:100%;height:100%;display:block}.tw-radio:hover+.tw-flag{opacity:.92}.tw-radio:checked+.tw-flag{opacity:1;box-shadow:0 0 0 3px var(--color-night), 0 0 0 5px var(--color-mint), 0 14px 34px -10px #34e3a299;transform:scale(1.1)}.tw-radio:focus-visible+.tw-flag{outline-offset:8px;outline:2px solid #fff}@media (forced-colors:active){.tw-radio:checked+.tw-flag img{outline-offset:2px;outline:3px solid highlight}}@property --tw-turn{syntax:"<angle>";inherits:false;initial-value:0deg}@media (prefers-reduced-motion:no-preference){.tw-wall[data-auto] .tw-radio:checked+.tw-flag{box-shadow:0 0 0 3px var(--color-night), 0 14px 34px -10px #34e3a299}.tw-wall[data-auto] .tw-radio:checked+.tw-flag:after{content:"";background:conic-gradient(var(--color-mint) var(--tw-turn,0deg), #fff3 0);animation:tw-turn var(--tw-read,6s) linear forwards;border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}.tw-wall[data-auto=paused] .tw-radio:checked+.tw-flag:after{animation-play-state:paused}@keyframes tw-turn{to{--tw-turn:360deg}}}.tw-stop{z-index:3;width:2.25rem;height:2.25rem;color:var(--color-fog);cursor:pointer;background-color:#ffffff0d;border:1px solid #ffffff29;border-radius:50%;place-items:center;transition:border-color .16s,color .16s;display:grid;position:absolute;top:1.625rem;right:1.5rem}.tw-stop[hidden]{display:none}.tw-stop:hover{color:var(--color-mint);border-color:#34e3a280}.tw-wall[data-auto] .tw-origin{padding-right:3rem}@media (width>=1024px){.tw-wall{grid-template-columns:repeat(var(--tw-dt), minmax(0, 1fr));grid-template-rows:repeat(var(--tw-rows), minmax(6.5rem, 1fr));width:calc(var(--tw-dt) / 12 * 100%);row-gap:0;margin-inline:auto}.tw-radio,.tw-flag{grid-column:var(--dc) / span 2;grid-row:var(--dr);width:4.25rem}.tw-radio{width:5.5rem}.tw-panel,.tw-quote{grid-column:var(--tw-pc) / span 4;grid-row:var(--tw-pr) / span 3;justify-self:stretch;width:auto;max-width:none;margin:.5rem .25rem}.tw-quote{padding:1.75rem}.tw-stop{top:1.875rem;right:1.75rem}}.tw-wall.tw-solo{width:auto;max-width:38rem;margin-inline:auto;display:block}.tw-solo .tw-panel{max-width:none;margin:0;position:absolute;inset:0}.tw-solo .tw-quote{max-width:none;margin:0}