.pins-modal{z-index:1000;position:fixed;inset:0}.pins-modal__scrim{background:var(--color-scrim);position:absolute;inset:0}.pins-modal__card{left:var(--space-18);right:var(--space-18);max-width:calc(var(--phone-max-width) - 2 * var(--space-18));max-height:calc(100dvh - 2 * var(--space-18));background:var(--color-ground);border:var(--border-hairline);border-radius:var(--radius-popup);padding:var(--space-24) var(--space-20);font-family:var(--font-sans);outline:none;margin-inline:auto;position:absolute;overflow:auto}.pins-modal__card--centred{top:50%;transform:translateY(-50%)}.pins-modal__card--top{top:calc(env(safe-area-inset-top,0px) + var(--space-10));max-height:calc(100dvh - env(safe-area-inset-top,0px) - 2 * var(--space-10))}.pins-modal__head{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.pins-modal__head+.pins-modal__body{margin-top:var(--space-16)}.pins-modal__title{font:var(--weight-semibold) var(--text-18) / var(--leading-snug) var(--font-sans);color:var(--color-text);margin:0}.pins-modal__close{font:var(--weight-medium) var(--text-14) / var(--leading-none) var(--font-sans);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;flex:none;padding:0;position:relative}.pins-modal__close--brand{color:var(--color-brand)}.pins-modal__close:after{content:"";width:max(100%, var(--tap-target-min));height:var(--tap-target-min);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pins-modal__close:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}@media (width>=1100px){.pins-modal__card,.pins-modal__card--top{max-width:none;max-height:calc(100dvh - 2 * var(--space-40));top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.pins-modal__card--w340{width:340px}.pins-modal__card--w420{width:420px}.pins-modal__card--w440{width:440px}.pins-modal__card--w460{width:460px;padding:var(--space-26)}.pins-modal__card--w520{width:520px;padding:var(--space-26)}}.pins-modal__card--white{background:var(--color-surface)}