.close-tile{--close-tile-clay:var(--c-clay);--close-tile-cream:var(--c-sand);inline-size:var(--close-tile-size,clamp(3.5rem, 7.5vw, 7.5rem));aspect-ratio:1;background:var(--close-tile-clay);color:var(--close-tile-cream);cursor:pointer;isolation:isolate;border:0;place-items:center;padding:0;transition:color .3s cubic-bezier(.74,0,.24,.99) .14s;display:grid;overflow:hidden}.close-tile:before{content:"";z-index:-1;background:var(--close-tile-wipe,var(--close-tile-cream));transition:transform .5s cubic-bezier(.4,0,0,1);position:absolute;inset:0;transform:translateY(101%)}.close-tile:hover,.close-tile:focus-visible{color:var(--close-tile-wipe-ink,var(--c-cedar))}.close-tile:hover:before,.close-tile:focus-visible:before{transform:translate(0,0)}.close-tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-4px}.close-tile__x{inline-size:var(--close-tile-x,clamp(1.65rem, 2.25vw, 2.1rem));transition:transform .5s cubic-bezier(.4,0,0,1);position:relative}.close-tile:hover .close-tile__x,.close-tile:focus-visible .close-tile__x{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.close-tile,.close-tile:before,.close-tile__x{transition:none}}