@layer components{.palette{visibility:hidden;opacity:0;transition:opacity .2s,visibility 0s .2s}.palette.is-open{visibility:visible;opacity:1;transition:opacity .2s}.palette-box{transform:translateY(-8px) scale(.985);transition:transform .3s var(--spring)}.palette.is-open .palette-box{transform:none}.tp-scrim{background:rgb(var(--shade-rgb)/calc(.28 * var(--shade-k)));visibility:hidden;opacity:0;transition:opacity .2s,visibility 0s .2s}.tp-scrim.is-open{visibility:visible;opacity:1;transition:opacity .2s}.tp{top:calc(var(--hdr, 88px) + 10px);right:max(12px,(100vw - var(--w))/2);width:min(600px,100vw - 24px);height:360px;max-height:calc(100dvh - var(--hdr, 88px) - 24px);border:1px solid var(--g-border-floating);border-radius:var(--radius-chrome);background:var(--g-floating-solid);box-shadow:var(--hl),var(--sh-floating);visibility:hidden;opacity:0;transform:translateY(-8px) scale(.985);transform-origin:top right;transition:opacity .2s,transform .3s var(--spring),visibility 0s .3s}.tp.is-open{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .3s var(--spring)}}@layer components{@media (max-width:600px){.tp{top:var(--vvt,0);right:0;left:0;width:100%;height:var(--vvh,100dvh);max-height:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0;transform:translateY(24px);transition:opacity .2s,transform .35s var(--spring),visibility 0s .35s}.tp.is-open{transition:opacity .2s,transform .35s var(--spring)}}}