.ds-icon-btn{--ib-size:44px;width:var(--ib-size);height:var(--ib-size);background:var(--c-surface-2);color:var(--c-ink);cursor:pointer;box-shadow:var(--gloss-top), inset 0 0 0 1px var(--c-line);transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out);border:none;border-radius:50%;flex:none;place-items:center;padding:0;font-size:1.15rem;line-height:1;display:inline-grid;position:relative}.ds-icon-btn:hover{background:var(--c-surface-3)}.ds-icon-btn:active:not(:disabled){transform:scale(.92)}.ds-icon-btn:disabled{opacity:.45;cursor:not-allowed}.ds-icon-btn--sm{--ib-size:36px}.ds-icon-btn--lg{--ib-size:52px}.ds-icon-btn--ghost{color:var(--c-ink-2);box-shadow:none;background:0 0}.ds-icon-btn--ghost:hover{background:var(--c-surface-2);color:var(--c-ink)}.ds-icon-btn--primary{background:var(--grad-primary);color:var(--c-on-primary);box-shadow:var(--gloss-top), 0 6px 14px -6px color-mix(in srgb, var(--c-primary-deep) 60%, transparent)}.ds-icon-btn--primary:hover{background:var(--grad-primary);filter:brightness(1.04)}.ds-icon-btn--plain{background:color-mix(in srgb, var(--c-surface) 75%, transparent);color:currentColor;box-shadow:var(--gloss-top), 0 4px 10px -6px rgba(var(--shadow-rgb), .4)}.ds-icon-btn--plain:hover{background:var(--c-surface)}.ds-icon-btn[aria-pressed=true]{background:var(--c-primary-soft);color:var(--c-primary-ink);box-shadow:var(--gloss-top), inset 0 0 0 1.5px color-mix(in srgb, var(--c-primary) 55%, transparent)}@media (prefers-reduced-motion:reduce){.ds-icon-btn:active:not(:disabled){transform:none}}.ds-modal-backdrop{z-index:var(--z-modal);padding:var(--s-6);padding-top:calc(var(--s-6) + 60px);background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ds-fade-in var(--dur-panel) var(--ease-out) both;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.ds-modal{background:var(--c-surface);width:100%;max-width:520px;max-height:calc(100vh - 120px);color:var(--c-ink);border-radius:var(--r-xl);border:1px solid var(--c-line);box-shadow:var(--gloss-top), var(--shadow-pop);animation:ds-rise-in .26s var(--ease-spring) both;flex-direction:column;display:flex;position:relative}.ds-modal:focus{outline:none}.ds-modal--sm{max-width:400px}.ds-modal--lg{max-width:720px}.ds-modal__header{align-items:flex-start;gap:var(--s-3);padding:var(--s-6) var(--s-6) var(--s-2) var(--s-7);display:flex}.ds-modal.has-mascot .ds-modal__header{padding-top:var(--s-7)}.ds-modal__title{font-size:var(--fs-xl);flex:1;margin:0;padding-top:4px;line-height:1.25}.ds-modal__body{padding:0 var(--s-7) var(--s-5);color:var(--c-ink-2);overflow-y:auto}.ds-modal__footer{justify-content:flex-end;gap:var(--s-3);padding:var(--s-4) var(--s-6) var(--s-6);flex-wrap:wrap;display:flex}@media (width<=560px){.ds-modal__footer>*{flex:auto}}