@layer theme,base;@layer components{.dp{min-width:0;container-type:inline-size}.dp-grid{--gap:8px;--cols:3;--col:0;--row:0;--tile-h:76px;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:var(--gap);min-width:0;display:grid;position:relative}@container (min-width:540px){.dp-grid{--cols:6}}.dp-ind{z-index:2;width:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));height:var(--tile-h);border-radius:var(--radius-lg);box-shadow:0 0 0 1.5px var(--color-lime), 0 0 24px -4px #c6ff3d59, inset 0 1px 0 #ffffff14;translate:calc(var(--col) * (100% + var(--gap))) calc(var(--row) * (100% + var(--gap)));transition:translate var(--spring-snappy), opacity var(--dur-ui) var(--ease-out);pointer-events:none;background:linear-gradient(#ffffff0d,#ffffff04);position:absolute;top:0;left:0}.dp-grid:not(:has(.dp-input:checked)) .dp-ind{opacity:0}.dp-grid:has(>.dp-tile:nth-of-type(2) .dp-input:checked){--col:1;--row:0}.dp-grid:has(>.dp-tile:nth-of-type(3) .dp-input:checked){--col:2;--row:0}.dp-grid:has(>.dp-tile:nth-of-type(4) .dp-input:checked){--col:0;--row:1}.dp-grid:has(>.dp-tile:nth-of-type(5) .dp-input:checked){--col:1;--row:1}.dp-grid:has(>.dp-tile:nth-of-type(6) .dp-input:checked){--col:2;--row:1}@container (min-width:540px){.dp-grid:has(>.dp-tile:nth-of-type(4) .dp-input:checked){--col:3;--row:0}.dp-grid:has(>.dp-tile:nth-of-type(5) .dp-input:checked){--col:4;--row:0}.dp-grid:has(>.dp-tile:nth-of-type(6) .dp-input:checked){--col:5;--row:0}}.dp-tile{z-index:1;height:var(--tile-h);border-radius:var(--radius-lg);background:var(--color-surface-2);min-width:0;box-shadow:inset 0 0 0 1px var(--color-line-1), inset 0 1px 0 #ffffff08;color:var(--color-text-3);font-family:var(--font-text);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color var(--ctl-label-fade) var(--ease-out) var(--ctl-label-delay), background-color var(--dur-hover) var(--ease-out), scale var(--spring-snappy);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1;display:flex;position:relative}.dp-tile:has(.dp-input:checked){color:var(--color-text-1);background:var(--color-surface-3)}@media (hover:hover) and (pointer:fine){.dp-tile:hover:not(:has(.dp-input:checked)){color:var(--color-text-2);background:var(--color-surface-3);transition-delay:0s}}.dp-tile:active{transition:color var(--ctl-label-fade) var(--ease-out), scale var(--dur-press) var(--ease-out);scale:.97}.dp-tile:has(.dp-input:focus-visible){outline:2px solid var(--color-lime);outline-offset:3px}.dp-input{opacity:0;appearance:none;width:100%;height:100%;cursor:inherit;border-radius:inherit;margin:0;position:absolute;inset:0}.dp-input:focus-visible{outline:none}.dp-ico{width:28px;height:28px;display:grid;position:relative}.dp-ico>svg{width:28px;height:28px;transition:opacity var(--dur-ui) var(--ease-out), scale var(--spring-snappy);grid-area:1/1}.dp-ico-on{color:var(--color-lime);opacity:0;filter:drop-shadow(0 0 10px #c6ff3d59);scale:.7}.dp-tile:has(.dp-input:checked) .dp-ico-on{opacity:1;scale:1}.dp-tile:has(.dp-input:checked) .dp-ico-idle{opacity:0;scale:1.15}.dp-caption{color:var(--color-text-3);align-items:center;gap:8px;margin-top:12px;font-size:13px;line-height:1.35;display:flex}.dp-caption-dot{background:var(--color-lime);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 8px #c6ff3d99}.dp-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;min-width:0;min-height:56px;display:grid}.dp-row>.dp-row-sum,.dp-row>.dp-row-pick{transition:opacity var(--dur-ui) var(--ease-out), translate var(--dur-ui) var(--ease-out);grid-area:1/1}.dp-row-sum{align-items:center;gap:12px;min-width:0;display:flex}.dp-row-pick{color:var(--color-text-2);opacity:0;pointer-events:none;font-size:15px;font-weight:600;line-height:1.2;translate:0 4px}.dp-row[data-open]>.dp-row-sum{opacity:0;pointer-events:none;translate:0 -4px}.dp-row[data-open]>.dp-row-pick{opacity:1;translate:0}.dp-row-ico{background:var(--color-surface-2);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--color-line-1), inset 0 1px 0 #ffffff0a;color:var(--color-lime);border-radius:14px;flex:none;place-items:center;display:grid}.dp-row-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dp-row-name{color:var(--color-text-1);font-size:15px;font-weight:600;line-height:1.2}.dp-row-sub{min-width:0;color:var(--color-text-3);white-space:nowrap;align-items:center;gap:6px;font-size:13px;line-height:1.3;display:flex}.dp-more{flex:none}@container not (min-width:270px){.dp-row-ico{display:none}}@container not (min-width:440px){.dp-more-long{display:none}}.dp-more svg{transition:rotate var(--spring-snappy)}.dp-more[aria-expanded=true] svg{rotate:180deg}.dp-collapse{transition:grid-template-rows var(--dur-panel) var(--ease-out);grid-template-rows:0fr;display:grid}.dp-collapse[data-open]{grid-template-rows:1fr}.dp-collapse>div{min-height:0;overflow:hidden}.dp-collapse[data-open][data-done]>div{overflow:visible}.dp-collapse-pad{padding-top:12px}.dp-collapse .dp-tile{opacity:0;translate:0 var(--rise-sm);transition:color var(--ctl-label-fade) var(--ease-out) var(--ctl-label-delay), background-color var(--dur-hover) var(--ease-out), scale var(--spring-snappy), opacity var(--dur-hover) var(--ease-in), translate var(--dur-hover) var(--ease-in)}.dp-collapse .dp-ind{opacity:0}.dp-collapse[data-open] .dp-tile{opacity:1;transition:color var(--ctl-label-fade) var(--ease-out) var(--ctl-label-delay), background-color var(--dur-hover) var(--ease-out), scale var(--spring-snappy), opacity var(--dur-ui) var(--ease-out) calc(var(--ctl-enter-delay) + var(--k,0) * var(--ctl-tile-stagger)), translate var(--dur-panel) var(--ease-out) calc(var(--ctl-enter-delay) + var(--k,0) * var(--ctl-tile-stagger));translate:0}.dp-collapse[data-open] .dp-grid:has(.dp-input:checked) .dp-ind{opacity:1;transition:translate var(--spring-snappy), opacity var(--dur-ui) var(--ease-out) var(--ctl-ind-delay)}}@layer utilities;html.lite .dp-ico-on{filter:none}
@layer theme,base;@layer components{.qr{width:var(--qr-size,200px);aspect-ratio:1;border-radius:var(--radius-lg);background:#f4f5f2;place-items:center;max-width:100%;padding:10px;display:grid;position:relative;box-shadow:0 0 0 1px #ffffff1a,0 24px 48px -24px #000c,0 0 60px -20px #dce8f240}.qr>*{grid-area:1/1}.qr-svg{width:100%;height:100%;-webkit-mask-image:radial-gradient(circle at 50% 50%, #000 var(--qr-r), transparent calc(var(--qr-r) + 12%));-webkit-mask-image:radial-gradient(circle at 50% 50%, #000 var(--qr-r), transparent calc(var(--qr-r) + 12%));mask-image:radial-gradient(circle at 50% 50%, #000 var(--qr-r), transparent calc(var(--qr-r) + 12%));transition:filter var(--dur-panel) var(--ease-out)}.qr[data-in] .qr-svg{animation:qr-reveal var(--ctl-qr) var(--ease-out) both}.qr-skel{background:repeating-linear-gradient(90deg,#0a0b0c0f 0 6px,#0000 6px 12px),repeating-linear-gradient(0deg,#0a0b0c0f 0 6px,#0000 6px 12px);border-radius:12px;width:100%;height:100%}.qr[data-concealed] .qr-svg{filter:blur(6px)}.qr .qr-show{z-index:1;color:var(--color-text-1);background-color:#0a0b0ce6;place-self:center;box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 24px -10px #0009}html.lite .qr[data-concealed] .qr-svg{filter:none;opacity:.08}}@layer utilities;@property --qr-r{syntax:"<percentage>";inherits:false;initial-value:150%}@keyframes qr-reveal{0%{--qr-r:0%}to{--qr-r:150%}}@media (prefers-reduced-motion:reduce){.qr[data-in] .qr-svg{animation:none!important}}