.sm-pcard{width:100%;max-width:26rem;margin:0 auto;container-type:inline-size}.sm-tix>.sm-pcard{margin-block:var(--space-4,16px)}.sm-tix__pass>.sm-pcard{margin-bottom:var(--space-4,16px)}.sm-pcard-grid{gap:var(--space-4,16px);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));display:grid}.sm-pcard-grid .sm-pcard{margin:0}.sm-pcard-grid__note{margin:var(--space-2,8px) 0 0;color:var(--fg-muted);font-size:.875rem}.sm-pcard-field{gap:var(--space-3,12px);margin-block:var(--space-3,12px);display:grid}.sm-pcard-field .sm-pcard{max-width:20rem;margin:0}.sm-pcard__face{aspect-ratio:85.6/54;background:var(--pc-bg);color:var(--pc-ink);box-shadow:var(--shadow-2,0 6px 20px #0000001f);text-align:left;isolation:isolate;border-radius:4.5cqi;flex-direction:column;justify-content:space-between;padding:6.5cqi;display:flex;position:relative;overflow:hidden}.sm-pcard__face:before,.sm-pcard__face:after{content:"";z-index:-1;pointer-events:none;position:absolute}.sm-pcard--rings .sm-pcard__face:before{aspect-ratio:1;background:color-mix(in srgb, var(--pc-accent) 16%, transparent);border-radius:50%;width:75%;bottom:-58%;right:-22%}.sm-pcard--rings .sm-pcard__face:after{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--pc-accent) 45%, transparent);border-radius:50%;width:52%;top:-48%;right:22%}.sm-pcard--confetti .sm-pcard__face:before{background:radial-gradient(circle at 12% 78%, var(--pc-accent) 0 1.6cqi, transparent 1.7cqi), radial-gradient(circle at 34% 30%, color-mix(in srgb, var(--pc-ink) 55%, transparent) 0 1cqi, transparent 1.1cqi), radial-gradient(circle at 58% 66%, var(--pc-accent) 0 1.1cqi, transparent 1.2cqi), radial-gradient(circle at 80% 38%, var(--pc-accent) 0 1.8cqi, transparent 1.9cqi), radial-gradient(circle at 88% 52%, color-mix(in srgb, var(--pc-ink) 55%, transparent) 0 1.3cqi, transparent 1.4cqi), radial-gradient(circle at 93% 88%, var(--pc-accent) 0 .9cqi, transparent 1cqi), radial-gradient(circle at 46% 92%, color-mix(in srgb, var(--pc-ink) 40%, transparent) 0 .8cqi, transparent .9cqi);opacity:.8;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 35%,#000 100%);mask-image:linear-gradient(100deg,#0000 35%,#000 100%)}.sm-pcard--dots .sm-pcard__face:before{background-image:radial-gradient(circle, color-mix(in srgb, var(--pc-accent) 40%, transparent) 0 1.2cqi, transparent 1.3cqi);background-size:9cqi 9cqi;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 35%,#000 100%);mask-image:linear-gradient(100deg,#0000 35%,#000 100%)}.sm-pcard--ribbon .sm-pcard__face:before{background:color-mix(in srgb, var(--pc-accent) 20%, transparent);width:9%;top:-20%;bottom:-20%;right:16%;transform:rotate(18deg)}.sm-pcard--ribbon .sm-pcard__face:after{background:color-mix(in srgb, var(--pc-accent) 12%, transparent);width:3%;top:-20%;bottom:-20%;right:4%;transform:rotate(18deg)}.sm-pcard--stripes .sm-pcard__face:before{background:repeating-linear-gradient(-52deg, transparent 0 5cqi, color-mix(in srgb, var(--pc-accent) 22%, transparent) 5cqi 6cqi);inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 30%,#000 100%);mask-image:linear-gradient(100deg,#0000 30%,#000 100%)}.sm-pcard--petals .sm-pcard__face:before{aspect-ratio:1;background:color-mix(in srgb, var(--pc-accent) 22%, transparent);border-radius:62% 38% 55% 45%;width:56%;top:-34%;right:-10%}.sm-pcard--petals .sm-pcard__face:after{aspect-ratio:1;background:color-mix(in srgb, var(--pc-accent) 14%, transparent);border-radius:40% 60% 42% 58%;width:46%;bottom:-46%;right:12%}.sm-pcard--plain .sm-pcard__face{border:1px solid color-mix(in srgb, var(--pc-ink) 16%, transparent)}.sm-pcard--spent .sm-pcard__face{filter:grayscale();opacity:.6}.sm-pcard__top,.sm-pcard__bottom{justify-content:space-between;gap:3cqi;display:flex}.sm-pcard__top{align-items:center}.sm-pcard__bottom{align-items:flex-end}.sm-pcard__brand{align-items:center;gap:2.6cqi;min-width:0;display:inline-flex}.sm-pcard__logo{object-fit:cover;background:#fff;border-radius:2.6cqi;flex:none;width:11cqi;height:11cqi}.sm-pcard__logo--monogram{background:color-mix(in srgb, var(--pc-ink) 14%, transparent);border:1px solid color-mix(in srgb, var(--pc-ink) 30%, transparent);letter-spacing:.04em;justify-content:center;align-items:center;font-size:4.2cqi;font-weight:700;display:inline-flex}.sm-pcard__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:4.4cqi;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.sm-pcard__kind{letter-spacing:.14em;text-transform:uppercase;color:var(--pc-accent);flex:none;font-size:2.9cqi;font-weight:600}.sm-pcard__headline{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:12cqi;font-weight:700;line-height:1}.sm-pcard__headline--wordy{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:7cqi;line-height:1.1;display:-webkit-box;overflow:hidden}.sm-pcard__middle{flex-direction:column;gap:2.4cqi;min-width:0;display:flex}.sm-pcard__stamps{flex-wrap:wrap;gap:1.6cqi;max-width:78%;display:flex}.sm-pcard__stamp{border:.5cqi solid color-mix(in srgb, var(--pc-accent) 70%, transparent);border-radius:50%;width:5cqi;height:5cqi}.sm-pcard__stamp--on{background:var(--pc-accent);border-color:var(--pc-accent)}.sm-pcard__people{min-width:0;color:color-mix(in srgb, var(--pc-ink) 80%, transparent);flex-direction:column;gap:.6cqi;font-size:3.2cqi;line-height:1.25;display:flex}.sm-pcard__people>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sm-pcard__holder{color:var(--pc-ink);font-size:3.8cqi;font-weight:600}.sm-pcard__code{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;color:var(--pc-accent);flex:none;font-size:3.4cqi}.sm-pcard-pick{gap:var(--space-2,8px);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.sm-pcard-pick legend{margin-bottom:var(--space-2,8px);padding:0;font-size:.875rem;font-weight:600}.sm-pcard-pick__option{align-items:center;gap:var(--space-2,8px);border:1px solid var(--border-subtle,#8080804d);cursor:pointer;border-radius:999px;padding:6px 12px 6px 6px;font-size:.875rem;display:inline-flex;position:relative}.sm-pcard-pick__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sm-pcard-pick__swatch{background:linear-gradient(135deg, var(--pc-bg) 0 62%, var(--pc-accent) 62% 100%);border:1px solid #80808059;border-radius:50%;width:28px;height:28px}.sm-pcard-pick__option:has(input:checked){border-color:var(--fg-primary,currentColor);box-shadow:inset 0 0 0 1px var(--fg-primary,currentColor);font-weight:600}.sm-pcard-pick__option:has(input:focus-visible){outline:2px solid var(--focus-ring,Highlight);outline-offset:2px}