@property --sev{syntax:"<color>";inherits:true;initial-value:#e5484d}.phone{--sev:var(--color-severity-medical);--on-sev:var(--color-surface);width:100%;transition:--sev .5s;container-type:inline-size}.phone[data-severity=strict]{--sev:var(--color-primary)}.phone[data-severity=preference]{--sev:var(--color-warning);--on-sev:var(--color-ink)}.phone-body{background:var(--color-ink);border-radius:6.7em;padding:1.2em;font-size:2.41546cqw;position:relative;box-shadow:inset 0 0 0 .2em #4a403a,0 5em 9em -3em #783e1480,0 1.8em 3.4em -1.6em #1f1a1766}.phone-island{z-index:4;background:#0d0b0a;border-radius:2em;width:12.4em;height:3.6em;position:absolute;top:2.3em;left:50%;transform:translate(-50%)}.phone-screen{clip-path:inset(0 round 5.5em);isolation:isolate;background:var(--color-background);height:84.4em;color:var(--color-ink);text-align:start;border-radius:5.5em;flex-direction:column;line-height:1.3;display:flex;position:relative;overflow:hidden}.phone-screen :where(p,ul){margin:0;padding:0}.card-hero{z-index:1;color:var(--on-sev);background:linear-gradient(135deg, color-mix(in srgb, var(--sev), white 17%), var(--sev) 50%, color-mix(in srgb, var(--sev), var(--color-error) 15%));box-shadow:0 1.4em 3em color-mix(in srgb, var(--sev), transparent 78%);border-radius:0 0 3.6em 3.6em;flex:none;padding:5.9em 2.2em 2.2em;transition:color .4s;position:relative;overflow:hidden}.card-ring{border:1px solid #ffffff3b;border-radius:50%;width:24em;height:24em;position:absolute;bottom:-9em;right:-6.8em}.card-pills{align-items:center;gap:.8em;display:flex;position:relative}.card-pill{box-sizing:border-box;min-width:0;height:3.6em;color:inherit;font:inherit;background:#fff3;border:0;border-radius:99em;align-items:center;gap:.6em;padding:0 1.4em;display:inline-flex}.card-pill img{border-radius:50%;flex:none;width:1.8em;height:1.8em}.card-pill>span{white-space:nowrap;text-overflow:ellipsis;font-size:1.3em;font-weight:700;overflow:hidden}.card-pill svg{fill:currentColor;flex:none;width:1.8em;height:1.8em;margin-inline:-.3em -.6em}.card-pill--profile{margin-inline-start:auto;padding-inline:.5em 1.3em}.card-pill--profile i{background:var(--color-surface);width:2.17em;height:2.17em;color:var(--color-ink);border-radius:50%;flex:none;place-items:center;font-size:1.2em;font-style:normal;font-weight:800;display:grid}.card-back{cursor:pointer;justify-content:center;width:3.6em;margin-inline-end:auto;padding:0;display:none}.card-back svg{width:2em;height:2em;margin:0}.phone[data-section] .card-back{display:inline-flex}.phone[data-section] .card-pill--profile{display:none}.card-label{letter-spacing:.086em;margin-top:1.33em;font-size:1.05em;font-weight:800;position:relative}.card-banner{letter-spacing:-.011em;overflow-wrap:anywhere;margin-top:.22em;font-size:2.7em;font-weight:800;line-height:1.12;position:relative}.phone[data-section] .card-banner{font-size:3.2em}.card-english{white-space:nowrap;text-overflow:ellipsis;opacity:.95;margin-top:.56em;font-size:1.25em;line-height:1.35;position:relative;overflow:hidden}.card-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.card-tiles{flex:1;min-height:0;margin:2.4em 2.2em 0;overflow:hidden}.card-tiles[data-scroll]{scrollbar-width:none;overflow-y:auto;mask-image:linear-gradient(#000 calc(100% - 3em),#0000)}.card-tiles[data-scroll]::-webkit-scrollbar{display:none}.card-empty{color:var(--color-muted);text-align:center;font-size:1.5em;font-weight:600;position:absolute;top:30%;left:3em;right:3em}.card-precautions{border:.2em solid var(--sev);background:var(--color-surface);border-radius:2.4em;grid-template-columns:auto 1fr;align-items:center;gap:.8em 1.2em;margin:1.2em 2.2em 0;padding:.9em 1.3em;display:grid}.card-mark{background:var(--sev);width:3.6em;height:3.6em;color:var(--color-surface);border-radius:50%;place-items:center;display:grid}.card-mark:before{content:"!";font-size:2.2em;font-weight:800}.card-precautions b{max-height:2.71em;color:var(--color-error);font-size:1.3em;font-weight:700;line-height:1.35;overflow:hidden}.card-precautions p{max-height:2.81em;color:var(--color-muted);grid-column:1/-1;font-size:1.05em;line-height:1.4;overflow:hidden}.card-foot{padding:1.6em 3.4em 2.6em}.card-precautions:not([hidden])+.card-foot{padding-top:1em}.card-footer{max-height:2.91em;color:var(--color-muted);text-align:center;font-size:1.05em;line-height:1.45;overflow:hidden}.phone :is([data-card-language],.card-label,.card-banner,.card-english,.card-tile :is(b,small),.card-precautions,.card-footer,.sheet-body){transition:opacity .22s,filter .22s}.phone.is-swapping :is([data-card-language],.card-label,.card-banner,.card-english,.card-tile :is(b,small),.card-precautions,.card-footer,.sheet-body){opacity:0;filter:blur(.4em)}.phone-backdrop{z-index:5;background:color-mix(in srgb, var(--color-background), transparent 75%);opacity:0;pointer-events:none;transition:opacity .35s,backdrop-filter .35s;position:absolute;inset:0}.phone[data-sheet] .phone-backdrop{backdrop-filter:blur(.5em);opacity:1;pointer-events:auto;cursor:pointer}.phone-sheet{z-index:6;background:var(--color-background);border-radius:3.6em 3.6em 0 0;flex-direction:column;max-height:90%;padding-top:1.2em;transition:transform .55s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(108%);box-shadow:0 -1em 4.8em .4em #1f1a1761}.phone[data-sheet] .phone-sheet{transform:none}.sheet-handle{background:var(--color-handle);cursor:pointer;border:0;border-radius:.3em;flex:none;align-self:center;width:4.4em;height:.5em;padding:0;position:relative}.sheet-handle:before{content:"";position:absolute;inset:-1.2em -4em}.sheet-body{overscroll-behavior:contain;scrollbar-width:none;padding:2em 2.2em 2.6em;overflow-y:auto}.sheet-body::-webkit-scrollbar{display:none}.sheet-head{align-items:center;gap:1.6em;display:flex}.sheet-head img{object-fit:contain;flex:none;width:10.6em;height:10.6em}.sheet-label{color:var(--sev);letter-spacing:.076em;font-size:1.05em;font-weight:800}.sheet-name{letter-spacing:-.014em;overflow-wrap:anywhere;margin-top:.2em;font-size:2.9em;font-weight:800;line-height:1.1}.sheet-english{color:var(--color-muted);margin-top:.36em;font-size:1.4em;line-height:1.45}.sheet-title{letter-spacing:.105em;text-transform:uppercase;margin:2.1em 0 .86em;font-size:1.05em;font-weight:800}.sheet-entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8em;list-style:none;display:grid}.sheet-entries li{box-sizing:border-box;padding-block:.8em;border:.1em solid var(--color-line);background:var(--color-surface);border-radius:2em;align-items:center;gap:1em;min-height:7.2em;padding:0 1em;display:flex}.sheet-entries img{object-fit:contain;flex:none;width:4.8em;height:4.8em}.sheet-entries span{flex-direction:column;gap:.2em;min-width:0;display:flex}.sheet-entries b{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:1.4em;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.sheet-entries small{color:var(--color-muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:1.2em;line-height:1.2;display:-webkit-box;overflow:hidden}.phone-sheet .card-precautions{margin:1.6em 0 0}.phone-sheet .card-precautions :is(b,p){max-height:none}.sheet-hint{color:var(--color-muted);text-align:center;margin-top:1.33em;font-size:1.2em;line-height:1.45}
