/* GENERATED by gen_ds60b.py from WEBMAKER > DESIGN SPEC. Do not edit by hand: change the sheet and run it again. */
:root{
  --ds-body:14px; /* DESIGN SPEC B56 */
  --ds-small:12px; /* DESIGN SPEC B57 */
  --ds-card:18px; /* DESIGN SPEC B58 */
  --ds-num:18px; /* DESIGN SPEC B59 */
  --ds-title:32px; /* DESIGN SPEC B60 */
  --ds-title-phone:25px; /* DESIGN SPEC B61 */
  --ds-title-lh:38px; /* DESIGN SPEC B62 */
  --ds-s1:4px; /* DESIGN SPEC B63 */
  --ds-s2:8px; /* DESIGN SPEC B64 */
  --ds-s3:12px; /* DESIGN SPEC B65 */
  --ds-s4:16px; /* DESIGN SPEC B66 */
  --ds-s6:24px; /* DESIGN SPEC B67 */
  --ds-s8:32px; /* DESIGN SPEC B68 */
  --ds-s12:48px; /* DESIGN SPEC B69 */
  --ds-btn-h:28px; /* DESIGN SPEC B70 */
  --ds-btn-px:14px; /* DESIGN SPEC B71 */
  --ds-card-btn-h:22px; /* DESIGN SPEC B72 */
  --ds-r-s:8px; /* DESIGN SPEC B73 */
  --ds-r-m:12px; /* DESIGN SPEC B74 */
  --ds-r-l:16px; /* DESIGN SPEC B75 */
  --ds-bar-share:0.1536; /* DESIGN SPEC B76 */
  --ds-bar-min:34px; /* DESIGN SPEC B77 */
  --ds-icon-share:0.0679; /* DESIGN SPEC B78 */
  --ds-edge:3px; /* DESIGN SPEC B79 */
  --ds-sub-share:0.14; /* DESIGN SPEC B80 */
  --ds-gap-share:0.0064; /* DESIGN SPEC B81 */
  --ds-label-h:18px; /* DESIGN SPEC B82 */
  --ds-name-max:0.41; /* DESIGN SPEC B83 */
  --ds-name-max-small:0.87; /* DESIGN SPEC B84 */
  --ds-ink:#222222; /* DESIGN SPEC B85 */
  --ds-title-ink:#0F0F0F; /* DESIGN SPEC B86 */
  --ds-quiet:#6B6B6B; /* DESIGN SPEC B87 */
  --ds-line:#E4E0E2; /* DESIGN SPEC B88 */
  --ds-pink:#DB2A6B; /* DESIGN SPEC B89 */
  --ds-marker:#A3FF94; /* DESIGN SPEC B90 */
  --ds-marker-from:58%; /* DESIGN SPEC B91 */
  --ds-marker-to:92%; /* DESIGN SPEC B92 */
  --xd-bar:#E6E6E6; /* DESIGN SPEC B93 */
  --xd-edge:#E32C6F; /* DESIGN SPEC B94 */
  --xd-pill:#E32C6F; /* DESIGN SPEC B95 */
  --xd-photo-edge:#FFB3CC; /* DESIGN SPEC B96 */
  --ds-head:"Cormorant Garamond"; /* DESIGN SPEC B97 */
  --ds-body-font:"DM Sans"; /* DESIGN SPEC B98 */
  --ds-accent-font:"TeX Gyre Chorus"; /* DESIGN SPEC B99 */
  --ds-frame-x:32px; /* DESIGN SPEC B101 */
  --ds-frame-x-phone:16px; /* DESIGN SPEC B102 */
  --ds-frame-top:12px; /* DESIGN SPEC B103 */
  --ds-gutter:24px; /* DESIGN SPEC B104 */
  --ds-sub-gap:4px; /* DESIGN SPEC B105 */
  --ds-block-gap:16px; /* DESIGN SPEC B106 */
  --ds-cols:7; /* DESIGN SPEC B107 */
  --ds-pill-h:22px; /* DESIGN SPEC B109 */
  --ds-pill-px:10px; /* DESIGN SPEC B110 */
  --ds-section:18px; /* DESIGN SPEC B111 */
  --ds-card-r:16px; /* DESIGN SPEC B112 */
  --ds-card-edge:3px; /* DESIGN SPEC B113 */
  --ds-label:10px; /* DESIGN SPEC B115 */
  --ds-label-track:0.12em; /* DESIGN SPEC B116 */
  --ds-w-body:400; /* DESIGN SPEC B117 */
  --ds-w-strong:600; /* DESIGN SPEC B118 */
  --ds-paper:#F5F4F1; /* DESIGN SPEC B119 */
  --ds-hair:#E6E5E1; /* DESIGN SPEC B120 */
  --ds-label-ink:#6B6B6B; /* DESIGN SPEC B121 */
  --ds-chip-ink:#6B6B6B; /* DESIGN SPEC B122 */
  --ds-ok-bg:#E8FFD8; /* DESIGN SPEC B123 */
  --ds-ok-line:#A2FF89; /* DESIGN SPEC B124 */
  --ds-pink-tint:#FFF0F5; /* DESIGN SPEC B125 */
  --ds-ok-ink:#1A7010; /* DESIGN SPEC B126 */
  --ds-rail:288px; /* DESIGN SPEC B127 */
  --ds-slot-h:52px; /* DESIGN SPEC B128 */
  --ds-unit:10px; /* DESIGN SPEC B129 */
  --xd-card-edge:#00FF44; /* DESIGN SPEC B130 (in_xd_card_edge, her shop_page_1 board) */
  --f-head:var(--ds-head),"Noto Sans Devanagari",Georgia,serif;
  --f-body:var(--ds-body-font),"Noto Sans Devanagari",sans-serif;
  --f-accent:var(--ds-accent-font),cursive;
  --pink:var(--ds-pink);
  --pink-deep:var(--xd-edge);
  --pink-band:var(--ds-pink);
  --pink-text:var(--ds-pink);
  --bn-pink:var(--ds-pink);
}
/* one page title style on every page (DESIGN SPEC ds-title / ds-title-phone / ds-title-lh) */
h1{font-size:var(--ds-title)!important;line-height:var(--ds-title-lh)!important}
@media (max-width:640px){h1{font-size:var(--ds-title-phone)!important;line-height:1.2!important}}
@media (max-width:640px){.wrap,.shop-main{padding-left:var(--ds-frame-x-phone)!important;padding-right:var(--ds-frame-x-phone)!important}}
/* one button height (ds-btn-h), slim buttons inside cards (ds-card-btn-h) */
:where(button,.btn,a.btn,[class*=btn]):where(:not(.im-burger)){box-sizing:border-box;height:var(--ds-btn-h)!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;display:inline-flex;align-items:center;justify-content:center;line-height:1}