@layer components{.gc{max-width:76rem;margin-inline:auto;padding-bottom:clamp(var(--space-8),8vw,var(--space-10))}.gc__head{display:grid;gap:var(--space-2);max-width:46rem;padding-block:clamp(var(--space-6),5vw,var(--space-8)) var(--space-5)}.gc__title{font-size:var(--t-h1);font-weight:600;letter-spacing:-.02em;line-height:1.05}.gc__lede{font-size:var(--t-body-lg);color:var(--fg-muted);max-width:34rem}.gc__split{display:grid;gap:clamp(var(--space-6),5vw,var(--space-8));align-items:start}@media(min-width:1024px){.gc__split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gc__stage{position:sticky;top:calc(var(--head-h) + var(--space-5))}}.gc__stage{display:grid;gap:var(--space-3)}.gc-card{margin:0;overflow:hidden;background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.gc-card__art{aspect-ratio:3 / 2;background:var(--voucher-bed);display:grid;place-items:center}.gc-card__img{width:100%;height:100%;object-fit:cover;display:block}.gc-card__mark{color:var(--fg-muted)}.gc-card__mark svg{width:40px;height:40px}.gc-card__face{display:grid;gap:var(--space-3);padding:clamp(var(--space-4),3vw,var(--space-6))}.gc-card__key{font-size:var(--t-nano);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.gc-card__to,.gc-card__from{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--t-body);min-width:0}.gc-card__val{min-width:0;overflow-wrap:anywhere}.gc-card__amt{font-family:var(--font-ui);font-weight:600;font-size:var(--t-display);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em}.gc-card__msg{font-size:var(--t-body);line-height:1.55;color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.gc-card__msg.is-placeholder{color:var(--fg-muted)}.gc-card__code{display:flex;align-items:baseline;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--t-small);color:var(--fg-muted);font-variant-numeric:tabular-nums}.gc-card__code-key{font-size:var(--t-nano);letter-spacing:.1em;text-transform:uppercase}.gc-stage__note{font-size:var(--t-small);color:var(--fg-muted);text-align:center}.gc-form{display:grid;gap:var(--space-6)}.gc-step{border:0;margin:0;padding:0;min-width:0;display:grid;gap:var(--space-4)}.gc-step+.gc-step{border-top:1px solid var(--line);padding-top:clamp(var(--space-5),4vw,var(--space-6))}.gc-step__legend{display:grid;gap:2px;justify-items:start;padding:0;float:left;width:100%}.gc-step__legend+*{clear:both}.gc-step__idx{display:block}.gc-step__title{font-family:var(--font-ui);font-weight:600;font-size:var(--t-h3);letter-spacing:-.01em;line-height:1.15}.gc-amt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background-color:var(--line);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md)}@media(min-width:560px){.gc-amt{grid-template-columns:repeat(4,minmax(0,1fr))}}.gc-amt__opt{position:relative;display:grid;gap:2px;place-content:center;justify-items:center;min-height:60px;padding:var(--space-3) var(--space-2);cursor:pointer;background-color:var(--bg);transition:background-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.gc-amt__opt>input{position:absolute;opacity:0;pointer-events:none}.gc-amt__opt:hover{background-color:var(--surface)}.gc-amt__opt:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:-2px}.gc-amt__opt:has(input:checked){background-color:var(--surface);box-shadow:inset 0 -3px 0 var(--ink)}.gc-amt__price{font-family:var(--font-ui);font-weight:500;font-size:var(--t-ui);font-variant-numeric:tabular-nums}.gc-amt__opt:has(input:checked) .gc-amt__price{font-weight:600}.gc-amt__opt.is-out{cursor:not-allowed}.gc-amt__opt.is-out .gc-amt__price{color:var(--fg-muted);text-decoration:line-through}.gc-amt__out{font-size:var(--t-nano);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.gc-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;background:var(--surface);border-radius:var(--radius-pill)}.gc-seg__opt{position:relative;display:grid;place-items:center;min-height:44px;padding-inline:var(--space-3);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-ui);font-weight:500;font-size:var(--t-small);color:var(--fg-muted);text-align:center;line-height:1.2;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.gc-seg__opt>input{position:absolute;opacity:0;pointer-events:none}.gc-seg__opt:hover{color:var(--fg)}.gc-seg__opt:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.gc-seg__opt:has(input:checked){background:var(--bg-alt);color:var(--fg);font-weight:600;box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line)}.gc-grid{display:grid;gap:var(--space-4)}@media(min-width:560px){.gc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gc-grid>.field:last-child{grid-column:1}}.gc-msgfield>textarea{min-height:8.5rem;resize:vertical}.gc-count{justify-self:end;font-variant-numeric:tabular-nums}.gc-count.is-near{color:var(--warn)}.gc-starters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gc-starter{cursor:pointer;background:none;border:0}.gc-compose{display:grid;gap:var(--space-3)}.gc-compose[hidden]{display:none}.gc-compose__ask{margin:0}.gc-compose__out{display:grid;gap:var(--space-3)}.gc-compose__out[hidden]{display:none}.gc-compose__note{font-size:var(--t-body);line-height:1.6;color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--line)}.gc-compose__note.is-working{color:var(--fg-muted)}.gc-compose__acts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0}.gc-compose__acts .chip{cursor:pointer}.gc-when{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.gc-when__note{grid-column:1 / -1;font-size:var(--t-small);color:var(--fg-muted)}.gc-when input{font:inherit;min-width:0}.gc-designs{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr))}.gc-design{position:relative;display:block;overflow:hidden;cursor:pointer;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--dur-fast) var(--ease-standard)}.gc-design>input{position:absolute;opacity:0;pointer-events:none}.gc-design img{display:block;width:100%;height:auto}.gc-design:has(input:checked){box-shadow:inset 0 0 0 2px var(--fg)}.gc-design:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.gc-review{font-size:var(--t-body);line-height:1.5;color:var(--fg-muted);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md)}.gc-review:empty{display:none}.gc-review strong{color:var(--fg);font-weight:600}.gc-review.is-warn{color:var(--error)}.gc-actions{display:grid;gap:var(--space-4);justify-items:stretch}.gc-add{width:100%}.gc-preview{justify-self:center}.gc-preview svg{width:12px;height:12px;margin-left:3px}.gc-noscript{font-size:var(--t-small);color:var(--fg-muted);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md)}.gc-how{padding-block:clamp(var(--space-7),7vw,var(--space-9)) 0;border-top:1px solid var(--line);margin-top:clamp(var(--space-7),7vw,var(--space-9))}.gc-how__list{display:grid;gap:var(--space-5);margin-top:var(--space-5);padding:0;list-style:none}@media(min-width:768px){.gc-how__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}}.gc-how__step{display:grid;gap:var(--space-2);align-content:start}.gc-how__n{font-family:var(--font-ui);font-weight:600;font-size:var(--t-figure);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em;color:var(--fg-muted)}.gc-how__step h3{font-size:var(--t-h4);font-weight:600}.gc-how__step p{font-size:var(--t-body);line-height:1.55;color:var(--fg-muted)}.gc-bal{display:grid;gap:var(--space-3);padding-block:clamp(var(--space-7),7vw,var(--space-9)) 0;border-top:1px solid var(--line);margin-top:clamp(var(--space-7),7vw,var(--space-9))}.gc-bal[hidden]{display:none}.gc-bal__lede{font-size:var(--t-body);line-height:1.55;color:var(--fg-muted);max-width:34rem}.gc-bal__form{display:grid;gap:var(--space-3);margin-top:var(--space-2)}@media(min-width:560px){.gc-bal__form{grid-template-columns:minmax(0,22rem) max-content;justify-content:start;align-items:end}}.gc-bal__field input{font-variant-numeric:tabular-nums;letter-spacing:.06em}.gc-bal__go{min-height:44px}.gc-bal__out{font-size:var(--t-body);line-height:1.55;color:var(--fg-muted)}.gc-bal__out:empty{display:none}.gc-bal__out strong{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}.gc-bal__out.is-good strong{color:var(--ok)}.gc-bal__out.is-warn{color:var(--error)}.gc-spend{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;gap:var(--space-4)}.gc-spend__step{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:var(--space-3);align-items:start}.gc-spend__n{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-pill);background:var(--ink);color:var(--white);font-family:var(--font-ui);font-weight:600;font-size:var(--t-nano)}.gc-spend__t{margin:0 0 2px;font-family:var(--font-ui);font-weight:600;font-size:var(--t-small);letter-spacing:.04em;color:var(--fg)}.gc-spend__step p{margin:0;font-size:var(--t-micro);line-height:1.55;color:var(--fg-muted)}.gc-bal__foot{margin:var(--space-5) 0 0;font-size:var(--t-micro);line-height:1.55;color:var(--fg-muted)}.gc-modal{margin:auto;width:min(34rem,calc(100vw - 2 * var(--page-pad)));max-height:min(90dvh,52rem);padding:0;border:0;background:transparent;overflow:visible}.gc-modal::backdrop{background:var(--scrim)}.gc-modal__inner{display:grid;gap:var(--space-4);max-height:inherit;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5);background:var(--bg);border-radius:var(--radius-lg)}.gc-modal__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.gc-modal__title{font-size:var(--t-h3);font-weight:600}.gc-modal__card .gc-card__msg{-webkit-line-clamp:none;display:block}.gc-modal__note{font-size:var(--t-small);color:var(--fg-muted)}@media(prefers-reduced-motion:reduce){.gc-amt__opt,.gc-seg__opt,.gc-design{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/giftcard.css.map */