:is(.icon-design-screen, .crystal-screen) .icon-design-ticket-shop { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 16px; align-items: start; scroll-margin-top: 88px; }
.icon-design-ticket-shop > img { width: 128px; height: 128px; object-fit: contain; }
.icon-design-ticket-copy { min-width: 0; display: grid; gap: 8px; }
:is(.icon-design-screen, .crystal-screen) .icon-design-ticket-copy h2 { margin: 0; font-size: var(--ga-font-section); }
:is(.icon-design-screen, .crystal-screen) .icon-design-ticket-copy p, .icon-design-screen .icon-design-confirm > p { margin: 0; font-size: var(--ga-font-body); line-height: 1.65; overflow-wrap: anywhere; }
.icon-design-ticket-copy .grimoire-purchase-hold { width: 100%; min-height: 56px; white-space: normal; }
.icon-design-ticket-copy .grimoire-buy-copy { display: grid; gap: 4px; position: relative; }
.icon-design-screen .icon-design-cost span { font-size: var(--ga-font-note); }
@media (max-width: 480px) {
  :is(.icon-design-screen, .crystal-screen) .icon-design-ticket-shop { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .icon-design-ticket-shop > img { width: 112px; height: 80px; justify-self: center; }
  .icon-design-screen .icon-design-cost { grid-template-columns: minmax(0, 1fr); }
}