.sand .sand-back{left:max(14px, env(safe-area-inset-left));top:max(14px, env(safe-area-inset-top))}.sand .sand-bar{bottom:max(18px, calc(env(safe-area-inset-bottom) + 6px));max-width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));box-shadow:0 6px 24px #0000002e}.sand .sand-bar button{transition:background-color .18s,transform .12s}.sand .sand-bar button:active{transform:scale(.92)}.sand .sand-bar .swatch{transition:border-color .18s,transform .12s}.sand.is-quiet .sand-bar,.sand.is-quiet .sand-back{opacity:.3}.sand.is-quiet .sand-bar:focus-within,.sand.is-quiet .sand-back:focus-visible{opacity:1}@media (hover:none){.sand .sand-bar button:hover:not([aria-pressed=true]){background:0 0}}@media (prefers-reduced-motion:reduce){.sand .sand-bar button,.sand .sand-bar .swatch{transition:none}.sand .sand-bar button:active{transform:none}}.sand .sand-hint{white-space:nowrap;-webkit-backdrop-filter:blur(6px);color:#fffaf2;text-shadow:0 1px 6px #00000059;background:#1c140c52;border-radius:999px;width:max-content;max-width:calc(100vw - 48px);padding:8px 18px;font-size:clamp(15px,4.4vw,19px);left:50%;right:auto;transform:translate(-50%)}@media (max-width:440px){.sand .sand-bar .swatch{position:relative}.sand .sand-bar .swatch:after{content:"";border-radius:12px;position:absolute;inset:-7px -1px}}