.dls{--dls-surface:#fff;--dls-on-surface:#121317;--dls-on-surface-variant:#45474d;--dls-chip:#f8f9fc;--dls-chip-hover:#eff2f7;--dls-outline:#2122261f;--dls-outline-strong:#2122264d;--dls-primary:#121317;--dls-on-primary:#fff;--dls-success:#188038;--dls-focus:#3279f9;--dls-glow:#3279f917;--dls-glow-alt:#34a8530f;--dls-shadow:0 1px 2px #1213170f, 0 12px 28px -6px #1213172e, 0 40px 80px -24px #1213174d;--dls-ease:cubic-bezier(.2, .8, .2, 1);--dls-spring:cubic-bezier(.34, 1.36, .64, 1);box-sizing:border-box;max-block-size:calc(100dvh - 32px);inline-size:min(460px,100vw - 32px);max-inline-size:none;color:var(--dls-on-surface);font-optical-sizing:auto;opacity:0;transition:opacity .24s var(--dls-ease), transform .44s var(--dls-spring);background:0 0;border:0;margin:auto;padding:0;font-family:Google Sans Flex,Google Sans,system-ui,sans-serif;overflow:visible;transform:translateY(14px)scale(.97)}.dls[data-open]{opacity:1;transform:none}.dls[data-state=closing]{transition:opacity .2s ease-in,transform .26s ease-in}.dls::backdrop{backdrop-filter:blur();background:#12131700;transition:background .3s,backdrop-filter .3s}.dls[data-open]::backdrop{backdrop-filter:blur(4px);background:#1213175c}.dls *,.dls :before,.dls :after{box-sizing:border-box}.dls button{font:inherit;-webkit-tap-highlight-color:transparent}.dls svg{flex:none;display:block}:root[data-theme=dark] .dls{--dls-surface:#1b1c20;--dls-on-surface:#e8eaed;--dls-on-surface-variant:#b2bbc5;--dls-chip:#24262b;--dls-chip-hover:#2e3036;--dls-outline:#e6eaf01f;--dls-outline-strong:#e6eaf052;--dls-primary:#e8eaed;--dls-on-primary:#121317;--dls-success:#81c995;--dls-focus:#8ab4f8;--dls-glow:#8ab4f81a;--dls-glow-alt:#81c9950f;--dls-shadow:0 1px 2px #0006, 0 16px 40px -8px #0000008c, 0 40px 80px -24px #0009}:root[data-theme=dark] .dls[data-open]::backdrop{background:#0000008c}.dls-card{max-block-size:inherit;overscroll-behavior:contain;border:1px solid var(--dls-outline);background:radial-gradient(120% 70% at 0% 0%, var(--dls-glow) 0%, transparent 55%), radial-gradient(90% 60% at 100% 0%, var(--dls-glow-alt) 0%, transparent 50%), var(--dls-surface);box-shadow:var(--dls-shadow);border-radius:28px;padding:28px 28px 20px;position:relative;overflow:auto}.dls-close{z-index:2;block-size:36px;inline-size:36px;color:var(--dls-on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background-color .15s,color .15s;display:grid;position:absolute;inset-block-start:14px;inset-inline-end:14px}.dls-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;block-size:20px;inline-size:20px}.dls-close:hover{background:var(--dls-chip-hover);color:var(--dls-on-surface)}.dls-close:focus-visible{outline:2px solid var(--dls-focus);outline-offset:2px}.dls-body{transition:height .5s var(--dls-ease);position:relative}.dls[data-state=thanks] .dls-body{overflow:hidden}.dls-ask{transition:opacity .24s ease, transform .3s var(--dls-ease)}.dls-status{letter-spacing:.01em;color:var(--dls-on-surface-variant);align-items:center;gap:8px;margin:0 0 14px;padding-inline-end:40px;font-size:13.5px;font-weight:450;line-height:1.3;display:flex}.dls-status[hidden]{display:none}.dls-status-icon{block-size:18px;inline-size:18px;color:var(--dls-success)}.dls-status-icon circle{fill:currentColor;opacity:.14}.dls-status-icon path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12;stroke-dashoffset:12px}.dls[data-open] .dls-status-icon path{animation:dls-stroke .45s .3s var(--dls-ease) forwards}.dls-title{letter-spacing:-.015em;color:var(--dls-on-surface);text-wrap:balance;margin:0;padding-inline-end:32px;font-size:26px;font-weight:500;line-height:1.18}.dls-subtitle{color:var(--dls-on-surface-variant);text-wrap:pretty;margin:8px 0 0;font-size:15px;font-weight:400;line-height:1.45}.dls-options{flex-wrap:wrap;gap:8px;margin:22px 0 0;display:flex}.dls-option{border:1px solid var(--dls-outline);background:var(--dls-chip);min-block-size:40px;color:var(--dls-on-surface);letter-spacing:.005em;text-align:center;cursor:pointer;transition:background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, opacity .25s ease, transform .18s var(--dls-ease);border-radius:999px;flex:auto;justify-content:center;align-items:center;padding:9px 16px;font-size:14.5px;font-weight:450;line-height:1.2;display:inline-flex}.dls-option:hover{background:var(--dls-chip-hover);border-color:var(--dls-outline-strong);transform:translateY(-1px);box-shadow:0 2px 8px -2px #12131724}.dls-option:active{box-shadow:none;transform:scale(.97)}.dls-option:focus-visible{outline:2px solid var(--dls-focus);outline-offset:2px}.dls-option[data-selected]{border-color:var(--dls-primary);background:var(--dls-primary);color:var(--dls-on-primary);transform:none;box-shadow:0 8px 18px -8px #12131780}.dls[data-open] .dls-option{animation:dls-chip-in .4s var(--dls-ease) backwards;animation-delay:calc(.11s + var(--dls-i,0) * 22ms)}.dls-option-check{opacity:0;fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;block-size:16px;inline-size:0;transition:inline-size .22s var(--dls-ease), margin .22s var(--dls-ease), opacity .18s ease;margin-inline-end:0}.dls-option[data-selected] .dls-option-check{opacity:1;inline-size:16px;margin-inline-end:6px}.dls:is([data-state=selected],[data-state=thanks]) .dls-option:not([data-selected]){opacity:.38}.dls:not([data-state=ask]) .dls-option{pointer-events:none}.dls-actions{justify-content:flex-end;margin-top:18px;display:flex}.dls-skip{min-block-size:36px;color:var(--dls-on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;line-height:1.2;transition:background-color .15s,color .15s}.dls-skip:hover{background:var(--dls-chip-hover);color:var(--dls-on-surface)}.dls-skip:focus-visible{outline:2px solid var(--dls-focus);outline-offset:2px}.dls-thanks{text-align:center;opacity:0;transition:opacity .3s var(--dls-ease), transform .46s var(--dls-spring);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:scale(.96)}.dls-thanks[hidden]{display:none}.dls-thanks:focus{outline:none}.dls-thanks-content{flex-direction:column;align-items:center;gap:16px;display:flex}.dls[data-state=thanks] .dls-ask{opacity:0;transform:translateY(-6px)}.dls[data-state=thanks] .dls-thanks{opacity:1;transform:none}.dls[data-state=thanks] .dls-thanks-mark circle{animation:dls-stroke .55s 50ms var(--dls-ease) forwards}.dls[data-state=thanks] .dls-thanks-mark path{animation:dls-stroke .36s .4s var(--dls-ease) forwards}.dls-thanks-mark{block-size:56px;inline-size:56px;color:var(--dls-success)}.dls-thanks-mark circle,.dls-thanks-mark path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.dls-thanks-mark circle{stroke-width:2px;stroke-dasharray:151;stroke-dashoffset:151px}.dls-thanks-mark path{stroke-width:2.6px;stroke-dasharray:31;stroke-dashoffset:31px}.dls-thanks-title{letter-spacing:-.01em;max-inline-size:28ch;color:var(--dls-on-surface);margin:0;font-size:20px;font-weight:500;line-height:1.3}@keyframes dls-stroke{to{stroke-dashoffset:0}}@keyframes dls-chip-in{0%{opacity:0;transform:translateY(6px)}}@media (width<=767px){.dls{max-block-size:calc(100dvh - 24px);inline-size:100%;transition:opacity .2s ease, transform .42s var(--dls-ease);margin:auto 0 0;transform:translateY(100%)}.dls-card{padding:24px 20px calc(16px + env(safe-area-inset-bottom,0px));border-block-end:0;border-inline:0;border-radius:28px 28px 0 0}.dls-title{font-size:23px}.dls-options{margin-top:20px}.dls-option{min-block-size:46px;padding:10px 14px}.dls-actions{justify-content:center;margin-top:14px}}@media (prefers-reduced-motion:reduce){.dls,.dls[data-state=closing]{transition:opacity .15s linear;transform:none}.dls-body,.dls-ask,.dls-thanks,.dls-option,.dls-option-check{transition-duration:.01ms!important;transform:none!important}.dls[data-open] .dls-option,.dls[data-open] .dls-status-icon path,.dls[data-state=thanks] .dls-thanks-mark circle,.dls[data-state=thanks] .dls-thanks-mark path{stroke-dashoffset:0;animation:none}}@media (forced-colors:active){.dls-card{border:1px solid canvastext}.dls-option[data-selected]{outline:2px solid highlight}}
