.vt-picker-screen{--picker-tile:clamp(104px, 14vw, 148px);--picker-art:clamp(88px, 12vw, 128px);--picker-avatar:clamp(48px, 6vw, 62px);--picker-gap:clamp(16px, 3vw, 44px);background:var(--ds-audience-high-dark);color:var(--ds-on-dark);padding:var(--ds-space-7) var(--ds-space-4) var(--ds-space-6);font-family:var(--ds-font-ui);border-radius:var(--ds-radius-hero);max-height:calc(100dvh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));-webkit-overflow-scrolling:touch}.vt-picker-drawer{border-radius:var(--ds-radius-rich) var(--ds-radius-rich) 0 0;padding-bottom:calc(var(--ds-space-6) + env(safe-area-inset-bottom,0px));max-height:var(--vt-drawer-max-h);overscroll-behavior:contain;overflow-y:auto}.vt-picker-drawer>[data-slot=drawer-handle]{background:var(--ds-on-dark-line)}.vt-picker-layout.svelte-1rs6j3o{align-items:center;gap:var(--ds-space-6);flex-direction:column;display:flex}.vt-picker-title{font:var(--ds-type-display);letter-spacing:var(--ds-track-display);color:var(--ds-on-dark);text-align:center;text-wrap:balance;margin:0;font-size:clamp(30px,4.2vw,54px);line-height:1.14}.vt-picker-title-accent.svelte-1rs6j3o{color:var(--ds-rich-indigo-flat);font:var(--ds-type-accent)}.vt-picker-grid.svelte-1rs6j3o{justify-content:center;align-items:flex-start;gap:36px var(--picker-gap);width:100%;max-width:calc(3 * var(--picker-tile) + 2 * var(--picker-gap));flex-wrap:wrap;display:flex}.vt-picker-tile.svelte-1rs6j3o,.vt-picker-action.svelte-1rs6j3o{flex-direction:column;flex:0 0 var(--picker-tile);align-items:center;gap:var(--ds-space-3);min-width:0;width:var(--picker-tile);color:var(--ds-on-dark);cursor:pointer;animation:svelte-1rs6j3o-picker-enter var(--ds-duration-sheen) var(--ds-ease-pop) var(--entry-delay,0s) backwards;background:0 0;border:none;outline:none;padding:0;font-family:inherit;display:flex}@keyframes svelte-1rs6j3o-picker-enter{0%{opacity:0;transform:translateY(18px)scale(.9)}}.vt-picker-tile-art.svelte-1rs6j3o,.vt-picker-action-square.svelte-1rs6j3o{width:var(--picker-art);height:var(--picker-art);border-radius:var(--ds-radius-rich);transition:transform var(--ds-duration-base) var(--ds-ease-pop);flex-shrink:0;place-items:center;display:grid;position:relative}.vt-picker-tile-art.svelte-1rs6j3o{background:var(--tile-fill);overflow:hidden}.vt-picker-initial.svelte-1rs6j3o{width:var(--picker-avatar);height:var(--picker-avatar);border-radius:var(--ds-radius-pill);background:color-mix(in oklab, var(--ds-white) 92%, transparent);color:var(--ds-ink);font-size:calc(var(--picker-avatar) * .42);place-items:center;font-weight:800;line-height:1;display:grid}.vt-picker-caption.svelte-1rs6j3o{align-items:center;gap:var(--ds-space-1);flex-direction:column;width:100%;display:flex}.vt-picker-name.svelte-1rs6j3o,.vt-picker-action-label.svelte-1rs6j3o{width:100%;font:var(--ds-type-card);color:var(--ds-on-dark);text-align:center;overflow-wrap:anywhere;font-size:clamp(14px,1.6vw,17px);line-height:1.4}.vt-picker-action-label.svelte-1rs6j3o{max-width:var(--picker-art)}.vt-picker-name.svelte-1rs6j3o{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.vt-picker-grade.svelte-1rs6j3o{font:var(--ds-type-label);color:var(--ds-on-dark);text-align:center;font-size:clamp(12px,1.3vw,14px);font-weight:500}.vt-picker-action-add.svelte-1rs6j3o{border:2.5px dashed var(--ds-on-dark-line)}.vt-picker-action-manage.svelte-1rs6j3o{box-shadow:inset 0 0 0 2px var(--ds-on-dark-line);background:0 0}.vt-picker-action-square.svelte-1rs6j3o svg{width:28px;height:28px}.vt-picker-later.svelte-1rs6j3o{min-height:var(--ds-touch-target);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-pill);color:var(--ds-on-dark);font:var(--ds-type-label);cursor:pointer;background:0 0;border:none;font-weight:700}.vt-picker-tile.svelte-1rs6j3o:focus-visible .vt-picker-tile-art:where(.svelte-1rs6j3o),.vt-picker-action.svelte-1rs6j3o:focus-visible .vt-picker-action-square:where(.svelte-1rs6j3o),.vt-picker-tile.is-selected.svelte-1rs6j3o .vt-picker-tile-art:where(.svelte-1rs6j3o),.vt-picker-later.svelte-1rs6j3o:focus-visible{outline:3px solid var(--ds-on-dark);outline-offset:4px}@media (hover:hover){.vt-picker-layout.svelte-1rs6j3o:not(.is-selecting) .vt-picker-tile:where(.svelte-1rs6j3o):hover .vt-picker-tile-art:where(.svelte-1rs6j3o),.vt-picker-layout.svelte-1rs6j3o:not(.is-selecting) .vt-picker-action:where(.svelte-1rs6j3o):hover .vt-picker-action-square:where(.svelte-1rs6j3o){transform:translateY(-6px)rotate(-4deg)scale(1.05)}.vt-picker-action.svelte-1rs6j3o:hover .vt-picker-action-add:where(.svelte-1rs6j3o),.vt-picker-action.svelte-1rs6j3o:hover .vt-picker-action-manage:where(.svelte-1rs6j3o){border-color:var(--ds-on-dark);box-shadow:inset 0 0 0 2px var(--ds-on-dark)}.vt-picker-later.svelte-1rs6j3o:hover{text-underline-offset:4px;text-decoration:underline}}.vt-picker-layout.svelte-1rs6j3o:not(.is-selecting) .vt-picker-tile:where(.svelte-1rs6j3o):active .vt-picker-tile-art:where(.svelte-1rs6j3o),.vt-picker-layout.svelte-1rs6j3o:not(.is-selecting) .vt-picker-action:where(.svelte-1rs6j3o):active .vt-picker-action-square:where(.svelte-1rs6j3o){transform:scale(.96)}.vt-picker-tile.is-selected.svelte-1rs6j3o .vt-picker-tile-art:where(.svelte-1rs6j3o){animation:svelte-1rs6j3o-picker-pick .22s var(--ds-ease-pop) both}@keyframes svelte-1rs6j3o-picker-pick{0%{transform:scale(1.035)}55%{transform:scale(1.08)}to{transform:scale(1.05)}}.vt-picker-layout.is-selecting.svelte-1rs6j3o .vt-picker-tile:where(.svelte-1rs6j3o):not(.is-selected),.vt-picker-layout.is-selecting.svelte-1rs6j3o .vt-picker-action:where(.svelte-1rs6j3o),.vt-picker-layout.is-selecting.svelte-1rs6j3o .vt-picker-later:where(.svelte-1rs6j3o){opacity:.2;transition:opacity var(--ds-duration-base) var(--ds-ease)}.vt-picker-layout.is-selecting.svelte-1rs6j3o .vt-picker-tile:where(.svelte-1rs6j3o),.vt-picker-layout.is-selecting.svelte-1rs6j3o .vt-picker-action:where(.svelte-1rs6j3o){animation:none}@media (width>=640px){.vt-picker-screen{--picker-tile:148px;--picker-art:128px;--picker-avatar:62px;--picker-gap:44px;padding:64px 40px var(--ds-space-7)}.vt-picker-layout.svelte-1rs6j3o{justify-content:center;gap:44px;min-height:448px}}@media (height<=600px){.vt-picker-screen{padding-block:var(--ds-space-6)}.vt-picker-layout.svelte-1rs6j3o{gap:var(--ds-space-5);min-height:0}}@media (prefers-reduced-motion:reduce){.vt-picker-tile.svelte-1rs6j3o,.vt-picker-action.svelte-1rs6j3o{animation:none}.vt-picker-layout.svelte-1rs6j3o .vt-picker-tile:where(.svelte-1rs6j3o) .vt-picker-tile-art:where(.svelte-1rs6j3o),.vt-picker-layout.svelte-1rs6j3o .vt-picker-action:where(.svelte-1rs6j3o) .vt-picker-action-square:where(.svelte-1rs6j3o){animation:none;transition:none!important;transform:none!important}}html[data-motion=reduce] .vt-picker-tile.svelte-1rs6j3o,html[data-motion=reduce] .vt-picker-action.svelte-1rs6j3o{animation:none}html[data-motion=reduce] .vt-picker-layout.svelte-1rs6j3o .vt-picker-tile:where(.svelte-1rs6j3o) .vt-picker-tile-art:where(.svelte-1rs6j3o),html[data-motion=reduce] .vt-picker-layout.svelte-1rs6j3o .vt-picker-action:where(.svelte-1rs6j3o) .vt-picker-action-square:where(.svelte-1rs6j3o){animation:none;transition:none!important;transform:none!important}
