@charset "UTF-8";
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
/*body {
  margin: 0;
}*/

body {
  --font-family: var(--font-default);
  --font-weight: 400;
  font-size: var(--sz-20);
  background: #ecf1fc;
  --mb-p: 1em;
}
@media screen and (min-width: 992px) {
  body {
    font-size: var(--sz-30);
  }
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, /* 1 */
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* ==========================================
 Color
============================================*/
:root {
  --color-default: #2a2a2a;
  --color-primary: #95afdb;
  --color-secondary: #ecf1fc;
  --color-accent: #eb8bb7;
  --color-white: #ffffff;
  --color-black: #525263;
  --color-dark: #051f4f;
  --color-navy: #21417b;
  --color-line: #06c755;
  --color-gold: #a28242;
  --color-light-gold: #efd93f;
  --color-blue: #0718f6;
  --color-water: #64c6e8;
  --color-beige: #f6f4f2;
  --color-red: #f00;
  --color-wine: #c51018;
  --color-pink: #ffb3c6;
  --color-yellow: #fcfe74;
  --color-orange: #ff8e61;
  --color-moss: #b3df98;
  --color-green: #06c755;
  --color-economy: #78b9df;
  --color-standard: #8b9ce1;
  --color-storage: #5cc25e;
}
.text-default {
  color: var(--color-default) !important;
}

.bg-default {
  background-color: var(--color-default) !important;
}

.text-primary {
  color: var(--color-primary) !important;
}

.bg-primary {
  background-color: var(--color-primary) !important;
}

.text-secondary {
  color: var(--color-secondary) !important;
}

.bg-secondary {
  background-color: var(--color-secondary) !important;
}

.text-accent {
  color: var(--color-accent) !important;
}

.bg-accent {
  background-color: var(--color-accent) !important;
}

.text-white {
  color: var(--color-white) !important;
}

.bg-white {
  background-color: var(--color-white) !important;
}

.text-black {
  color: var(--color-black) !important;
}

.bg-black {
  background-color: var(--color-black) !important;
}

.text-dark {
  color: var(--color-dark) !important;
}

.bg-dark {
  background-color: var(--color-dark) !important;
}

.text-navy {
  color: var(--color-navy) !important;
}

.bg-navy {
  background-color: var(--color-navy) !important;
}

.text-line {
  color: var(--color-line) !important;
}

.bg-line {
  background-color: var(--color-line) !important;
}

.text-gold {
  color: var(--color-gold) !important;
}

.bg-gold {
  background-color: var(--color-gold) !important;
}

.text-light-gold {
  color: var(--color-light-gold) !important;
}

.bg-light-gold {
  background-color: var(--color-light-gold) !important;
}

.text-blue {
  color: var(--color-blue) !important;
}

.bg-blue {
  background-color: var(--color-blue) !important;
}

.text-water {
  color: var(--color-water) !important;
}

.bg-water {
  background-color: var(--color-water) !important;
}

.text-beige {
  color: var(--color-beige) !important;
}

.bg-beige {
  background-color: var(--color-beige) !important;
}

.text-red {
  color: var(--color-red) !important;
}

.bg-red {
  background-color: var(--color-red) !important;
}

.text-wine {
  color: var(--color-wine) !important;
}

.bg-wine {
  background-color: var(--color-wine) !important;
}

.text-pink {
  color: var(--color-pink) !important;
}

.bg-pink {
  background-color: var(--color-pink) !important;
}

.text-yellow {
  color: var(--color-yellow) !important;
}

.bg-yellow {
  background-color: var(--color-yellow) !important;
}

.text-orange {
  color: var(--color-orange) !important;
}

.bg-orange {
  background-color: var(--color-orange) !important;
}

.text-moss {
  color: var(--color-moss) !important;
}

.bg-moss {
  background-color: var(--color-moss) !important;
}

.text-green {
  color: var(--color-green) !important;
}

.bg-green {
  background-color: var(--color-green) !important;
}

.text-economy {
  color: var(--color-economy) !important;
}

.bg-economy {
  background-color: var(--color-economy) !important;
}

.text-standard {
  color: var(--color-standard) !important;
}

.bg-standard {
  background-color: var(--color-standard) !important;
}

.text-storage {
  color: var(--color-storage) !important;
}

.bg-storage {
  background-color: var(--color-storage) !important;
}

:root {
  --color-container-shadow: #d9e5ed; /* コンテナ（コンテンツ領域）の影の色 */
  --color-text: var(--color-default); /* 文字色 */
  --color-bg: var(--color-secondary); /* 背景色 */
  --color-form-control-text: #333333; /* 入力欄の文字色 */
  --color-form-control-bg: #ffffff; /* 入力欄の背景色 */
  --color-form-control-border: #000000; /* 入力欄の枠色 */
  --color-placeholder: #494949; /* 入力欄のプレースホルダの色 */
  --color-footer-text: #000000; /* フッターの文字色 */
  --color-footer-bg: #ecf1fc; /* フッターの背景色 */
  --color-pagetop-text: #ffffff; /* ページトップボタンの文字色 */
  --color-pagetop-bg: #879fd1; /* ページトップボタンの背景色 */
}

:root {
  --color-subpage-title: #000000; /* タイトルの文字色 */
  --color-subpage-heading: #ffffff; /* 見出しの文字色 */
  --color-subpage-heading-bg: var(--bs-light); /* 見出しの背景色 */
  --color-subpage-heading-border1: silver; /* 見出しのボーダー色（薄） */
  --color-subpage-heading-border2: #012c55; /* 見出しのボーダー色（濃） */
}


/* ==========================================
 Helper
============================================*/
/* size */
:root {
  --sz-1: clamp(calc(1px * var(--min_w1) / var(--max_w1)), calc(1 * 100vw / var(--max_w1)), 1px);
  --sz-2: clamp(calc(2px * var(--min_w1) / var(--max_w1)), calc(2 * 100vw / var(--max_w1)), 2px);
  --sz-3: clamp(calc(3px * var(--min_w1) / var(--max_w1)), calc(3 * 100vw / var(--max_w1)), 3px);
  --sz-4: clamp(calc(4px * var(--min_w1) / var(--max_w1)), calc(4 * 100vw / var(--max_w1)), 4px);
  --sz-5: clamp(calc(5px * var(--min_w1) / var(--max_w1)), calc(5 * 100vw / var(--max_w1)), 5px);
  --sz-6: clamp(calc(6px * var(--min_w1) / var(--max_w1)), calc(6 * 100vw / var(--max_w1)), 6px);
  --sz-7: clamp(calc(7px * var(--min_w1) / var(--max_w1)), calc(7 * 100vw / var(--max_w1)), 7px);
  --sz-8: clamp(calc(8px * var(--min_w1) / var(--max_w1)), calc(8 * 100vw / var(--max_w1)), 8px);
  --sz-9: clamp(calc(9px * var(--min_w1) / var(--max_w1)), calc(9 * 100vw / var(--max_w1)), 9px);
  --sz-10: clamp(calc(10px * var(--min_w1) / var(--max_w1)), calc(10 * 100vw / var(--max_w1)), 10px);
  --sz-11: clamp(calc(11px * var(--min_w1) / var(--max_w1)), calc(11 * 100vw / var(--max_w1)), 11px);
  --sz-12: clamp(calc(12px * var(--min_w1) / var(--max_w1)), calc(12 * 100vw / var(--max_w1)), 12px);
  --sz-13: clamp(calc(13px * var(--min_w1) / var(--max_w1)), calc(13 * 100vw / var(--max_w1)), 13px);
  --sz-14: clamp(calc(14px * var(--min_w1) / var(--max_w1)), calc(14 * 100vw / var(--max_w1)), 14px);
  --sz-15: clamp(calc(15px * var(--min_w1) / var(--max_w1)), calc(15 * 100vw / var(--max_w1)), 15px);
  --sz-16: clamp(calc(16px * var(--min_w1) / var(--max_w1)), calc(16 * 100vw / var(--max_w1)), 16px);
  --sz-17: clamp(calc(17px * var(--min_w1) / var(--max_w1)), calc(17 * 100vw / var(--max_w1)), 17px);
  --sz-18: clamp(calc(18px * var(--min_w1) / var(--max_w1)), calc(18 * 100vw / var(--max_w1)), 18px);
  --sz-19: clamp(calc(19px * var(--min_w1) / var(--max_w1)), calc(19 * 100vw / var(--max_w1)), 19px);
  --sz-20: clamp(calc(20px * var(--min_w1) / var(--max_w1)), calc(20 * 100vw / var(--max_w1)), 20px);
  --sz-21: clamp(calc(21px * var(--min_w1) / var(--max_w1)), calc(21 * 100vw / var(--max_w1)), 21px);
  --sz-22: clamp(calc(22px * var(--min_w1) / var(--max_w1)), calc(22 * 100vw / var(--max_w1)), 22px);
  --sz-23: clamp(calc(23px * var(--min_w1) / var(--max_w1)), calc(23 * 100vw / var(--max_w1)), 23px);
  --sz-24: clamp(calc(24px * var(--min_w1) / var(--max_w1)), calc(24 * 100vw / var(--max_w1)), 24px);
  --sz-25: clamp(calc(25px * var(--min_w1) / var(--max_w1)), calc(25 * 100vw / var(--max_w1)), 25px);
  --sz-26: clamp(calc(26px * var(--min_w1) / var(--max_w1)), calc(26 * 100vw / var(--max_w1)), 26px);
  --sz-27: clamp(calc(27px * var(--min_w1) / var(--max_w1)), calc(27 * 100vw / var(--max_w1)), 27px);
  --sz-28: clamp(calc(28px * var(--min_w1) / var(--max_w1)), calc(28 * 100vw / var(--max_w1)), 28px);
  --sz-29: clamp(calc(29px * var(--min_w1) / var(--max_w1)), calc(29 * 100vw / var(--max_w1)), 29px);
  --sz-30: clamp(calc(30px * var(--min_w1) / var(--max_w1)), calc(30 * 100vw / var(--max_w1)), 30px);
  --sz-31: clamp(calc(31px * var(--min_w1) / var(--max_w1)), calc(31 * 100vw / var(--max_w1)), 31px);
  --sz-32: clamp(calc(32px * var(--min_w1) / var(--max_w1)), calc(32 * 100vw / var(--max_w1)), 32px);
  --sz-33: clamp(calc(33px * var(--min_w1) / var(--max_w1)), calc(33 * 100vw / var(--max_w1)), 33px);
  --sz-34: clamp(calc(34px * var(--min_w1) / var(--max_w1)), calc(34 * 100vw / var(--max_w1)), 34px);
  --sz-35: clamp(calc(35px * var(--min_w1) / var(--max_w1)), calc(35 * 100vw / var(--max_w1)), 35px);
  --sz-36: clamp(calc(36px * var(--min_w1) / var(--max_w1)), calc(36 * 100vw / var(--max_w1)), 36px);
  --sz-37: clamp(calc(37px * var(--min_w1) / var(--max_w1)), calc(37 * 100vw / var(--max_w1)), 37px);
  --sz-38: clamp(calc(38px * var(--min_w1) / var(--max_w1)), calc(38 * 100vw / var(--max_w1)), 38px);
  --sz-39: clamp(calc(39px * var(--min_w1) / var(--max_w1)), calc(39 * 100vw / var(--max_w1)), 39px);
  --sz-40: clamp(calc(40px * var(--min_w1) / var(--max_w1)), calc(40 * 100vw / var(--max_w1)), 40px);
  --sz-41: clamp(calc(41px * var(--min_w1) / var(--max_w1)), calc(41 * 100vw / var(--max_w1)), 41px);
  --sz-42: clamp(calc(42px * var(--min_w1) / var(--max_w1)), calc(42 * 100vw / var(--max_w1)), 42px);
  --sz-43: clamp(calc(43px * var(--min_w1) / var(--max_w1)), calc(43 * 100vw / var(--max_w1)), 43px);
  --sz-44: clamp(calc(44px * var(--min_w1) / var(--max_w1)), calc(44 * 100vw / var(--max_w1)), 44px);
  --sz-45: clamp(calc(45px * var(--min_w1) / var(--max_w1)), calc(45 * 100vw / var(--max_w1)), 45px);
  --sz-46: clamp(calc(46px * var(--min_w1) / var(--max_w1)), calc(46 * 100vw / var(--max_w1)), 46px);
  --sz-47: clamp(calc(47px * var(--min_w1) / var(--max_w1)), calc(47 * 100vw / var(--max_w1)), 47px);
  --sz-48: clamp(calc(48px * var(--min_w1) / var(--max_w1)), calc(48 * 100vw / var(--max_w1)), 48px);
  --sz-49: clamp(calc(49px * var(--min_w1) / var(--max_w1)), calc(49 * 100vw / var(--max_w1)), 49px);
  --sz-50: clamp(calc(50px * var(--min_w1) / var(--max_w1)), calc(50 * 100vw / var(--max_w1)), 50px);
  --sz-51: clamp(calc(51px * var(--min_w1) / var(--max_w1)), calc(51 * 100vw / var(--max_w1)), 51px);
  --sz-52: clamp(calc(52px * var(--min_w1) / var(--max_w1)), calc(52 * 100vw / var(--max_w1)), 52px);
  --sz-53: clamp(calc(53px * var(--min_w1) / var(--max_w1)), calc(53 * 100vw / var(--max_w1)), 53px);
  --sz-54: clamp(calc(54px * var(--min_w1) / var(--max_w1)), calc(54 * 100vw / var(--max_w1)), 54px);
  --sz-55: clamp(calc(55px * var(--min_w1) / var(--max_w1)), calc(55 * 100vw / var(--max_w1)), 55px);
  --sz-56: clamp(calc(56px * var(--min_w1) / var(--max_w1)), calc(56 * 100vw / var(--max_w1)), 56px);
  --sz-57: clamp(calc(57px * var(--min_w1) / var(--max_w1)), calc(57 * 100vw / var(--max_w1)), 57px);
  --sz-58: clamp(calc(58px * var(--min_w1) / var(--max_w1)), calc(58 * 100vw / var(--max_w1)), 58px);
  --sz-59: clamp(calc(59px * var(--min_w1) / var(--max_w1)), calc(59 * 100vw / var(--max_w1)), 59px);
  --sz-60: clamp(calc(60px * var(--min_w1) / var(--max_w1)), calc(60 * 100vw / var(--max_w1)), 60px);
  --sz-61: clamp(calc(61px * var(--min_w1) / var(--max_w1)), calc(61 * 100vw / var(--max_w1)), 61px);
  --sz-62: clamp(calc(62px * var(--min_w1) / var(--max_w1)), calc(62 * 100vw / var(--max_w1)), 62px);
  --sz-63: clamp(calc(63px * var(--min_w1) / var(--max_w1)), calc(63 * 100vw / var(--max_w1)), 63px);
  --sz-64: clamp(calc(64px * var(--min_w1) / var(--max_w1)), calc(64 * 100vw / var(--max_w1)), 64px);
  --sz-65: clamp(calc(65px * var(--min_w1) / var(--max_w1)), calc(65 * 100vw / var(--max_w1)), 65px);
  --sz-66: clamp(calc(66px * var(--min_w1) / var(--max_w1)), calc(66 * 100vw / var(--max_w1)), 66px);
  --sz-67: clamp(calc(67px * var(--min_w1) / var(--max_w1)), calc(67 * 100vw / var(--max_w1)), 67px);
  --sz-68: clamp(calc(68px * var(--min_w1) / var(--max_w1)), calc(68 * 100vw / var(--max_w1)), 68px);
  --sz-69: clamp(calc(69px * var(--min_w1) / var(--max_w1)), calc(69 * 100vw / var(--max_w1)), 69px);
  --sz-70: clamp(calc(70px * var(--min_w1) / var(--max_w1)), calc(70 * 100vw / var(--max_w1)), 70px);
  --sz-71: clamp(calc(71px * var(--min_w1) / var(--max_w1)), calc(71 * 100vw / var(--max_w1)), 71px);
  --sz-72: clamp(calc(72px * var(--min_w1) / var(--max_w1)), calc(72 * 100vw / var(--max_w1)), 72px);
  --sz-73: clamp(calc(73px * var(--min_w1) / var(--max_w1)), calc(73 * 100vw / var(--max_w1)), 73px);
  --sz-74: clamp(calc(74px * var(--min_w1) / var(--max_w1)), calc(74 * 100vw / var(--max_w1)), 74px);
  --sz-75: clamp(calc(75px * var(--min_w1) / var(--max_w1)), calc(75 * 100vw / var(--max_w1)), 75px);
  --sz-76: clamp(calc(76px * var(--min_w1) / var(--max_w1)), calc(76 * 100vw / var(--max_w1)), 76px);
  --sz-77: clamp(calc(77px * var(--min_w1) / var(--max_w1)), calc(77 * 100vw / var(--max_w1)), 77px);
  --sz-78: clamp(calc(78px * var(--min_w1) / var(--max_w1)), calc(78 * 100vw / var(--max_w1)), 78px);
  --sz-79: clamp(calc(79px * var(--min_w1) / var(--max_w1)), calc(79 * 100vw / var(--max_w1)), 79px);
  --sz-80: clamp(calc(80px * var(--min_w1) / var(--max_w1)), calc(80 * 100vw / var(--max_w1)), 80px);
  --sz-81: clamp(calc(81px * var(--min_w1) / var(--max_w1)), calc(81 * 100vw / var(--max_w1)), 81px);
  --sz-82: clamp(calc(82px * var(--min_w1) / var(--max_w1)), calc(82 * 100vw / var(--max_w1)), 82px);
  --sz-83: clamp(calc(83px * var(--min_w1) / var(--max_w1)), calc(83 * 100vw / var(--max_w1)), 83px);
  --sz-84: clamp(calc(84px * var(--min_w1) / var(--max_w1)), calc(84 * 100vw / var(--max_w1)), 84px);
  --sz-85: clamp(calc(85px * var(--min_w1) / var(--max_w1)), calc(85 * 100vw / var(--max_w1)), 85px);
  --sz-86: clamp(calc(86px * var(--min_w1) / var(--max_w1)), calc(86 * 100vw / var(--max_w1)), 86px);
  --sz-87: clamp(calc(87px * var(--min_w1) / var(--max_w1)), calc(87 * 100vw / var(--max_w1)), 87px);
  --sz-88: clamp(calc(88px * var(--min_w1) / var(--max_w1)), calc(88 * 100vw / var(--max_w1)), 88px);
  --sz-89: clamp(calc(89px * var(--min_w1) / var(--max_w1)), calc(89 * 100vw / var(--max_w1)), 89px);
  --sz-90: clamp(calc(90px * var(--min_w1) / var(--max_w1)), calc(90 * 100vw / var(--max_w1)), 90px);
  --sz-91: clamp(calc(91px * var(--min_w1) / var(--max_w1)), calc(91 * 100vw / var(--max_w1)), 91px);
  --sz-92: clamp(calc(92px * var(--min_w1) / var(--max_w1)), calc(92 * 100vw / var(--max_w1)), 92px);
  --sz-93: clamp(calc(93px * var(--min_w1) / var(--max_w1)), calc(93 * 100vw / var(--max_w1)), 93px);
  --sz-94: clamp(calc(94px * var(--min_w1) / var(--max_w1)), calc(94 * 100vw / var(--max_w1)), 94px);
  --sz-95: clamp(calc(95px * var(--min_w1) / var(--max_w1)), calc(95 * 100vw / var(--max_w1)), 95px);
  --sz-96: clamp(calc(96px * var(--min_w1) / var(--max_w1)), calc(96 * 100vw / var(--max_w1)), 96px);
  --sz-97: clamp(calc(97px * var(--min_w1) / var(--max_w1)), calc(97 * 100vw / var(--max_w1)), 97px);
  --sz-98: clamp(calc(98px * var(--min_w1) / var(--max_w1)), calc(98 * 100vw / var(--max_w1)), 98px);
  --sz-99: clamp(calc(99px * var(--min_w1) / var(--max_w1)), calc(99 * 100vw / var(--max_w1)), 99px);
  --sz-100: clamp(calc(100px * var(--min_w1) / var(--max_w1)), calc(100 * 100vw / var(--max_w1)), 100px);
  --sz-101: clamp(calc(101px * var(--min_w1) / var(--max_w1)), calc(101 * 100vw / var(--max_w1)), 101px);
  --sz-102: clamp(calc(102px * var(--min_w1) / var(--max_w1)), calc(102 * 100vw / var(--max_w1)), 102px);
  --sz-103: clamp(calc(103px * var(--min_w1) / var(--max_w1)), calc(103 * 100vw / var(--max_w1)), 103px);
  --sz-104: clamp(calc(104px * var(--min_w1) / var(--max_w1)), calc(104 * 100vw / var(--max_w1)), 104px);
  --sz-105: clamp(calc(105px * var(--min_w1) / var(--max_w1)), calc(105 * 100vw / var(--max_w1)), 105px);
  --sz-106: clamp(calc(106px * var(--min_w1) / var(--max_w1)), calc(106 * 100vw / var(--max_w1)), 106px);
  --sz-107: clamp(calc(107px * var(--min_w1) / var(--max_w1)), calc(107 * 100vw / var(--max_w1)), 107px);
  --sz-108: clamp(calc(108px * var(--min_w1) / var(--max_w1)), calc(108 * 100vw / var(--max_w1)), 108px);
  --sz-109: clamp(calc(109px * var(--min_w1) / var(--max_w1)), calc(109 * 100vw / var(--max_w1)), 109px);
  --sz-110: clamp(calc(110px * var(--min_w1) / var(--max_w1)), calc(110 * 100vw / var(--max_w1)), 110px);
  --sz-111: clamp(calc(111px * var(--min_w1) / var(--max_w1)), calc(111 * 100vw / var(--max_w1)), 111px);
  --sz-112: clamp(calc(112px * var(--min_w1) / var(--max_w1)), calc(112 * 100vw / var(--max_w1)), 112px);
  --sz-113: clamp(calc(113px * var(--min_w1) / var(--max_w1)), calc(113 * 100vw / var(--max_w1)), 113px);
  --sz-114: clamp(calc(114px * var(--min_w1) / var(--max_w1)), calc(114 * 100vw / var(--max_w1)), 114px);
  --sz-115: clamp(calc(115px * var(--min_w1) / var(--max_w1)), calc(115 * 100vw / var(--max_w1)), 115px);
  --sz-116: clamp(calc(116px * var(--min_w1) / var(--max_w1)), calc(116 * 100vw / var(--max_w1)), 116px);
  --sz-117: clamp(calc(117px * var(--min_w1) / var(--max_w1)), calc(117 * 100vw / var(--max_w1)), 117px);
  --sz-118: clamp(calc(118px * var(--min_w1) / var(--max_w1)), calc(118 * 100vw / var(--max_w1)), 118px);
  --sz-119: clamp(calc(119px * var(--min_w1) / var(--max_w1)), calc(119 * 100vw / var(--max_w1)), 119px);
  --sz-120: clamp(calc(120px * var(--min_w1) / var(--max_w1)), calc(120 * 100vw / var(--max_w1)), 120px);
  --sz-121: clamp(calc(121px * var(--min_w1) / var(--max_w1)), calc(121 * 100vw / var(--max_w1)), 121px);
  --sz-122: clamp(calc(122px * var(--min_w1) / var(--max_w1)), calc(122 * 100vw / var(--max_w1)), 122px);
  --sz-123: clamp(calc(123px * var(--min_w1) / var(--max_w1)), calc(123 * 100vw / var(--max_w1)), 123px);
  --sz-124: clamp(calc(124px * var(--min_w1) / var(--max_w1)), calc(124 * 100vw / var(--max_w1)), 124px);
  --sz-125: clamp(calc(125px * var(--min_w1) / var(--max_w1)), calc(125 * 100vw / var(--max_w1)), 125px);
  --sz-126: clamp(calc(126px * var(--min_w1) / var(--max_w1)), calc(126 * 100vw / var(--max_w1)), 126px);
  --sz-127: clamp(calc(127px * var(--min_w1) / var(--max_w1)), calc(127 * 100vw / var(--max_w1)), 127px);
  --sz-128: clamp(calc(128px * var(--min_w1) / var(--max_w1)), calc(128 * 100vw / var(--max_w1)), 128px);
  --sz-129: clamp(calc(129px * var(--min_w1) / var(--max_w1)), calc(129 * 100vw / var(--max_w1)), 129px);
  --sz-130: clamp(calc(130px * var(--min_w1) / var(--max_w1)), calc(130 * 100vw / var(--max_w1)), 130px);
  --sz-131: clamp(calc(131px * var(--min_w1) / var(--max_w1)), calc(131 * 100vw / var(--max_w1)), 131px);
  --sz-132: clamp(calc(132px * var(--min_w1) / var(--max_w1)), calc(132 * 100vw / var(--max_w1)), 132px);
  --sz-133: clamp(calc(133px * var(--min_w1) / var(--max_w1)), calc(133 * 100vw / var(--max_w1)), 133px);
  --sz-134: clamp(calc(134px * var(--min_w1) / var(--max_w1)), calc(134 * 100vw / var(--max_w1)), 134px);
  --sz-135: clamp(calc(135px * var(--min_w1) / var(--max_w1)), calc(135 * 100vw / var(--max_w1)), 135px);
  --sz-136: clamp(calc(136px * var(--min_w1) / var(--max_w1)), calc(136 * 100vw / var(--max_w1)), 136px);
  --sz-137: clamp(calc(137px * var(--min_w1) / var(--max_w1)), calc(137 * 100vw / var(--max_w1)), 137px);
  --sz-138: clamp(calc(138px * var(--min_w1) / var(--max_w1)), calc(138 * 100vw / var(--max_w1)), 138px);
  --sz-139: clamp(calc(139px * var(--min_w1) / var(--max_w1)), calc(139 * 100vw / var(--max_w1)), 139px);
  --sz-140: clamp(calc(140px * var(--min_w1) / var(--max_w1)), calc(140 * 100vw / var(--max_w1)), 140px);
  --sz-141: clamp(calc(141px * var(--min_w1) / var(--max_w1)), calc(141 * 100vw / var(--max_w1)), 141px);
  --sz-142: clamp(calc(142px * var(--min_w1) / var(--max_w1)), calc(142 * 100vw / var(--max_w1)), 142px);
  --sz-143: clamp(calc(143px * var(--min_w1) / var(--max_w1)), calc(143 * 100vw / var(--max_w1)), 143px);
  --sz-144: clamp(calc(144px * var(--min_w1) / var(--max_w1)), calc(144 * 100vw / var(--max_w1)), 144px);
  --sz-145: clamp(calc(145px * var(--min_w1) / var(--max_w1)), calc(145 * 100vw / var(--max_w1)), 145px);
  --sz-146: clamp(calc(146px * var(--min_w1) / var(--max_w1)), calc(146 * 100vw / var(--max_w1)), 146px);
  --sz-147: clamp(calc(147px * var(--min_w1) / var(--max_w1)), calc(147 * 100vw / var(--max_w1)), 147px);
  --sz-148: clamp(calc(148px * var(--min_w1) / var(--max_w1)), calc(148 * 100vw / var(--max_w1)), 148px);
  --sz-149: clamp(calc(149px * var(--min_w1) / var(--max_w1)), calc(149 * 100vw / var(--max_w1)), 149px);
  --sz-150: clamp(calc(150px * var(--min_w1) / var(--max_w1)), calc(150 * 100vw / var(--max_w1)), 150px);
  --sz-151: clamp(calc(151px * var(--min_w1) / var(--max_w1)), calc(151 * 100vw / var(--max_w1)), 151px);
  --sz-152: clamp(calc(152px * var(--min_w1) / var(--max_w1)), calc(152 * 100vw / var(--max_w1)), 152px);
  --sz-153: clamp(calc(153px * var(--min_w1) / var(--max_w1)), calc(153 * 100vw / var(--max_w1)), 153px);
  --sz-154: clamp(calc(154px * var(--min_w1) / var(--max_w1)), calc(154 * 100vw / var(--max_w1)), 154px);
  --sz-155: clamp(calc(155px * var(--min_w1) / var(--max_w1)), calc(155 * 100vw / var(--max_w1)), 155px);
  --sz-156: clamp(calc(156px * var(--min_w1) / var(--max_w1)), calc(156 * 100vw / var(--max_w1)), 156px);
  --sz-157: clamp(calc(157px * var(--min_w1) / var(--max_w1)), calc(157 * 100vw / var(--max_w1)), 157px);
  --sz-158: clamp(calc(158px * var(--min_w1) / var(--max_w1)), calc(158 * 100vw / var(--max_w1)), 158px);
  --sz-159: clamp(calc(159px * var(--min_w1) / var(--max_w1)), calc(159 * 100vw / var(--max_w1)), 159px);
  --sz-160: clamp(calc(160px * var(--min_w1) / var(--max_w1)), calc(160 * 100vw / var(--max_w1)), 160px);
  --sz-161: clamp(calc(161px * var(--min_w1) / var(--max_w1)), calc(161 * 100vw / var(--max_w1)), 161px);
  --sz-162: clamp(calc(162px * var(--min_w1) / var(--max_w1)), calc(162 * 100vw / var(--max_w1)), 162px);
  --sz-163: clamp(calc(163px * var(--min_w1) / var(--max_w1)), calc(163 * 100vw / var(--max_w1)), 163px);
  --sz-164: clamp(calc(164px * var(--min_w1) / var(--max_w1)), calc(164 * 100vw / var(--max_w1)), 164px);
  --sz-165: clamp(calc(165px * var(--min_w1) / var(--max_w1)), calc(165 * 100vw / var(--max_w1)), 165px);
  --sz-166: clamp(calc(166px * var(--min_w1) / var(--max_w1)), calc(166 * 100vw / var(--max_w1)), 166px);
  --sz-167: clamp(calc(167px * var(--min_w1) / var(--max_w1)), calc(167 * 100vw / var(--max_w1)), 167px);
  --sz-168: clamp(calc(168px * var(--min_w1) / var(--max_w1)), calc(168 * 100vw / var(--max_w1)), 168px);
  --sz-169: clamp(calc(169px * var(--min_w1) / var(--max_w1)), calc(169 * 100vw / var(--max_w1)), 169px);
  --sz-170: clamp(calc(170px * var(--min_w1) / var(--max_w1)), calc(170 * 100vw / var(--max_w1)), 170px);
  --sz-171: clamp(calc(171px * var(--min_w1) / var(--max_w1)), calc(171 * 100vw / var(--max_w1)), 171px);
  --sz-172: clamp(calc(172px * var(--min_w1) / var(--max_w1)), calc(172 * 100vw / var(--max_w1)), 172px);
  --sz-173: clamp(calc(173px * var(--min_w1) / var(--max_w1)), calc(173 * 100vw / var(--max_w1)), 173px);
  --sz-174: clamp(calc(174px * var(--min_w1) / var(--max_w1)), calc(174 * 100vw / var(--max_w1)), 174px);
  --sz-175: clamp(calc(175px * var(--min_w1) / var(--max_w1)), calc(175 * 100vw / var(--max_w1)), 175px);
  --sz-176: clamp(calc(176px * var(--min_w1) / var(--max_w1)), calc(176 * 100vw / var(--max_w1)), 176px);
  --sz-177: clamp(calc(177px * var(--min_w1) / var(--max_w1)), calc(177 * 100vw / var(--max_w1)), 177px);
  --sz-178: clamp(calc(178px * var(--min_w1) / var(--max_w1)), calc(178 * 100vw / var(--max_w1)), 178px);
  --sz-179: clamp(calc(179px * var(--min_w1) / var(--max_w1)), calc(179 * 100vw / var(--max_w1)), 179px);
  --sz-180: clamp(calc(180px * var(--min_w1) / var(--max_w1)), calc(180 * 100vw / var(--max_w1)), 180px);
  --sz-181: clamp(calc(181px * var(--min_w1) / var(--max_w1)), calc(181 * 100vw / var(--max_w1)), 181px);
  --sz-182: clamp(calc(182px * var(--min_w1) / var(--max_w1)), calc(182 * 100vw / var(--max_w1)), 182px);
  --sz-183: clamp(calc(183px * var(--min_w1) / var(--max_w1)), calc(183 * 100vw / var(--max_w1)), 183px);
  --sz-184: clamp(calc(184px * var(--min_w1) / var(--max_w1)), calc(184 * 100vw / var(--max_w1)), 184px);
  --sz-185: clamp(calc(185px * var(--min_w1) / var(--max_w1)), calc(185 * 100vw / var(--max_w1)), 185px);
  --sz-186: clamp(calc(186px * var(--min_w1) / var(--max_w1)), calc(186 * 100vw / var(--max_w1)), 186px);
  --sz-187: clamp(calc(187px * var(--min_w1) / var(--max_w1)), calc(187 * 100vw / var(--max_w1)), 187px);
  --sz-188: clamp(calc(188px * var(--min_w1) / var(--max_w1)), calc(188 * 100vw / var(--max_w1)), 188px);
  --sz-189: clamp(calc(189px * var(--min_w1) / var(--max_w1)), calc(189 * 100vw / var(--max_w1)), 189px);
  --sz-190: clamp(calc(190px * var(--min_w1) / var(--max_w1)), calc(190 * 100vw / var(--max_w1)), 190px);
  --sz-191: clamp(calc(191px * var(--min_w1) / var(--max_w1)), calc(191 * 100vw / var(--max_w1)), 191px);
  --sz-192: clamp(calc(192px * var(--min_w1) / var(--max_w1)), calc(192 * 100vw / var(--max_w1)), 192px);
  --sz-193: clamp(calc(193px * var(--min_w1) / var(--max_w1)), calc(193 * 100vw / var(--max_w1)), 193px);
  --sz-194: clamp(calc(194px * var(--min_w1) / var(--max_w1)), calc(194 * 100vw / var(--max_w1)), 194px);
  --sz-195: clamp(calc(195px * var(--min_w1) / var(--max_w1)), calc(195 * 100vw / var(--max_w1)), 195px);
  --sz-196: clamp(calc(196px * var(--min_w1) / var(--max_w1)), calc(196 * 100vw / var(--max_w1)), 196px);
  --sz-197: clamp(calc(197px * var(--min_w1) / var(--max_w1)), calc(197 * 100vw / var(--max_w1)), 197px);
  --sz-198: clamp(calc(198px * var(--min_w1) / var(--max_w1)), calc(198 * 100vw / var(--max_w1)), 198px);
  --sz-199: clamp(calc(199px * var(--min_w1) / var(--max_w1)), calc(199 * 100vw / var(--max_w1)), 199px);
  --sz-200: clamp(calc(200px * var(--min_w1) / var(--max_w1)), calc(200 * 100vw / var(--max_w1)), 200px);
  --sz-201: clamp(calc(201px * var(--min_w1) / var(--max_w1)), calc(201 * 100vw / var(--max_w1)), 201px);
  --sz-202: clamp(calc(202px * var(--min_w1) / var(--max_w1)), calc(202 * 100vw / var(--max_w1)), 202px);
  --sz-203: clamp(calc(203px * var(--min_w1) / var(--max_w1)), calc(203 * 100vw / var(--max_w1)), 203px);
  --sz-204: clamp(calc(204px * var(--min_w1) / var(--max_w1)), calc(204 * 100vw / var(--max_w1)), 204px);
  --sz-205: clamp(calc(205px * var(--min_w1) / var(--max_w1)), calc(205 * 100vw / var(--max_w1)), 205px);
  --sz-206: clamp(calc(206px * var(--min_w1) / var(--max_w1)), calc(206 * 100vw / var(--max_w1)), 206px);
  --sz-207: clamp(calc(207px * var(--min_w1) / var(--max_w1)), calc(207 * 100vw / var(--max_w1)), 207px);
  --sz-208: clamp(calc(208px * var(--min_w1) / var(--max_w1)), calc(208 * 100vw / var(--max_w1)), 208px);
  --sz-209: clamp(calc(209px * var(--min_w1) / var(--max_w1)), calc(209 * 100vw / var(--max_w1)), 209px);
  --sz-210: clamp(calc(210px * var(--min_w1) / var(--max_w1)), calc(210 * 100vw / var(--max_w1)), 210px);
  --sz-211: clamp(calc(211px * var(--min_w1) / var(--max_w1)), calc(211 * 100vw / var(--max_w1)), 211px);
  --sz-212: clamp(calc(212px * var(--min_w1) / var(--max_w1)), calc(212 * 100vw / var(--max_w1)), 212px);
  --sz-213: clamp(calc(213px * var(--min_w1) / var(--max_w1)), calc(213 * 100vw / var(--max_w1)), 213px);
  --sz-214: clamp(calc(214px * var(--min_w1) / var(--max_w1)), calc(214 * 100vw / var(--max_w1)), 214px);
  --sz-215: clamp(calc(215px * var(--min_w1) / var(--max_w1)), calc(215 * 100vw / var(--max_w1)), 215px);
  --sz-216: clamp(calc(216px * var(--min_w1) / var(--max_w1)), calc(216 * 100vw / var(--max_w1)), 216px);
  --sz-217: clamp(calc(217px * var(--min_w1) / var(--max_w1)), calc(217 * 100vw / var(--max_w1)), 217px);
  --sz-218: clamp(calc(218px * var(--min_w1) / var(--max_w1)), calc(218 * 100vw / var(--max_w1)), 218px);
  --sz-219: clamp(calc(219px * var(--min_w1) / var(--max_w1)), calc(219 * 100vw / var(--max_w1)), 219px);
  --sz-220: clamp(calc(220px * var(--min_w1) / var(--max_w1)), calc(220 * 100vw / var(--max_w1)), 220px);
  --sz-221: clamp(calc(221px * var(--min_w1) / var(--max_w1)), calc(221 * 100vw / var(--max_w1)), 221px);
  --sz-222: clamp(calc(222px * var(--min_w1) / var(--max_w1)), calc(222 * 100vw / var(--max_w1)), 222px);
  --sz-223: clamp(calc(223px * var(--min_w1) / var(--max_w1)), calc(223 * 100vw / var(--max_w1)), 223px);
  --sz-224: clamp(calc(224px * var(--min_w1) / var(--max_w1)), calc(224 * 100vw / var(--max_w1)), 224px);
  --sz-225: clamp(calc(225px * var(--min_w1) / var(--max_w1)), calc(225 * 100vw / var(--max_w1)), 225px);
  --sz-226: clamp(calc(226px * var(--min_w1) / var(--max_w1)), calc(226 * 100vw / var(--max_w1)), 226px);
  --sz-227: clamp(calc(227px * var(--min_w1) / var(--max_w1)), calc(227 * 100vw / var(--max_w1)), 227px);
  --sz-228: clamp(calc(228px * var(--min_w1) / var(--max_w1)), calc(228 * 100vw / var(--max_w1)), 228px);
  --sz-229: clamp(calc(229px * var(--min_w1) / var(--max_w1)), calc(229 * 100vw / var(--max_w1)), 229px);
  --sz-230: clamp(calc(230px * var(--min_w1) / var(--max_w1)), calc(230 * 100vw / var(--max_w1)), 230px);
  --sz-231: clamp(calc(231px * var(--min_w1) / var(--max_w1)), calc(231 * 100vw / var(--max_w1)), 231px);
  --sz-232: clamp(calc(232px * var(--min_w1) / var(--max_w1)), calc(232 * 100vw / var(--max_w1)), 232px);
  --sz-233: clamp(calc(233px * var(--min_w1) / var(--max_w1)), calc(233 * 100vw / var(--max_w1)), 233px);
  --sz-234: clamp(calc(234px * var(--min_w1) / var(--max_w1)), calc(234 * 100vw / var(--max_w1)), 234px);
  --sz-235: clamp(calc(235px * var(--min_w1) / var(--max_w1)), calc(235 * 100vw / var(--max_w1)), 235px);
  --sz-236: clamp(calc(236px * var(--min_w1) / var(--max_w1)), calc(236 * 100vw / var(--max_w1)), 236px);
  --sz-237: clamp(calc(237px * var(--min_w1) / var(--max_w1)), calc(237 * 100vw / var(--max_w1)), 237px);
  --sz-238: clamp(calc(238px * var(--min_w1) / var(--max_w1)), calc(238 * 100vw / var(--max_w1)), 238px);
  --sz-239: clamp(calc(239px * var(--min_w1) / var(--max_w1)), calc(239 * 100vw / var(--max_w1)), 239px);
  --sz-240: clamp(calc(240px * var(--min_w1) / var(--max_w1)), calc(240 * 100vw / var(--max_w1)), 240px);
  --sz-241: clamp(calc(241px * var(--min_w1) / var(--max_w1)), calc(241 * 100vw / var(--max_w1)), 241px);
  --sz-242: clamp(calc(242px * var(--min_w1) / var(--max_w1)), calc(242 * 100vw / var(--max_w1)), 242px);
  --sz-243: clamp(calc(243px * var(--min_w1) / var(--max_w1)), calc(243 * 100vw / var(--max_w1)), 243px);
  --sz-244: clamp(calc(244px * var(--min_w1) / var(--max_w1)), calc(244 * 100vw / var(--max_w1)), 244px);
  --sz-245: clamp(calc(245px * var(--min_w1) / var(--max_w1)), calc(245 * 100vw / var(--max_w1)), 245px);
  --sz-246: clamp(calc(246px * var(--min_w1) / var(--max_w1)), calc(246 * 100vw / var(--max_w1)), 246px);
  --sz-247: clamp(calc(247px * var(--min_w1) / var(--max_w1)), calc(247 * 100vw / var(--max_w1)), 247px);
  --sz-248: clamp(calc(248px * var(--min_w1) / var(--max_w1)), calc(248 * 100vw / var(--max_w1)), 248px);
  --sz-249: clamp(calc(249px * var(--min_w1) / var(--max_w1)), calc(249 * 100vw / var(--max_w1)), 249px);
  --sz-250: clamp(calc(250px * var(--min_w1) / var(--max_w1)), calc(250 * 100vw / var(--max_w1)), 250px);
  --sz-251: clamp(calc(251px * var(--min_w1) / var(--max_w1)), calc(251 * 100vw / var(--max_w1)), 251px);
  --sz-252: clamp(calc(252px * var(--min_w1) / var(--max_w1)), calc(252 * 100vw / var(--max_w1)), 252px);
  --sz-253: clamp(calc(253px * var(--min_w1) / var(--max_w1)), calc(253 * 100vw / var(--max_w1)), 253px);
  --sz-254: clamp(calc(254px * var(--min_w1) / var(--max_w1)), calc(254 * 100vw / var(--max_w1)), 254px);
  --sz-255: clamp(calc(255px * var(--min_w1) / var(--max_w1)), calc(255 * 100vw / var(--max_w1)), 255px);
  --sz-256: clamp(calc(256px * var(--min_w1) / var(--max_w1)), calc(256 * 100vw / var(--max_w1)), 256px);
  --sz-257: clamp(calc(257px * var(--min_w1) / var(--max_w1)), calc(257 * 100vw / var(--max_w1)), 257px);
  --sz-258: clamp(calc(258px * var(--min_w1) / var(--max_w1)), calc(258 * 100vw / var(--max_w1)), 258px);
  --sz-259: clamp(calc(259px * var(--min_w1) / var(--max_w1)), calc(259 * 100vw / var(--max_w1)), 259px);
  --sz-260: clamp(calc(260px * var(--min_w1) / var(--max_w1)), calc(260 * 100vw / var(--max_w1)), 260px);
  --sz-261: clamp(calc(261px * var(--min_w1) / var(--max_w1)), calc(261 * 100vw / var(--max_w1)), 261px);
  --sz-262: clamp(calc(262px * var(--min_w1) / var(--max_w1)), calc(262 * 100vw / var(--max_w1)), 262px);
  --sz-263: clamp(calc(263px * var(--min_w1) / var(--max_w1)), calc(263 * 100vw / var(--max_w1)), 263px);
  --sz-264: clamp(calc(264px * var(--min_w1) / var(--max_w1)), calc(264 * 100vw / var(--max_w1)), 264px);
  --sz-265: clamp(calc(265px * var(--min_w1) / var(--max_w1)), calc(265 * 100vw / var(--max_w1)), 265px);
  --sz-266: clamp(calc(266px * var(--min_w1) / var(--max_w1)), calc(266 * 100vw / var(--max_w1)), 266px);
  --sz-267: clamp(calc(267px * var(--min_w1) / var(--max_w1)), calc(267 * 100vw / var(--max_w1)), 267px);
  --sz-268: clamp(calc(268px * var(--min_w1) / var(--max_w1)), calc(268 * 100vw / var(--max_w1)), 268px);
  --sz-269: clamp(calc(269px * var(--min_w1) / var(--max_w1)), calc(269 * 100vw / var(--max_w1)), 269px);
  --sz-270: clamp(calc(270px * var(--min_w1) / var(--max_w1)), calc(270 * 100vw / var(--max_w1)), 270px);
  --sz-271: clamp(calc(271px * var(--min_w1) / var(--max_w1)), calc(271 * 100vw / var(--max_w1)), 271px);
  --sz-272: clamp(calc(272px * var(--min_w1) / var(--max_w1)), calc(272 * 100vw / var(--max_w1)), 272px);
  --sz-273: clamp(calc(273px * var(--min_w1) / var(--max_w1)), calc(273 * 100vw / var(--max_w1)), 273px);
  --sz-274: clamp(calc(274px * var(--min_w1) / var(--max_w1)), calc(274 * 100vw / var(--max_w1)), 274px);
  --sz-275: clamp(calc(275px * var(--min_w1) / var(--max_w1)), calc(275 * 100vw / var(--max_w1)), 275px);
  --sz-276: clamp(calc(276px * var(--min_w1) / var(--max_w1)), calc(276 * 100vw / var(--max_w1)), 276px);
  --sz-277: clamp(calc(277px * var(--min_w1) / var(--max_w1)), calc(277 * 100vw / var(--max_w1)), 277px);
  --sz-278: clamp(calc(278px * var(--min_w1) / var(--max_w1)), calc(278 * 100vw / var(--max_w1)), 278px);
  --sz-279: clamp(calc(279px * var(--min_w1) / var(--max_w1)), calc(279 * 100vw / var(--max_w1)), 279px);
  --sz-280: clamp(calc(280px * var(--min_w1) / var(--max_w1)), calc(280 * 100vw / var(--max_w1)), 280px);
  --sz-281: clamp(calc(281px * var(--min_w1) / var(--max_w1)), calc(281 * 100vw / var(--max_w1)), 281px);
  --sz-282: clamp(calc(282px * var(--min_w1) / var(--max_w1)), calc(282 * 100vw / var(--max_w1)), 282px);
  --sz-283: clamp(calc(283px * var(--min_w1) / var(--max_w1)), calc(283 * 100vw / var(--max_w1)), 283px);
  --sz-284: clamp(calc(284px * var(--min_w1) / var(--max_w1)), calc(284 * 100vw / var(--max_w1)), 284px);
  --sz-285: clamp(calc(285px * var(--min_w1) / var(--max_w1)), calc(285 * 100vw / var(--max_w1)), 285px);
  --sz-286: clamp(calc(286px * var(--min_w1) / var(--max_w1)), calc(286 * 100vw / var(--max_w1)), 286px);
  --sz-287: clamp(calc(287px * var(--min_w1) / var(--max_w1)), calc(287 * 100vw / var(--max_w1)), 287px);
  --sz-288: clamp(calc(288px * var(--min_w1) / var(--max_w1)), calc(288 * 100vw / var(--max_w1)), 288px);
  --sz-289: clamp(calc(289px * var(--min_w1) / var(--max_w1)), calc(289 * 100vw / var(--max_w1)), 289px);
  --sz-290: clamp(calc(290px * var(--min_w1) / var(--max_w1)), calc(290 * 100vw / var(--max_w1)), 290px);
  --sz-291: clamp(calc(291px * var(--min_w1) / var(--max_w1)), calc(291 * 100vw / var(--max_w1)), 291px);
  --sz-292: clamp(calc(292px * var(--min_w1) / var(--max_w1)), calc(292 * 100vw / var(--max_w1)), 292px);
  --sz-293: clamp(calc(293px * var(--min_w1) / var(--max_w1)), calc(293 * 100vw / var(--max_w1)), 293px);
  --sz-294: clamp(calc(294px * var(--min_w1) / var(--max_w1)), calc(294 * 100vw / var(--max_w1)), 294px);
  --sz-295: clamp(calc(295px * var(--min_w1) / var(--max_w1)), calc(295 * 100vw / var(--max_w1)), 295px);
  --sz-296: clamp(calc(296px * var(--min_w1) / var(--max_w1)), calc(296 * 100vw / var(--max_w1)), 296px);
  --sz-297: clamp(calc(297px * var(--min_w1) / var(--max_w1)), calc(297 * 100vw / var(--max_w1)), 297px);
  --sz-298: clamp(calc(298px * var(--min_w1) / var(--max_w1)), calc(298 * 100vw / var(--max_w1)), 298px);
  --sz-299: clamp(calc(299px * var(--min_w1) / var(--max_w1)), calc(299 * 100vw / var(--max_w1)), 299px);
  --sz-300: clamp(calc(300px * var(--min_w1) / var(--max_w1)), calc(300 * 100vw / var(--max_w1)), 300px);
  --sz-301: clamp(calc(301px * var(--min_w1) / var(--max_w1)), calc(301 * 100vw / var(--max_w1)), 301px);
  --sz-302: clamp(calc(302px * var(--min_w1) / var(--max_w1)), calc(302 * 100vw / var(--max_w1)), 302px);
  --sz-303: clamp(calc(303px * var(--min_w1) / var(--max_w1)), calc(303 * 100vw / var(--max_w1)), 303px);
  --sz-304: clamp(calc(304px * var(--min_w1) / var(--max_w1)), calc(304 * 100vw / var(--max_w1)), 304px);
  --sz-305: clamp(calc(305px * var(--min_w1) / var(--max_w1)), calc(305 * 100vw / var(--max_w1)), 305px);
  --sz-306: clamp(calc(306px * var(--min_w1) / var(--max_w1)), calc(306 * 100vw / var(--max_w1)), 306px);
  --sz-307: clamp(calc(307px * var(--min_w1) / var(--max_w1)), calc(307 * 100vw / var(--max_w1)), 307px);
  --sz-308: clamp(calc(308px * var(--min_w1) / var(--max_w1)), calc(308 * 100vw / var(--max_w1)), 308px);
  --sz-309: clamp(calc(309px * var(--min_w1) / var(--max_w1)), calc(309 * 100vw / var(--max_w1)), 309px);
  --sz-310: clamp(calc(310px * var(--min_w1) / var(--max_w1)), calc(310 * 100vw / var(--max_w1)), 310px);
  --sz-311: clamp(calc(311px * var(--min_w1) / var(--max_w1)), calc(311 * 100vw / var(--max_w1)), 311px);
  --sz-312: clamp(calc(312px * var(--min_w1) / var(--max_w1)), calc(312 * 100vw / var(--max_w1)), 312px);
  --sz-313: clamp(calc(313px * var(--min_w1) / var(--max_w1)), calc(313 * 100vw / var(--max_w1)), 313px);
  --sz-314: clamp(calc(314px * var(--min_w1) / var(--max_w1)), calc(314 * 100vw / var(--max_w1)), 314px);
  --sz-315: clamp(calc(315px * var(--min_w1) / var(--max_w1)), calc(315 * 100vw / var(--max_w1)), 315px);
  --sz-316: clamp(calc(316px * var(--min_w1) / var(--max_w1)), calc(316 * 100vw / var(--max_w1)), 316px);
  --sz-317: clamp(calc(317px * var(--min_w1) / var(--max_w1)), calc(317 * 100vw / var(--max_w1)), 317px);
  --sz-318: clamp(calc(318px * var(--min_w1) / var(--max_w1)), calc(318 * 100vw / var(--max_w1)), 318px);
  --sz-319: clamp(calc(319px * var(--min_w1) / var(--max_w1)), calc(319 * 100vw / var(--max_w1)), 319px);
  --sz-320: clamp(calc(320px * var(--min_w1) / var(--max_w1)), calc(320 * 100vw / var(--max_w1)), 320px);
  --sz-321: clamp(calc(321px * var(--min_w1) / var(--max_w1)), calc(321 * 100vw / var(--max_w1)), 321px);
  --sz-322: clamp(calc(322px * var(--min_w1) / var(--max_w1)), calc(322 * 100vw / var(--max_w1)), 322px);
  --sz-323: clamp(calc(323px * var(--min_w1) / var(--max_w1)), calc(323 * 100vw / var(--max_w1)), 323px);
  --sz-324: clamp(calc(324px * var(--min_w1) / var(--max_w1)), calc(324 * 100vw / var(--max_w1)), 324px);
  --sz-325: clamp(calc(325px * var(--min_w1) / var(--max_w1)), calc(325 * 100vw / var(--max_w1)), 325px);
  --sz-326: clamp(calc(326px * var(--min_w1) / var(--max_w1)), calc(326 * 100vw / var(--max_w1)), 326px);
  --sz-327: clamp(calc(327px * var(--min_w1) / var(--max_w1)), calc(327 * 100vw / var(--max_w1)), 327px);
  --sz-328: clamp(calc(328px * var(--min_w1) / var(--max_w1)), calc(328 * 100vw / var(--max_w1)), 328px);
  --sz-329: clamp(calc(329px * var(--min_w1) / var(--max_w1)), calc(329 * 100vw / var(--max_w1)), 329px);
  --sz-330: clamp(calc(330px * var(--min_w1) / var(--max_w1)), calc(330 * 100vw / var(--max_w1)), 330px);
  --sz-331: clamp(calc(331px * var(--min_w1) / var(--max_w1)), calc(331 * 100vw / var(--max_w1)), 331px);
  --sz-332: clamp(calc(332px * var(--min_w1) / var(--max_w1)), calc(332 * 100vw / var(--max_w1)), 332px);
  --sz-333: clamp(calc(333px * var(--min_w1) / var(--max_w1)), calc(333 * 100vw / var(--max_w1)), 333px);
  --sz-334: clamp(calc(334px * var(--min_w1) / var(--max_w1)), calc(334 * 100vw / var(--max_w1)), 334px);
  --sz-335: clamp(calc(335px * var(--min_w1) / var(--max_w1)), calc(335 * 100vw / var(--max_w1)), 335px);
  --sz-336: clamp(calc(336px * var(--min_w1) / var(--max_w1)), calc(336 * 100vw / var(--max_w1)), 336px);
  --sz-337: clamp(calc(337px * var(--min_w1) / var(--max_w1)), calc(337 * 100vw / var(--max_w1)), 337px);
  --sz-338: clamp(calc(338px * var(--min_w1) / var(--max_w1)), calc(338 * 100vw / var(--max_w1)), 338px);
  --sz-339: clamp(calc(339px * var(--min_w1) / var(--max_w1)), calc(339 * 100vw / var(--max_w1)), 339px);
  --sz-340: clamp(calc(340px * var(--min_w1) / var(--max_w1)), calc(340 * 100vw / var(--max_w1)), 340px);
  --sz-341: clamp(calc(341px * var(--min_w1) / var(--max_w1)), calc(341 * 100vw / var(--max_w1)), 341px);
  --sz-342: clamp(calc(342px * var(--min_w1) / var(--max_w1)), calc(342 * 100vw / var(--max_w1)), 342px);
  --sz-343: clamp(calc(343px * var(--min_w1) / var(--max_w1)), calc(343 * 100vw / var(--max_w1)), 343px);
  --sz-344: clamp(calc(344px * var(--min_w1) / var(--max_w1)), calc(344 * 100vw / var(--max_w1)), 344px);
  --sz-345: clamp(calc(345px * var(--min_w1) / var(--max_w1)), calc(345 * 100vw / var(--max_w1)), 345px);
  --sz-346: clamp(calc(346px * var(--min_w1) / var(--max_w1)), calc(346 * 100vw / var(--max_w1)), 346px);
  --sz-347: clamp(calc(347px * var(--min_w1) / var(--max_w1)), calc(347 * 100vw / var(--max_w1)), 347px);
  --sz-348: clamp(calc(348px * var(--min_w1) / var(--max_w1)), calc(348 * 100vw / var(--max_w1)), 348px);
  --sz-349: clamp(calc(349px * var(--min_w1) / var(--max_w1)), calc(349 * 100vw / var(--max_w1)), 349px);
  --sz-350: clamp(calc(350px * var(--min_w1) / var(--max_w1)), calc(350 * 100vw / var(--max_w1)), 350px);
  --sz-351: clamp(calc(351px * var(--min_w1) / var(--max_w1)), calc(351 * 100vw / var(--max_w1)), 351px);
  --sz-352: clamp(calc(352px * var(--min_w1) / var(--max_w1)), calc(352 * 100vw / var(--max_w1)), 352px);
  --sz-353: clamp(calc(353px * var(--min_w1) / var(--max_w1)), calc(353 * 100vw / var(--max_w1)), 353px);
  --sz-354: clamp(calc(354px * var(--min_w1) / var(--max_w1)), calc(354 * 100vw / var(--max_w1)), 354px);
  --sz-355: clamp(calc(355px * var(--min_w1) / var(--max_w1)), calc(355 * 100vw / var(--max_w1)), 355px);
  --sz-356: clamp(calc(356px * var(--min_w1) / var(--max_w1)), calc(356 * 100vw / var(--max_w1)), 356px);
  --sz-357: clamp(calc(357px * var(--min_w1) / var(--max_w1)), calc(357 * 100vw / var(--max_w1)), 357px);
  --sz-358: clamp(calc(358px * var(--min_w1) / var(--max_w1)), calc(358 * 100vw / var(--max_w1)), 358px);
  --sz-359: clamp(calc(359px * var(--min_w1) / var(--max_w1)), calc(359 * 100vw / var(--max_w1)), 359px);
  --sz-360: clamp(calc(360px * var(--min_w1) / var(--max_w1)), calc(360 * 100vw / var(--max_w1)), 360px);
  --sz-361: clamp(calc(361px * var(--min_w1) / var(--max_w1)), calc(361 * 100vw / var(--max_w1)), 361px);
  --sz-362: clamp(calc(362px * var(--min_w1) / var(--max_w1)), calc(362 * 100vw / var(--max_w1)), 362px);
  --sz-363: clamp(calc(363px * var(--min_w1) / var(--max_w1)), calc(363 * 100vw / var(--max_w1)), 363px);
  --sz-364: clamp(calc(364px * var(--min_w1) / var(--max_w1)), calc(364 * 100vw / var(--max_w1)), 364px);
  --sz-365: clamp(calc(365px * var(--min_w1) / var(--max_w1)), calc(365 * 100vw / var(--max_w1)), 365px);
  --sz-366: clamp(calc(366px * var(--min_w1) / var(--max_w1)), calc(366 * 100vw / var(--max_w1)), 366px);
  --sz-367: clamp(calc(367px * var(--min_w1) / var(--max_w1)), calc(367 * 100vw / var(--max_w1)), 367px);
  --sz-368: clamp(calc(368px * var(--min_w1) / var(--max_w1)), calc(368 * 100vw / var(--max_w1)), 368px);
  --sz-369: clamp(calc(369px * var(--min_w1) / var(--max_w1)), calc(369 * 100vw / var(--max_w1)), 369px);
  --sz-370: clamp(calc(370px * var(--min_w1) / var(--max_w1)), calc(370 * 100vw / var(--max_w1)), 370px);
  --sz-371: clamp(calc(371px * var(--min_w1) / var(--max_w1)), calc(371 * 100vw / var(--max_w1)), 371px);
  --sz-372: clamp(calc(372px * var(--min_w1) / var(--max_w1)), calc(372 * 100vw / var(--max_w1)), 372px);
  --sz-373: clamp(calc(373px * var(--min_w1) / var(--max_w1)), calc(373 * 100vw / var(--max_w1)), 373px);
  --sz-374: clamp(calc(374px * var(--min_w1) / var(--max_w1)), calc(374 * 100vw / var(--max_w1)), 374px);
  --sz-375: clamp(calc(375px * var(--min_w1) / var(--max_w1)), calc(375 * 100vw / var(--max_w1)), 375px);
  --sz-376: clamp(calc(376px * var(--min_w1) / var(--max_w1)), calc(376 * 100vw / var(--max_w1)), 376px);
  --sz-377: clamp(calc(377px * var(--min_w1) / var(--max_w1)), calc(377 * 100vw / var(--max_w1)), 377px);
  --sz-378: clamp(calc(378px * var(--min_w1) / var(--max_w1)), calc(378 * 100vw / var(--max_w1)), 378px);
  --sz-379: clamp(calc(379px * var(--min_w1) / var(--max_w1)), calc(379 * 100vw / var(--max_w1)), 379px);
  --sz-380: clamp(calc(380px * var(--min_w1) / var(--max_w1)), calc(380 * 100vw / var(--max_w1)), 380px);
  --sz-381: clamp(calc(381px * var(--min_w1) / var(--max_w1)), calc(381 * 100vw / var(--max_w1)), 381px);
  --sz-382: clamp(calc(382px * var(--min_w1) / var(--max_w1)), calc(382 * 100vw / var(--max_w1)), 382px);
  --sz-383: clamp(calc(383px * var(--min_w1) / var(--max_w1)), calc(383 * 100vw / var(--max_w1)), 383px);
  --sz-384: clamp(calc(384px * var(--min_w1) / var(--max_w1)), calc(384 * 100vw / var(--max_w1)), 384px);
  --sz-385: clamp(calc(385px * var(--min_w1) / var(--max_w1)), calc(385 * 100vw / var(--max_w1)), 385px);
  --sz-386: clamp(calc(386px * var(--min_w1) / var(--max_w1)), calc(386 * 100vw / var(--max_w1)), 386px);
  --sz-387: clamp(calc(387px * var(--min_w1) / var(--max_w1)), calc(387 * 100vw / var(--max_w1)), 387px);
  --sz-388: clamp(calc(388px * var(--min_w1) / var(--max_w1)), calc(388 * 100vw / var(--max_w1)), 388px);
  --sz-389: clamp(calc(389px * var(--min_w1) / var(--max_w1)), calc(389 * 100vw / var(--max_w1)), 389px);
  --sz-390: clamp(calc(390px * var(--min_w1) / var(--max_w1)), calc(390 * 100vw / var(--max_w1)), 390px);
  --sz-391: clamp(calc(391px * var(--min_w1) / var(--max_w1)), calc(391 * 100vw / var(--max_w1)), 391px);
  --sz-392: clamp(calc(392px * var(--min_w1) / var(--max_w1)), calc(392 * 100vw / var(--max_w1)), 392px);
  --sz-393: clamp(calc(393px * var(--min_w1) / var(--max_w1)), calc(393 * 100vw / var(--max_w1)), 393px);
  --sz-394: clamp(calc(394px * var(--min_w1) / var(--max_w1)), calc(394 * 100vw / var(--max_w1)), 394px);
  --sz-395: clamp(calc(395px * var(--min_w1) / var(--max_w1)), calc(395 * 100vw / var(--max_w1)), 395px);
  --sz-396: clamp(calc(396px * var(--min_w1) / var(--max_w1)), calc(396 * 100vw / var(--max_w1)), 396px);
  --sz-397: clamp(calc(397px * var(--min_w1) / var(--max_w1)), calc(397 * 100vw / var(--max_w1)), 397px);
  --sz-398: clamp(calc(398px * var(--min_w1) / var(--max_w1)), calc(398 * 100vw / var(--max_w1)), 398px);
  --sz-399: clamp(calc(399px * var(--min_w1) / var(--max_w1)), calc(399 * 100vw / var(--max_w1)), 399px);
  --sz-400: clamp(calc(400px * var(--min_w1) / var(--max_w1)), calc(400 * 100vw / var(--max_w1)), 400px);
  --sz-401: clamp(calc(401px * var(--min_w1) / var(--max_w1)), calc(401 * 100vw / var(--max_w1)), 401px);
  --sz-402: clamp(calc(402px * var(--min_w1) / var(--max_w1)), calc(402 * 100vw / var(--max_w1)), 402px);
  --sz-403: clamp(calc(403px * var(--min_w1) / var(--max_w1)), calc(403 * 100vw / var(--max_w1)), 403px);
  --sz-404: clamp(calc(404px * var(--min_w1) / var(--max_w1)), calc(404 * 100vw / var(--max_w1)), 404px);
  --sz-405: clamp(calc(405px * var(--min_w1) / var(--max_w1)), calc(405 * 100vw / var(--max_w1)), 405px);
  --sz-406: clamp(calc(406px * var(--min_w1) / var(--max_w1)), calc(406 * 100vw / var(--max_w1)), 406px);
  --sz-407: clamp(calc(407px * var(--min_w1) / var(--max_w1)), calc(407 * 100vw / var(--max_w1)), 407px);
  --sz-408: clamp(calc(408px * var(--min_w1) / var(--max_w1)), calc(408 * 100vw / var(--max_w1)), 408px);
  --sz-409: clamp(calc(409px * var(--min_w1) / var(--max_w1)), calc(409 * 100vw / var(--max_w1)), 409px);
  --sz-410: clamp(calc(410px * var(--min_w1) / var(--max_w1)), calc(410 * 100vw / var(--max_w1)), 410px);
  --sz-411: clamp(calc(411px * var(--min_w1) / var(--max_w1)), calc(411 * 100vw / var(--max_w1)), 411px);
  --sz-412: clamp(calc(412px * var(--min_w1) / var(--max_w1)), calc(412 * 100vw / var(--max_w1)), 412px);
  --sz-413: clamp(calc(413px * var(--min_w1) / var(--max_w1)), calc(413 * 100vw / var(--max_w1)), 413px);
  --sz-414: clamp(calc(414px * var(--min_w1) / var(--max_w1)), calc(414 * 100vw / var(--max_w1)), 414px);
  --sz-415: clamp(calc(415px * var(--min_w1) / var(--max_w1)), calc(415 * 100vw / var(--max_w1)), 415px);
  --sz-416: clamp(calc(416px * var(--min_w1) / var(--max_w1)), calc(416 * 100vw / var(--max_w1)), 416px);
  --sz-417: clamp(calc(417px * var(--min_w1) / var(--max_w1)), calc(417 * 100vw / var(--max_w1)), 417px);
  --sz-418: clamp(calc(418px * var(--min_w1) / var(--max_w1)), calc(418 * 100vw / var(--max_w1)), 418px);
  --sz-419: clamp(calc(419px * var(--min_w1) / var(--max_w1)), calc(419 * 100vw / var(--max_w1)), 419px);
  --sz-420: clamp(calc(420px * var(--min_w1) / var(--max_w1)), calc(420 * 100vw / var(--max_w1)), 420px);
  --sz-421: clamp(calc(421px * var(--min_w1) / var(--max_w1)), calc(421 * 100vw / var(--max_w1)), 421px);
  --sz-422: clamp(calc(422px * var(--min_w1) / var(--max_w1)), calc(422 * 100vw / var(--max_w1)), 422px);
  --sz-423: clamp(calc(423px * var(--min_w1) / var(--max_w1)), calc(423 * 100vw / var(--max_w1)), 423px);
  --sz-424: clamp(calc(424px * var(--min_w1) / var(--max_w1)), calc(424 * 100vw / var(--max_w1)), 424px);
  --sz-425: clamp(calc(425px * var(--min_w1) / var(--max_w1)), calc(425 * 100vw / var(--max_w1)), 425px);
  --sz-426: clamp(calc(426px * var(--min_w1) / var(--max_w1)), calc(426 * 100vw / var(--max_w1)), 426px);
  --sz-427: clamp(calc(427px * var(--min_w1) / var(--max_w1)), calc(427 * 100vw / var(--max_w1)), 427px);
  --sz-428: clamp(calc(428px * var(--min_w1) / var(--max_w1)), calc(428 * 100vw / var(--max_w1)), 428px);
  --sz-429: clamp(calc(429px * var(--min_w1) / var(--max_w1)), calc(429 * 100vw / var(--max_w1)), 429px);
  --sz-430: clamp(calc(430px * var(--min_w1) / var(--max_w1)), calc(430 * 100vw / var(--max_w1)), 430px);
  --sz-431: clamp(calc(431px * var(--min_w1) / var(--max_w1)), calc(431 * 100vw / var(--max_w1)), 431px);
  --sz-432: clamp(calc(432px * var(--min_w1) / var(--max_w1)), calc(432 * 100vw / var(--max_w1)), 432px);
  --sz-433: clamp(calc(433px * var(--min_w1) / var(--max_w1)), calc(433 * 100vw / var(--max_w1)), 433px);
  --sz-434: clamp(calc(434px * var(--min_w1) / var(--max_w1)), calc(434 * 100vw / var(--max_w1)), 434px);
  --sz-435: clamp(calc(435px * var(--min_w1) / var(--max_w1)), calc(435 * 100vw / var(--max_w1)), 435px);
  --sz-436: clamp(calc(436px * var(--min_w1) / var(--max_w1)), calc(436 * 100vw / var(--max_w1)), 436px);
  --sz-437: clamp(calc(437px * var(--min_w1) / var(--max_w1)), calc(437 * 100vw / var(--max_w1)), 437px);
  --sz-438: clamp(calc(438px * var(--min_w1) / var(--max_w1)), calc(438 * 100vw / var(--max_w1)), 438px);
  --sz-439: clamp(calc(439px * var(--min_w1) / var(--max_w1)), calc(439 * 100vw / var(--max_w1)), 439px);
  --sz-440: clamp(calc(440px * var(--min_w1) / var(--max_w1)), calc(440 * 100vw / var(--max_w1)), 440px);
  --sz-441: clamp(calc(441px * var(--min_w1) / var(--max_w1)), calc(441 * 100vw / var(--max_w1)), 441px);
  --sz-442: clamp(calc(442px * var(--min_w1) / var(--max_w1)), calc(442 * 100vw / var(--max_w1)), 442px);
  --sz-443: clamp(calc(443px * var(--min_w1) / var(--max_w1)), calc(443 * 100vw / var(--max_w1)), 443px);
  --sz-444: clamp(calc(444px * var(--min_w1) / var(--max_w1)), calc(444 * 100vw / var(--max_w1)), 444px);
  --sz-445: clamp(calc(445px * var(--min_w1) / var(--max_w1)), calc(445 * 100vw / var(--max_w1)), 445px);
  --sz-446: clamp(calc(446px * var(--min_w1) / var(--max_w1)), calc(446 * 100vw / var(--max_w1)), 446px);
  --sz-447: clamp(calc(447px * var(--min_w1) / var(--max_w1)), calc(447 * 100vw / var(--max_w1)), 447px);
  --sz-448: clamp(calc(448px * var(--min_w1) / var(--max_w1)), calc(448 * 100vw / var(--max_w1)), 448px);
  --sz-449: clamp(calc(449px * var(--min_w1) / var(--max_w1)), calc(449 * 100vw / var(--max_w1)), 449px);
  --sz-450: clamp(calc(450px * var(--min_w1) / var(--max_w1)), calc(450 * 100vw / var(--max_w1)), 450px);
  --sz-451: clamp(calc(451px * var(--min_w1) / var(--max_w1)), calc(451 * 100vw / var(--max_w1)), 451px);
  --sz-452: clamp(calc(452px * var(--min_w1) / var(--max_w1)), calc(452 * 100vw / var(--max_w1)), 452px);
  --sz-453: clamp(calc(453px * var(--min_w1) / var(--max_w1)), calc(453 * 100vw / var(--max_w1)), 453px);
  --sz-454: clamp(calc(454px * var(--min_w1) / var(--max_w1)), calc(454 * 100vw / var(--max_w1)), 454px);
  --sz-455: clamp(calc(455px * var(--min_w1) / var(--max_w1)), calc(455 * 100vw / var(--max_w1)), 455px);
  --sz-456: clamp(calc(456px * var(--min_w1) / var(--max_w1)), calc(456 * 100vw / var(--max_w1)), 456px);
  --sz-457: clamp(calc(457px * var(--min_w1) / var(--max_w1)), calc(457 * 100vw / var(--max_w1)), 457px);
  --sz-458: clamp(calc(458px * var(--min_w1) / var(--max_w1)), calc(458 * 100vw / var(--max_w1)), 458px);
  --sz-459: clamp(calc(459px * var(--min_w1) / var(--max_w1)), calc(459 * 100vw / var(--max_w1)), 459px);
  --sz-460: clamp(calc(460px * var(--min_w1) / var(--max_w1)), calc(460 * 100vw / var(--max_w1)), 460px);
  --sz-461: clamp(calc(461px * var(--min_w1) / var(--max_w1)), calc(461 * 100vw / var(--max_w1)), 461px);
  --sz-462: clamp(calc(462px * var(--min_w1) / var(--max_w1)), calc(462 * 100vw / var(--max_w1)), 462px);
  --sz-463: clamp(calc(463px * var(--min_w1) / var(--max_w1)), calc(463 * 100vw / var(--max_w1)), 463px);
  --sz-464: clamp(calc(464px * var(--min_w1) / var(--max_w1)), calc(464 * 100vw / var(--max_w1)), 464px);
  --sz-465: clamp(calc(465px * var(--min_w1) / var(--max_w1)), calc(465 * 100vw / var(--max_w1)), 465px);
  --sz-466: clamp(calc(466px * var(--min_w1) / var(--max_w1)), calc(466 * 100vw / var(--max_w1)), 466px);
  --sz-467: clamp(calc(467px * var(--min_w1) / var(--max_w1)), calc(467 * 100vw / var(--max_w1)), 467px);
  --sz-468: clamp(calc(468px * var(--min_w1) / var(--max_w1)), calc(468 * 100vw / var(--max_w1)), 468px);
  --sz-469: clamp(calc(469px * var(--min_w1) / var(--max_w1)), calc(469 * 100vw / var(--max_w1)), 469px);
  --sz-470: clamp(calc(470px * var(--min_w1) / var(--max_w1)), calc(470 * 100vw / var(--max_w1)), 470px);
  --sz-471: clamp(calc(471px * var(--min_w1) / var(--max_w1)), calc(471 * 100vw / var(--max_w1)), 471px);
  --sz-472: clamp(calc(472px * var(--min_w1) / var(--max_w1)), calc(472 * 100vw / var(--max_w1)), 472px);
  --sz-473: clamp(calc(473px * var(--min_w1) / var(--max_w1)), calc(473 * 100vw / var(--max_w1)), 473px);
  --sz-474: clamp(calc(474px * var(--min_w1) / var(--max_w1)), calc(474 * 100vw / var(--max_w1)), 474px);
  --sz-475: clamp(calc(475px * var(--min_w1) / var(--max_w1)), calc(475 * 100vw / var(--max_w1)), 475px);
  --sz-476: clamp(calc(476px * var(--min_w1) / var(--max_w1)), calc(476 * 100vw / var(--max_w1)), 476px);
  --sz-477: clamp(calc(477px * var(--min_w1) / var(--max_w1)), calc(477 * 100vw / var(--max_w1)), 477px);
  --sz-478: clamp(calc(478px * var(--min_w1) / var(--max_w1)), calc(478 * 100vw / var(--max_w1)), 478px);
  --sz-479: clamp(calc(479px * var(--min_w1) / var(--max_w1)), calc(479 * 100vw / var(--max_w1)), 479px);
  --sz-480: clamp(calc(480px * var(--min_w1) / var(--max_w1)), calc(480 * 100vw / var(--max_w1)), 480px);
  --sz-481: clamp(calc(481px * var(--min_w1) / var(--max_w1)), calc(481 * 100vw / var(--max_w1)), 481px);
  --sz-482: clamp(calc(482px * var(--min_w1) / var(--max_w1)), calc(482 * 100vw / var(--max_w1)), 482px);
  --sz-483: clamp(calc(483px * var(--min_w1) / var(--max_w1)), calc(483 * 100vw / var(--max_w1)), 483px);
  --sz-484: clamp(calc(484px * var(--min_w1) / var(--max_w1)), calc(484 * 100vw / var(--max_w1)), 484px);
  --sz-485: clamp(calc(485px * var(--min_w1) / var(--max_w1)), calc(485 * 100vw / var(--max_w1)), 485px);
  --sz-486: clamp(calc(486px * var(--min_w1) / var(--max_w1)), calc(486 * 100vw / var(--max_w1)), 486px);
  --sz-487: clamp(calc(487px * var(--min_w1) / var(--max_w1)), calc(487 * 100vw / var(--max_w1)), 487px);
  --sz-488: clamp(calc(488px * var(--min_w1) / var(--max_w1)), calc(488 * 100vw / var(--max_w1)), 488px);
  --sz-489: clamp(calc(489px * var(--min_w1) / var(--max_w1)), calc(489 * 100vw / var(--max_w1)), 489px);
  --sz-490: clamp(calc(490px * var(--min_w1) / var(--max_w1)), calc(490 * 100vw / var(--max_w1)), 490px);
  --sz-491: clamp(calc(491px * var(--min_w1) / var(--max_w1)), calc(491 * 100vw / var(--max_w1)), 491px);
  --sz-492: clamp(calc(492px * var(--min_w1) / var(--max_w1)), calc(492 * 100vw / var(--max_w1)), 492px);
  --sz-493: clamp(calc(493px * var(--min_w1) / var(--max_w1)), calc(493 * 100vw / var(--max_w1)), 493px);
  --sz-494: clamp(calc(494px * var(--min_w1) / var(--max_w1)), calc(494 * 100vw / var(--max_w1)), 494px);
  --sz-495: clamp(calc(495px * var(--min_w1) / var(--max_w1)), calc(495 * 100vw / var(--max_w1)), 495px);
  --sz-496: clamp(calc(496px * var(--min_w1) / var(--max_w1)), calc(496 * 100vw / var(--max_w1)), 496px);
  --sz-497: clamp(calc(497px * var(--min_w1) / var(--max_w1)), calc(497 * 100vw / var(--max_w1)), 497px);
  --sz-498: clamp(calc(498px * var(--min_w1) / var(--max_w1)), calc(498 * 100vw / var(--max_w1)), 498px);
  --sz-499: clamp(calc(499px * var(--min_w1) / var(--max_w1)), calc(499 * 100vw / var(--max_w1)), 499px);
  --sz-500: clamp(calc(500px * var(--min_w1) / var(--max_w1)), calc(500 * 100vw / var(--max_w1)), 500px);
  --sz-501: clamp(calc(501px * var(--min_w1) / var(--max_w1)), calc(501 * 100vw / var(--max_w1)), 501px);
  --sz-502: clamp(calc(502px * var(--min_w1) / var(--max_w1)), calc(502 * 100vw / var(--max_w1)), 502px);
  --sz-503: clamp(calc(503px * var(--min_w1) / var(--max_w1)), calc(503 * 100vw / var(--max_w1)), 503px);
  --sz-504: clamp(calc(504px * var(--min_w1) / var(--max_w1)), calc(504 * 100vw / var(--max_w1)), 504px);
  --sz-505: clamp(calc(505px * var(--min_w1) / var(--max_w1)), calc(505 * 100vw / var(--max_w1)), 505px);
  --sz-506: clamp(calc(506px * var(--min_w1) / var(--max_w1)), calc(506 * 100vw / var(--max_w1)), 506px);
  --sz-507: clamp(calc(507px * var(--min_w1) / var(--max_w1)), calc(507 * 100vw / var(--max_w1)), 507px);
  --sz-508: clamp(calc(508px * var(--min_w1) / var(--max_w1)), calc(508 * 100vw / var(--max_w1)), 508px);
  --sz-509: clamp(calc(509px * var(--min_w1) / var(--max_w1)), calc(509 * 100vw / var(--max_w1)), 509px);
  --sz-510: clamp(calc(510px * var(--min_w1) / var(--max_w1)), calc(510 * 100vw / var(--max_w1)), 510px);
  --sz-511: clamp(calc(511px * var(--min_w1) / var(--max_w1)), calc(511 * 100vw / var(--max_w1)), 511px);
  --sz-512: clamp(calc(512px * var(--min_w1) / var(--max_w1)), calc(512 * 100vw / var(--max_w1)), 512px);
  --sz-513: clamp(calc(513px * var(--min_w1) / var(--max_w1)), calc(513 * 100vw / var(--max_w1)), 513px);
  --sz-514: clamp(calc(514px * var(--min_w1) / var(--max_w1)), calc(514 * 100vw / var(--max_w1)), 514px);
  --sz-515: clamp(calc(515px * var(--min_w1) / var(--max_w1)), calc(515 * 100vw / var(--max_w1)), 515px);
  --sz-516: clamp(calc(516px * var(--min_w1) / var(--max_w1)), calc(516 * 100vw / var(--max_w1)), 516px);
  --sz-517: clamp(calc(517px * var(--min_w1) / var(--max_w1)), calc(517 * 100vw / var(--max_w1)), 517px);
  --sz-518: clamp(calc(518px * var(--min_w1) / var(--max_w1)), calc(518 * 100vw / var(--max_w1)), 518px);
  --sz-519: clamp(calc(519px * var(--min_w1) / var(--max_w1)), calc(519 * 100vw / var(--max_w1)), 519px);
  --sz-520: clamp(calc(520px * var(--min_w1) / var(--max_w1)), calc(520 * 100vw / var(--max_w1)), 520px);
  --sz-521: clamp(calc(521px * var(--min_w1) / var(--max_w1)), calc(521 * 100vw / var(--max_w1)), 521px);
  --sz-522: clamp(calc(522px * var(--min_w1) / var(--max_w1)), calc(522 * 100vw / var(--max_w1)), 522px);
  --sz-523: clamp(calc(523px * var(--min_w1) / var(--max_w1)), calc(523 * 100vw / var(--max_w1)), 523px);
  --sz-524: clamp(calc(524px * var(--min_w1) / var(--max_w1)), calc(524 * 100vw / var(--max_w1)), 524px);
  --sz-525: clamp(calc(525px * var(--min_w1) / var(--max_w1)), calc(525 * 100vw / var(--max_w1)), 525px);
  --sz-526: clamp(calc(526px * var(--min_w1) / var(--max_w1)), calc(526 * 100vw / var(--max_w1)), 526px);
  --sz-527: clamp(calc(527px * var(--min_w1) / var(--max_w1)), calc(527 * 100vw / var(--max_w1)), 527px);
  --sz-528: clamp(calc(528px * var(--min_w1) / var(--max_w1)), calc(528 * 100vw / var(--max_w1)), 528px);
  --sz-529: clamp(calc(529px * var(--min_w1) / var(--max_w1)), calc(529 * 100vw / var(--max_w1)), 529px);
  --sz-530: clamp(calc(530px * var(--min_w1) / var(--max_w1)), calc(530 * 100vw / var(--max_w1)), 530px);
  --sz-531: clamp(calc(531px * var(--min_w1) / var(--max_w1)), calc(531 * 100vw / var(--max_w1)), 531px);
  --sz-532: clamp(calc(532px * var(--min_w1) / var(--max_w1)), calc(532 * 100vw / var(--max_w1)), 532px);
  --sz-533: clamp(calc(533px * var(--min_w1) / var(--max_w1)), calc(533 * 100vw / var(--max_w1)), 533px);
  --sz-534: clamp(calc(534px * var(--min_w1) / var(--max_w1)), calc(534 * 100vw / var(--max_w1)), 534px);
  --sz-535: clamp(calc(535px * var(--min_w1) / var(--max_w1)), calc(535 * 100vw / var(--max_w1)), 535px);
  --sz-536: clamp(calc(536px * var(--min_w1) / var(--max_w1)), calc(536 * 100vw / var(--max_w1)), 536px);
  --sz-537: clamp(calc(537px * var(--min_w1) / var(--max_w1)), calc(537 * 100vw / var(--max_w1)), 537px);
  --sz-538: clamp(calc(538px * var(--min_w1) / var(--max_w1)), calc(538 * 100vw / var(--max_w1)), 538px);
  --sz-539: clamp(calc(539px * var(--min_w1) / var(--max_w1)), calc(539 * 100vw / var(--max_w1)), 539px);
  --sz-540: clamp(calc(540px * var(--min_w1) / var(--max_w1)), calc(540 * 100vw / var(--max_w1)), 540px);
  --sz-541: clamp(calc(541px * var(--min_w1) / var(--max_w1)), calc(541 * 100vw / var(--max_w1)), 541px);
  --sz-542: clamp(calc(542px * var(--min_w1) / var(--max_w1)), calc(542 * 100vw / var(--max_w1)), 542px);
  --sz-543: clamp(calc(543px * var(--min_w1) / var(--max_w1)), calc(543 * 100vw / var(--max_w1)), 543px);
  --sz-544: clamp(calc(544px * var(--min_w1) / var(--max_w1)), calc(544 * 100vw / var(--max_w1)), 544px);
  --sz-545: clamp(calc(545px * var(--min_w1) / var(--max_w1)), calc(545 * 100vw / var(--max_w1)), 545px);
  --sz-546: clamp(calc(546px * var(--min_w1) / var(--max_w1)), calc(546 * 100vw / var(--max_w1)), 546px);
  --sz-547: clamp(calc(547px * var(--min_w1) / var(--max_w1)), calc(547 * 100vw / var(--max_w1)), 547px);
  --sz-548: clamp(calc(548px * var(--min_w1) / var(--max_w1)), calc(548 * 100vw / var(--max_w1)), 548px);
  --sz-549: clamp(calc(549px * var(--min_w1) / var(--max_w1)), calc(549 * 100vw / var(--max_w1)), 549px);
  --sz-550: clamp(calc(550px * var(--min_w1) / var(--max_w1)), calc(550 * 100vw / var(--max_w1)), 550px);
  --sz-551: clamp(calc(551px * var(--min_w1) / var(--max_w1)), calc(551 * 100vw / var(--max_w1)), 551px);
  --sz-552: clamp(calc(552px * var(--min_w1) / var(--max_w1)), calc(552 * 100vw / var(--max_w1)), 552px);
  --sz-553: clamp(calc(553px * var(--min_w1) / var(--max_w1)), calc(553 * 100vw / var(--max_w1)), 553px);
  --sz-554: clamp(calc(554px * var(--min_w1) / var(--max_w1)), calc(554 * 100vw / var(--max_w1)), 554px);
  --sz-555: clamp(calc(555px * var(--min_w1) / var(--max_w1)), calc(555 * 100vw / var(--max_w1)), 555px);
  --sz-556: clamp(calc(556px * var(--min_w1) / var(--max_w1)), calc(556 * 100vw / var(--max_w1)), 556px);
  --sz-557: clamp(calc(557px * var(--min_w1) / var(--max_w1)), calc(557 * 100vw / var(--max_w1)), 557px);
  --sz-558: clamp(calc(558px * var(--min_w1) / var(--max_w1)), calc(558 * 100vw / var(--max_w1)), 558px);
  --sz-559: clamp(calc(559px * var(--min_w1) / var(--max_w1)), calc(559 * 100vw / var(--max_w1)), 559px);
  --sz-560: clamp(calc(560px * var(--min_w1) / var(--max_w1)), calc(560 * 100vw / var(--max_w1)), 560px);
  --sz-561: clamp(calc(561px * var(--min_w1) / var(--max_w1)), calc(561 * 100vw / var(--max_w1)), 561px);
  --sz-562: clamp(calc(562px * var(--min_w1) / var(--max_w1)), calc(562 * 100vw / var(--max_w1)), 562px);
  --sz-563: clamp(calc(563px * var(--min_w1) / var(--max_w1)), calc(563 * 100vw / var(--max_w1)), 563px);
  --sz-564: clamp(calc(564px * var(--min_w1) / var(--max_w1)), calc(564 * 100vw / var(--max_w1)), 564px);
  --sz-565: clamp(calc(565px * var(--min_w1) / var(--max_w1)), calc(565 * 100vw / var(--max_w1)), 565px);
  --sz-566: clamp(calc(566px * var(--min_w1) / var(--max_w1)), calc(566 * 100vw / var(--max_w1)), 566px);
  --sz-567: clamp(calc(567px * var(--min_w1) / var(--max_w1)), calc(567 * 100vw / var(--max_w1)), 567px);
  --sz-568: clamp(calc(568px * var(--min_w1) / var(--max_w1)), calc(568 * 100vw / var(--max_w1)), 568px);
  --sz-569: clamp(calc(569px * var(--min_w1) / var(--max_w1)), calc(569 * 100vw / var(--max_w1)), 569px);
  --sz-570: clamp(calc(570px * var(--min_w1) / var(--max_w1)), calc(570 * 100vw / var(--max_w1)), 570px);
  --sz-571: clamp(calc(571px * var(--min_w1) / var(--max_w1)), calc(571 * 100vw / var(--max_w1)), 571px);
  --sz-572: clamp(calc(572px * var(--min_w1) / var(--max_w1)), calc(572 * 100vw / var(--max_w1)), 572px);
  --sz-573: clamp(calc(573px * var(--min_w1) / var(--max_w1)), calc(573 * 100vw / var(--max_w1)), 573px);
  --sz-574: clamp(calc(574px * var(--min_w1) / var(--max_w1)), calc(574 * 100vw / var(--max_w1)), 574px);
  --sz-575: clamp(calc(575px * var(--min_w1) / var(--max_w1)), calc(575 * 100vw / var(--max_w1)), 575px);
  --sz-576: clamp(calc(576px * var(--min_w1) / var(--max_w1)), calc(576 * 100vw / var(--max_w1)), 576px);
  --sz-577: clamp(calc(577px * var(--min_w1) / var(--max_w1)), calc(577 * 100vw / var(--max_w1)), 577px);
  --sz-578: clamp(calc(578px * var(--min_w1) / var(--max_w1)), calc(578 * 100vw / var(--max_w1)), 578px);
  --sz-579: clamp(calc(579px * var(--min_w1) / var(--max_w1)), calc(579 * 100vw / var(--max_w1)), 579px);
  --sz-580: clamp(calc(580px * var(--min_w1) / var(--max_w1)), calc(580 * 100vw / var(--max_w1)), 580px);
  --sz-581: clamp(calc(581px * var(--min_w1) / var(--max_w1)), calc(581 * 100vw / var(--max_w1)), 581px);
  --sz-582: clamp(calc(582px * var(--min_w1) / var(--max_w1)), calc(582 * 100vw / var(--max_w1)), 582px);
  --sz-583: clamp(calc(583px * var(--min_w1) / var(--max_w1)), calc(583 * 100vw / var(--max_w1)), 583px);
  --sz-584: clamp(calc(584px * var(--min_w1) / var(--max_w1)), calc(584 * 100vw / var(--max_w1)), 584px);
  --sz-585: clamp(calc(585px * var(--min_w1) / var(--max_w1)), calc(585 * 100vw / var(--max_w1)), 585px);
  --sz-586: clamp(calc(586px * var(--min_w1) / var(--max_w1)), calc(586 * 100vw / var(--max_w1)), 586px);
  --sz-587: clamp(calc(587px * var(--min_w1) / var(--max_w1)), calc(587 * 100vw / var(--max_w1)), 587px);
  --sz-588: clamp(calc(588px * var(--min_w1) / var(--max_w1)), calc(588 * 100vw / var(--max_w1)), 588px);
  --sz-589: clamp(calc(589px * var(--min_w1) / var(--max_w1)), calc(589 * 100vw / var(--max_w1)), 589px);
  --sz-590: clamp(calc(590px * var(--min_w1) / var(--max_w1)), calc(590 * 100vw / var(--max_w1)), 590px);
  --sz-591: clamp(calc(591px * var(--min_w1) / var(--max_w1)), calc(591 * 100vw / var(--max_w1)), 591px);
  --sz-592: clamp(calc(592px * var(--min_w1) / var(--max_w1)), calc(592 * 100vw / var(--max_w1)), 592px);
  --sz-593: clamp(calc(593px * var(--min_w1) / var(--max_w1)), calc(593 * 100vw / var(--max_w1)), 593px);
  --sz-594: clamp(calc(594px * var(--min_w1) / var(--max_w1)), calc(594 * 100vw / var(--max_w1)), 594px);
  --sz-595: clamp(calc(595px * var(--min_w1) / var(--max_w1)), calc(595 * 100vw / var(--max_w1)), 595px);
  --sz-596: clamp(calc(596px * var(--min_w1) / var(--max_w1)), calc(596 * 100vw / var(--max_w1)), 596px);
  --sz-597: clamp(calc(597px * var(--min_w1) / var(--max_w1)), calc(597 * 100vw / var(--max_w1)), 597px);
  --sz-598: clamp(calc(598px * var(--min_w1) / var(--max_w1)), calc(598 * 100vw / var(--max_w1)), 598px);
  --sz-599: clamp(calc(599px * var(--min_w1) / var(--max_w1)), calc(599 * 100vw / var(--max_w1)), 599px);
  --sz-600: clamp(calc(600px * var(--min_w1) / var(--max_w1)), calc(600 * 100vw / var(--max_w1)), 600px);
  --sz-601: clamp(calc(601px * var(--min_w1) / var(--max_w1)), calc(601 * 100vw / var(--max_w1)), 601px);
  --sz-602: clamp(calc(602px * var(--min_w1) / var(--max_w1)), calc(602 * 100vw / var(--max_w1)), 602px);
  --sz-603: clamp(calc(603px * var(--min_w1) / var(--max_w1)), calc(603 * 100vw / var(--max_w1)), 603px);
  --sz-604: clamp(calc(604px * var(--min_w1) / var(--max_w1)), calc(604 * 100vw / var(--max_w1)), 604px);
  --sz-605: clamp(calc(605px * var(--min_w1) / var(--max_w1)), calc(605 * 100vw / var(--max_w1)), 605px);
  --sz-606: clamp(calc(606px * var(--min_w1) / var(--max_w1)), calc(606 * 100vw / var(--max_w1)), 606px);
  --sz-607: clamp(calc(607px * var(--min_w1) / var(--max_w1)), calc(607 * 100vw / var(--max_w1)), 607px);
  --sz-608: clamp(calc(608px * var(--min_w1) / var(--max_w1)), calc(608 * 100vw / var(--max_w1)), 608px);
  --sz-609: clamp(calc(609px * var(--min_w1) / var(--max_w1)), calc(609 * 100vw / var(--max_w1)), 609px);
  --sz-610: clamp(calc(610px * var(--min_w1) / var(--max_w1)), calc(610 * 100vw / var(--max_w1)), 610px);
  --sz-611: clamp(calc(611px * var(--min_w1) / var(--max_w1)), calc(611 * 100vw / var(--max_w1)), 611px);
  --sz-612: clamp(calc(612px * var(--min_w1) / var(--max_w1)), calc(612 * 100vw / var(--max_w1)), 612px);
  --sz-613: clamp(calc(613px * var(--min_w1) / var(--max_w1)), calc(613 * 100vw / var(--max_w1)), 613px);
  --sz-614: clamp(calc(614px * var(--min_w1) / var(--max_w1)), calc(614 * 100vw / var(--max_w1)), 614px);
  --sz-615: clamp(calc(615px * var(--min_w1) / var(--max_w1)), calc(615 * 100vw / var(--max_w1)), 615px);
  --sz-616: clamp(calc(616px * var(--min_w1) / var(--max_w1)), calc(616 * 100vw / var(--max_w1)), 616px);
  --sz-617: clamp(calc(617px * var(--min_w1) / var(--max_w1)), calc(617 * 100vw / var(--max_w1)), 617px);
  --sz-618: clamp(calc(618px * var(--min_w1) / var(--max_w1)), calc(618 * 100vw / var(--max_w1)), 618px);
  --sz-619: clamp(calc(619px * var(--min_w1) / var(--max_w1)), calc(619 * 100vw / var(--max_w1)), 619px);
  --sz-620: clamp(calc(620px * var(--min_w1) / var(--max_w1)), calc(620 * 100vw / var(--max_w1)), 620px);
  --sz-621: clamp(calc(621px * var(--min_w1) / var(--max_w1)), calc(621 * 100vw / var(--max_w1)), 621px);
  --sz-622: clamp(calc(622px * var(--min_w1) / var(--max_w1)), calc(622 * 100vw / var(--max_w1)), 622px);
  --sz-623: clamp(calc(623px * var(--min_w1) / var(--max_w1)), calc(623 * 100vw / var(--max_w1)), 623px);
  --sz-624: clamp(calc(624px * var(--min_w1) / var(--max_w1)), calc(624 * 100vw / var(--max_w1)), 624px);
  --sz-625: clamp(calc(625px * var(--min_w1) / var(--max_w1)), calc(625 * 100vw / var(--max_w1)), 625px);
  --sz-626: clamp(calc(626px * var(--min_w1) / var(--max_w1)), calc(626 * 100vw / var(--max_w1)), 626px);
  --sz-627: clamp(calc(627px * var(--min_w1) / var(--max_w1)), calc(627 * 100vw / var(--max_w1)), 627px);
  --sz-628: clamp(calc(628px * var(--min_w1) / var(--max_w1)), calc(628 * 100vw / var(--max_w1)), 628px);
  --sz-629: clamp(calc(629px * var(--min_w1) / var(--max_w1)), calc(629 * 100vw / var(--max_w1)), 629px);
  --sz-630: clamp(calc(630px * var(--min_w1) / var(--max_w1)), calc(630 * 100vw / var(--max_w1)), 630px);
  --sz-631: clamp(calc(631px * var(--min_w1) / var(--max_w1)), calc(631 * 100vw / var(--max_w1)), 631px);
  --sz-632: clamp(calc(632px * var(--min_w1) / var(--max_w1)), calc(632 * 100vw / var(--max_w1)), 632px);
  --sz-633: clamp(calc(633px * var(--min_w1) / var(--max_w1)), calc(633 * 100vw / var(--max_w1)), 633px);
  --sz-634: clamp(calc(634px * var(--min_w1) / var(--max_w1)), calc(634 * 100vw / var(--max_w1)), 634px);
  --sz-635: clamp(calc(635px * var(--min_w1) / var(--max_w1)), calc(635 * 100vw / var(--max_w1)), 635px);
  --sz-636: clamp(calc(636px * var(--min_w1) / var(--max_w1)), calc(636 * 100vw / var(--max_w1)), 636px);
  --sz-637: clamp(calc(637px * var(--min_w1) / var(--max_w1)), calc(637 * 100vw / var(--max_w1)), 637px);
  --sz-638: clamp(calc(638px * var(--min_w1) / var(--max_w1)), calc(638 * 100vw / var(--max_w1)), 638px);
  --sz-639: clamp(calc(639px * var(--min_w1) / var(--max_w1)), calc(639 * 100vw / var(--max_w1)), 639px);
  --sz-640: clamp(calc(640px * var(--min_w1) / var(--max_w1)), calc(640 * 100vw / var(--max_w1)), 640px);
  --sz-641: clamp(calc(641px * var(--min_w1) / var(--max_w1)), calc(641 * 100vw / var(--max_w1)), 641px);
  --sz-642: clamp(calc(642px * var(--min_w1) / var(--max_w1)), calc(642 * 100vw / var(--max_w1)), 642px);
  --sz-643: clamp(calc(643px * var(--min_w1) / var(--max_w1)), calc(643 * 100vw / var(--max_w1)), 643px);
  --sz-644: clamp(calc(644px * var(--min_w1) / var(--max_w1)), calc(644 * 100vw / var(--max_w1)), 644px);
  --sz-645: clamp(calc(645px * var(--min_w1) / var(--max_w1)), calc(645 * 100vw / var(--max_w1)), 645px);
  --sz-646: clamp(calc(646px * var(--min_w1) / var(--max_w1)), calc(646 * 100vw / var(--max_w1)), 646px);
  --sz-647: clamp(calc(647px * var(--min_w1) / var(--max_w1)), calc(647 * 100vw / var(--max_w1)), 647px);
  --sz-648: clamp(calc(648px * var(--min_w1) / var(--max_w1)), calc(648 * 100vw / var(--max_w1)), 648px);
  --sz-649: clamp(calc(649px * var(--min_w1) / var(--max_w1)), calc(649 * 100vw / var(--max_w1)), 649px);
  --sz-650: clamp(calc(650px * var(--min_w1) / var(--max_w1)), calc(650 * 100vw / var(--max_w1)), 650px);
  --sz-651: clamp(calc(651px * var(--min_w1) / var(--max_w1)), calc(651 * 100vw / var(--max_w1)), 651px);
  --sz-652: clamp(calc(652px * var(--min_w1) / var(--max_w1)), calc(652 * 100vw / var(--max_w1)), 652px);
  --sz-653: clamp(calc(653px * var(--min_w1) / var(--max_w1)), calc(653 * 100vw / var(--max_w1)), 653px);
  --sz-654: clamp(calc(654px * var(--min_w1) / var(--max_w1)), calc(654 * 100vw / var(--max_w1)), 654px);
  --sz-655: clamp(calc(655px * var(--min_w1) / var(--max_w1)), calc(655 * 100vw / var(--max_w1)), 655px);
  --sz-656: clamp(calc(656px * var(--min_w1) / var(--max_w1)), calc(656 * 100vw / var(--max_w1)), 656px);
  --sz-657: clamp(calc(657px * var(--min_w1) / var(--max_w1)), calc(657 * 100vw / var(--max_w1)), 657px);
  --sz-658: clamp(calc(658px * var(--min_w1) / var(--max_w1)), calc(658 * 100vw / var(--max_w1)), 658px);
  --sz-659: clamp(calc(659px * var(--min_w1) / var(--max_w1)), calc(659 * 100vw / var(--max_w1)), 659px);
  --sz-660: clamp(calc(660px * var(--min_w1) / var(--max_w1)), calc(660 * 100vw / var(--max_w1)), 660px);
  --sz-661: clamp(calc(661px * var(--min_w1) / var(--max_w1)), calc(661 * 100vw / var(--max_w1)), 661px);
  --sz-662: clamp(calc(662px * var(--min_w1) / var(--max_w1)), calc(662 * 100vw / var(--max_w1)), 662px);
  --sz-663: clamp(calc(663px * var(--min_w1) / var(--max_w1)), calc(663 * 100vw / var(--max_w1)), 663px);
  --sz-664: clamp(calc(664px * var(--min_w1) / var(--max_w1)), calc(664 * 100vw / var(--max_w1)), 664px);
  --sz-665: clamp(calc(665px * var(--min_w1) / var(--max_w1)), calc(665 * 100vw / var(--max_w1)), 665px);
  --sz-666: clamp(calc(666px * var(--min_w1) / var(--max_w1)), calc(666 * 100vw / var(--max_w1)), 666px);
  --sz-667: clamp(calc(667px * var(--min_w1) / var(--max_w1)), calc(667 * 100vw / var(--max_w1)), 667px);
  --sz-668: clamp(calc(668px * var(--min_w1) / var(--max_w1)), calc(668 * 100vw / var(--max_w1)), 668px);
  --sz-669: clamp(calc(669px * var(--min_w1) / var(--max_w1)), calc(669 * 100vw / var(--max_w1)), 669px);
  --sz-670: clamp(calc(670px * var(--min_w1) / var(--max_w1)), calc(670 * 100vw / var(--max_w1)), 670px);
  --sz-671: clamp(calc(671px * var(--min_w1) / var(--max_w1)), calc(671 * 100vw / var(--max_w1)), 671px);
  --sz-672: clamp(calc(672px * var(--min_w1) / var(--max_w1)), calc(672 * 100vw / var(--max_w1)), 672px);
  --sz-673: clamp(calc(673px * var(--min_w1) / var(--max_w1)), calc(673 * 100vw / var(--max_w1)), 673px);
  --sz-674: clamp(calc(674px * var(--min_w1) / var(--max_w1)), calc(674 * 100vw / var(--max_w1)), 674px);
  --sz-675: clamp(calc(675px * var(--min_w1) / var(--max_w1)), calc(675 * 100vw / var(--max_w1)), 675px);
  --sz-676: clamp(calc(676px * var(--min_w1) / var(--max_w1)), calc(676 * 100vw / var(--max_w1)), 676px);
  --sz-677: clamp(calc(677px * var(--min_w1) / var(--max_w1)), calc(677 * 100vw / var(--max_w1)), 677px);
  --sz-678: clamp(calc(678px * var(--min_w1) / var(--max_w1)), calc(678 * 100vw / var(--max_w1)), 678px);
  --sz-679: clamp(calc(679px * var(--min_w1) / var(--max_w1)), calc(679 * 100vw / var(--max_w1)), 679px);
  --sz-680: clamp(calc(680px * var(--min_w1) / var(--max_w1)), calc(680 * 100vw / var(--max_w1)), 680px);
  --sz-681: clamp(calc(681px * var(--min_w1) / var(--max_w1)), calc(681 * 100vw / var(--max_w1)), 681px);
  --sz-682: clamp(calc(682px * var(--min_w1) / var(--max_w1)), calc(682 * 100vw / var(--max_w1)), 682px);
  --sz-683: clamp(calc(683px * var(--min_w1) / var(--max_w1)), calc(683 * 100vw / var(--max_w1)), 683px);
  --sz-684: clamp(calc(684px * var(--min_w1) / var(--max_w1)), calc(684 * 100vw / var(--max_w1)), 684px);
  --sz-685: clamp(calc(685px * var(--min_w1) / var(--max_w1)), calc(685 * 100vw / var(--max_w1)), 685px);
  --sz-686: clamp(calc(686px * var(--min_w1) / var(--max_w1)), calc(686 * 100vw / var(--max_w1)), 686px);
  --sz-687: clamp(calc(687px * var(--min_w1) / var(--max_w1)), calc(687 * 100vw / var(--max_w1)), 687px);
  --sz-688: clamp(calc(688px * var(--min_w1) / var(--max_w1)), calc(688 * 100vw / var(--max_w1)), 688px);
  --sz-689: clamp(calc(689px * var(--min_w1) / var(--max_w1)), calc(689 * 100vw / var(--max_w1)), 689px);
  --sz-690: clamp(calc(690px * var(--min_w1) / var(--max_w1)), calc(690 * 100vw / var(--max_w1)), 690px);
  --sz-691: clamp(calc(691px * var(--min_w1) / var(--max_w1)), calc(691 * 100vw / var(--max_w1)), 691px);
  --sz-692: clamp(calc(692px * var(--min_w1) / var(--max_w1)), calc(692 * 100vw / var(--max_w1)), 692px);
  --sz-693: clamp(calc(693px * var(--min_w1) / var(--max_w1)), calc(693 * 100vw / var(--max_w1)), 693px);
  --sz-694: clamp(calc(694px * var(--min_w1) / var(--max_w1)), calc(694 * 100vw / var(--max_w1)), 694px);
  --sz-695: clamp(calc(695px * var(--min_w1) / var(--max_w1)), calc(695 * 100vw / var(--max_w1)), 695px);
  --sz-696: clamp(calc(696px * var(--min_w1) / var(--max_w1)), calc(696 * 100vw / var(--max_w1)), 696px);
  --sz-697: clamp(calc(697px * var(--min_w1) / var(--max_w1)), calc(697 * 100vw / var(--max_w1)), 697px);
  --sz-698: clamp(calc(698px * var(--min_w1) / var(--max_w1)), calc(698 * 100vw / var(--max_w1)), 698px);
  --sz-699: clamp(calc(699px * var(--min_w1) / var(--max_w1)), calc(699 * 100vw / var(--max_w1)), 699px);
  --sz-700: clamp(calc(700px * var(--min_w1) / var(--max_w1)), calc(700 * 100vw / var(--max_w1)), 700px);
  --sz-701: clamp(calc(701px * var(--min_w1) / var(--max_w1)), calc(701 * 100vw / var(--max_w1)), 701px);
  --sz-702: clamp(calc(702px * var(--min_w1) / var(--max_w1)), calc(702 * 100vw / var(--max_w1)), 702px);
  --sz-703: clamp(calc(703px * var(--min_w1) / var(--max_w1)), calc(703 * 100vw / var(--max_w1)), 703px);
  --sz-704: clamp(calc(704px * var(--min_w1) / var(--max_w1)), calc(704 * 100vw / var(--max_w1)), 704px);
  --sz-705: clamp(calc(705px * var(--min_w1) / var(--max_w1)), calc(705 * 100vw / var(--max_w1)), 705px);
  --sz-706: clamp(calc(706px * var(--min_w1) / var(--max_w1)), calc(706 * 100vw / var(--max_w1)), 706px);
  --sz-707: clamp(calc(707px * var(--min_w1) / var(--max_w1)), calc(707 * 100vw / var(--max_w1)), 707px);
  --sz-708: clamp(calc(708px * var(--min_w1) / var(--max_w1)), calc(708 * 100vw / var(--max_w1)), 708px);
  --sz-709: clamp(calc(709px * var(--min_w1) / var(--max_w1)), calc(709 * 100vw / var(--max_w1)), 709px);
  --sz-710: clamp(calc(710px * var(--min_w1) / var(--max_w1)), calc(710 * 100vw / var(--max_w1)), 710px);
  --sz-711: clamp(calc(711px * var(--min_w1) / var(--max_w1)), calc(711 * 100vw / var(--max_w1)), 711px);
  --sz-712: clamp(calc(712px * var(--min_w1) / var(--max_w1)), calc(712 * 100vw / var(--max_w1)), 712px);
  --sz-713: clamp(calc(713px * var(--min_w1) / var(--max_w1)), calc(713 * 100vw / var(--max_w1)), 713px);
  --sz-714: clamp(calc(714px * var(--min_w1) / var(--max_w1)), calc(714 * 100vw / var(--max_w1)), 714px);
  --sz-715: clamp(calc(715px * var(--min_w1) / var(--max_w1)), calc(715 * 100vw / var(--max_w1)), 715px);
  --sz-716: clamp(calc(716px * var(--min_w1) / var(--max_w1)), calc(716 * 100vw / var(--max_w1)), 716px);
  --sz-717: clamp(calc(717px * var(--min_w1) / var(--max_w1)), calc(717 * 100vw / var(--max_w1)), 717px);
  --sz-718: clamp(calc(718px * var(--min_w1) / var(--max_w1)), calc(718 * 100vw / var(--max_w1)), 718px);
  --sz-719: clamp(calc(719px * var(--min_w1) / var(--max_w1)), calc(719 * 100vw / var(--max_w1)), 719px);
  --sz-720: clamp(calc(720px * var(--min_w1) / var(--max_w1)), calc(720 * 100vw / var(--max_w1)), 720px);
  --sz-721: clamp(calc(721px * var(--min_w1) / var(--max_w1)), calc(721 * 100vw / var(--max_w1)), 721px);
  --sz-722: clamp(calc(722px * var(--min_w1) / var(--max_w1)), calc(722 * 100vw / var(--max_w1)), 722px);
  --sz-723: clamp(calc(723px * var(--min_w1) / var(--max_w1)), calc(723 * 100vw / var(--max_w1)), 723px);
  --sz-724: clamp(calc(724px * var(--min_w1) / var(--max_w1)), calc(724 * 100vw / var(--max_w1)), 724px);
  --sz-725: clamp(calc(725px * var(--min_w1) / var(--max_w1)), calc(725 * 100vw / var(--max_w1)), 725px);
  --sz-726: clamp(calc(726px * var(--min_w1) / var(--max_w1)), calc(726 * 100vw / var(--max_w1)), 726px);
  --sz-727: clamp(calc(727px * var(--min_w1) / var(--max_w1)), calc(727 * 100vw / var(--max_w1)), 727px);
  --sz-728: clamp(calc(728px * var(--min_w1) / var(--max_w1)), calc(728 * 100vw / var(--max_w1)), 728px);
  --sz-729: clamp(calc(729px * var(--min_w1) / var(--max_w1)), calc(729 * 100vw / var(--max_w1)), 729px);
  --sz-730: clamp(calc(730px * var(--min_w1) / var(--max_w1)), calc(730 * 100vw / var(--max_w1)), 730px);
  --sz-731: clamp(calc(731px * var(--min_w1) / var(--max_w1)), calc(731 * 100vw / var(--max_w1)), 731px);
  --sz-732: clamp(calc(732px * var(--min_w1) / var(--max_w1)), calc(732 * 100vw / var(--max_w1)), 732px);
  --sz-733: clamp(calc(733px * var(--min_w1) / var(--max_w1)), calc(733 * 100vw / var(--max_w1)), 733px);
  --sz-734: clamp(calc(734px * var(--min_w1) / var(--max_w1)), calc(734 * 100vw / var(--max_w1)), 734px);
  --sz-735: clamp(calc(735px * var(--min_w1) / var(--max_w1)), calc(735 * 100vw / var(--max_w1)), 735px);
  --sz-736: clamp(calc(736px * var(--min_w1) / var(--max_w1)), calc(736 * 100vw / var(--max_w1)), 736px);
  --sz-737: clamp(calc(737px * var(--min_w1) / var(--max_w1)), calc(737 * 100vw / var(--max_w1)), 737px);
  --sz-738: clamp(calc(738px * var(--min_w1) / var(--max_w1)), calc(738 * 100vw / var(--max_w1)), 738px);
  --sz-739: clamp(calc(739px * var(--min_w1) / var(--max_w1)), calc(739 * 100vw / var(--max_w1)), 739px);
  --sz-740: clamp(calc(740px * var(--min_w1) / var(--max_w1)), calc(740 * 100vw / var(--max_w1)), 740px);
  --sz-741: clamp(calc(741px * var(--min_w1) / var(--max_w1)), calc(741 * 100vw / var(--max_w1)), 741px);
  --sz-742: clamp(calc(742px * var(--min_w1) / var(--max_w1)), calc(742 * 100vw / var(--max_w1)), 742px);
  --sz-743: clamp(calc(743px * var(--min_w1) / var(--max_w1)), calc(743 * 100vw / var(--max_w1)), 743px);
  --sz-744: clamp(calc(744px * var(--min_w1) / var(--max_w1)), calc(744 * 100vw / var(--max_w1)), 744px);
  --sz-745: clamp(calc(745px * var(--min_w1) / var(--max_w1)), calc(745 * 100vw / var(--max_w1)), 745px);
  --sz-746: clamp(calc(746px * var(--min_w1) / var(--max_w1)), calc(746 * 100vw / var(--max_w1)), 746px);
  --sz-747: clamp(calc(747px * var(--min_w1) / var(--max_w1)), calc(747 * 100vw / var(--max_w1)), 747px);
  --sz-748: clamp(calc(748px * var(--min_w1) / var(--max_w1)), calc(748 * 100vw / var(--max_w1)), 748px);
  --sz-749: clamp(calc(749px * var(--min_w1) / var(--max_w1)), calc(749 * 100vw / var(--max_w1)), 749px);
  --sz-750: clamp(calc(750px * var(--min_w1) / var(--max_w1)), calc(750 * 100vw / var(--max_w1)), 750px);
  --sz-751: clamp(calc(751px * var(--min_w1) / var(--max_w1)), calc(751 * 100vw / var(--max_w1)), 751px);
  --sz-752: clamp(calc(752px * var(--min_w1) / var(--max_w1)), calc(752 * 100vw / var(--max_w1)), 752px);
  --sz-753: clamp(calc(753px * var(--min_w1) / var(--max_w1)), calc(753 * 100vw / var(--max_w1)), 753px);
  --sz-754: clamp(calc(754px * var(--min_w1) / var(--max_w1)), calc(754 * 100vw / var(--max_w1)), 754px);
  --sz-755: clamp(calc(755px * var(--min_w1) / var(--max_w1)), calc(755 * 100vw / var(--max_w1)), 755px);
  --sz-756: clamp(calc(756px * var(--min_w1) / var(--max_w1)), calc(756 * 100vw / var(--max_w1)), 756px);
  --sz-757: clamp(calc(757px * var(--min_w1) / var(--max_w1)), calc(757 * 100vw / var(--max_w1)), 757px);
  --sz-758: clamp(calc(758px * var(--min_w1) / var(--max_w1)), calc(758 * 100vw / var(--max_w1)), 758px);
  --sz-759: clamp(calc(759px * var(--min_w1) / var(--max_w1)), calc(759 * 100vw / var(--max_w1)), 759px);
  --sz-760: clamp(calc(760px * var(--min_w1) / var(--max_w1)), calc(760 * 100vw / var(--max_w1)), 760px);
  --sz-761: clamp(calc(761px * var(--min_w1) / var(--max_w1)), calc(761 * 100vw / var(--max_w1)), 761px);
  --sz-762: clamp(calc(762px * var(--min_w1) / var(--max_w1)), calc(762 * 100vw / var(--max_w1)), 762px);
  --sz-763: clamp(calc(763px * var(--min_w1) / var(--max_w1)), calc(763 * 100vw / var(--max_w1)), 763px);
  --sz-764: clamp(calc(764px * var(--min_w1) / var(--max_w1)), calc(764 * 100vw / var(--max_w1)), 764px);
  --sz-765: clamp(calc(765px * var(--min_w1) / var(--max_w1)), calc(765 * 100vw / var(--max_w1)), 765px);
  --sz-766: clamp(calc(766px * var(--min_w1) / var(--max_w1)), calc(766 * 100vw / var(--max_w1)), 766px);
  --sz-767: clamp(calc(767px * var(--min_w1) / var(--max_w1)), calc(767 * 100vw / var(--max_w1)), 767px);
  --sz-768: clamp(calc(768px * var(--min_w1) / var(--max_w1)), calc(768 * 100vw / var(--max_w1)), 768px);
  --sz-769: clamp(calc(769px * var(--min_w1) / var(--max_w1)), calc(769 * 100vw / var(--max_w1)), 769px);
  --sz-770: clamp(calc(770px * var(--min_w1) / var(--max_w1)), calc(770 * 100vw / var(--max_w1)), 770px);
  --sz-771: clamp(calc(771px * var(--min_w1) / var(--max_w1)), calc(771 * 100vw / var(--max_w1)), 771px);
  --sz-772: clamp(calc(772px * var(--min_w1) / var(--max_w1)), calc(772 * 100vw / var(--max_w1)), 772px);
  --sz-773: clamp(calc(773px * var(--min_w1) / var(--max_w1)), calc(773 * 100vw / var(--max_w1)), 773px);
  --sz-774: clamp(calc(774px * var(--min_w1) / var(--max_w1)), calc(774 * 100vw / var(--max_w1)), 774px);
  --sz-775: clamp(calc(775px * var(--min_w1) / var(--max_w1)), calc(775 * 100vw / var(--max_w1)), 775px);
  --sz-776: clamp(calc(776px * var(--min_w1) / var(--max_w1)), calc(776 * 100vw / var(--max_w1)), 776px);
  --sz-777: clamp(calc(777px * var(--min_w1) / var(--max_w1)), calc(777 * 100vw / var(--max_w1)), 777px);
  --sz-778: clamp(calc(778px * var(--min_w1) / var(--max_w1)), calc(778 * 100vw / var(--max_w1)), 778px);
  --sz-779: clamp(calc(779px * var(--min_w1) / var(--max_w1)), calc(779 * 100vw / var(--max_w1)), 779px);
  --sz-780: clamp(calc(780px * var(--min_w1) / var(--max_w1)), calc(780 * 100vw / var(--max_w1)), 780px);
  --sz-781: clamp(calc(781px * var(--min_w1) / var(--max_w1)), calc(781 * 100vw / var(--max_w1)), 781px);
  --sz-782: clamp(calc(782px * var(--min_w1) / var(--max_w1)), calc(782 * 100vw / var(--max_w1)), 782px);
  --sz-783: clamp(calc(783px * var(--min_w1) / var(--max_w1)), calc(783 * 100vw / var(--max_w1)), 783px);
  --sz-784: clamp(calc(784px * var(--min_w1) / var(--max_w1)), calc(784 * 100vw / var(--max_w1)), 784px);
  --sz-785: clamp(calc(785px * var(--min_w1) / var(--max_w1)), calc(785 * 100vw / var(--max_w1)), 785px);
  --sz-786: clamp(calc(786px * var(--min_w1) / var(--max_w1)), calc(786 * 100vw / var(--max_w1)), 786px);
  --sz-787: clamp(calc(787px * var(--min_w1) / var(--max_w1)), calc(787 * 100vw / var(--max_w1)), 787px);
  --sz-788: clamp(calc(788px * var(--min_w1) / var(--max_w1)), calc(788 * 100vw / var(--max_w1)), 788px);
  --sz-789: clamp(calc(789px * var(--min_w1) / var(--max_w1)), calc(789 * 100vw / var(--max_w1)), 789px);
  --sz-790: clamp(calc(790px * var(--min_w1) / var(--max_w1)), calc(790 * 100vw / var(--max_w1)), 790px);
  --sz-791: clamp(calc(791px * var(--min_w1) / var(--max_w1)), calc(791 * 100vw / var(--max_w1)), 791px);
  --sz-792: clamp(calc(792px * var(--min_w1) / var(--max_w1)), calc(792 * 100vw / var(--max_w1)), 792px);
  --sz-793: clamp(calc(793px * var(--min_w1) / var(--max_w1)), calc(793 * 100vw / var(--max_w1)), 793px);
  --sz-794: clamp(calc(794px * var(--min_w1) / var(--max_w1)), calc(794 * 100vw / var(--max_w1)), 794px);
  --sz-795: clamp(calc(795px * var(--min_w1) / var(--max_w1)), calc(795 * 100vw / var(--max_w1)), 795px);
  --sz-796: clamp(calc(796px * var(--min_w1) / var(--max_w1)), calc(796 * 100vw / var(--max_w1)), 796px);
  --sz-797: clamp(calc(797px * var(--min_w1) / var(--max_w1)), calc(797 * 100vw / var(--max_w1)), 797px);
  --sz-798: clamp(calc(798px * var(--min_w1) / var(--max_w1)), calc(798 * 100vw / var(--max_w1)), 798px);
  --sz-799: clamp(calc(799px * var(--min_w1) / var(--max_w1)), calc(799 * 100vw / var(--max_w1)), 799px);
  --sz-800: clamp(calc(800px * var(--min_w1) / var(--max_w1)), calc(800 * 100vw / var(--max_w1)), 800px);
  --sz-801: clamp(calc(801px * var(--min_w1) / var(--max_w1)), calc(801 * 100vw / var(--max_w1)), 801px);
  --sz-802: clamp(calc(802px * var(--min_w1) / var(--max_w1)), calc(802 * 100vw / var(--max_w1)), 802px);
  --sz-803: clamp(calc(803px * var(--min_w1) / var(--max_w1)), calc(803 * 100vw / var(--max_w1)), 803px);
  --sz-804: clamp(calc(804px * var(--min_w1) / var(--max_w1)), calc(804 * 100vw / var(--max_w1)), 804px);
  --sz-805: clamp(calc(805px * var(--min_w1) / var(--max_w1)), calc(805 * 100vw / var(--max_w1)), 805px);
  --sz-806: clamp(calc(806px * var(--min_w1) / var(--max_w1)), calc(806 * 100vw / var(--max_w1)), 806px);
  --sz-807: clamp(calc(807px * var(--min_w1) / var(--max_w1)), calc(807 * 100vw / var(--max_w1)), 807px);
  --sz-808: clamp(calc(808px * var(--min_w1) / var(--max_w1)), calc(808 * 100vw / var(--max_w1)), 808px);
  --sz-809: clamp(calc(809px * var(--min_w1) / var(--max_w1)), calc(809 * 100vw / var(--max_w1)), 809px);
  --sz-810: clamp(calc(810px * var(--min_w1) / var(--max_w1)), calc(810 * 100vw / var(--max_w1)), 810px);
  --sz-811: clamp(calc(811px * var(--min_w1) / var(--max_w1)), calc(811 * 100vw / var(--max_w1)), 811px);
  --sz-812: clamp(calc(812px * var(--min_w1) / var(--max_w1)), calc(812 * 100vw / var(--max_w1)), 812px);
  --sz-813: clamp(calc(813px * var(--min_w1) / var(--max_w1)), calc(813 * 100vw / var(--max_w1)), 813px);
  --sz-814: clamp(calc(814px * var(--min_w1) / var(--max_w1)), calc(814 * 100vw / var(--max_w1)), 814px);
  --sz-815: clamp(calc(815px * var(--min_w1) / var(--max_w1)), calc(815 * 100vw / var(--max_w1)), 815px);
  --sz-816: clamp(calc(816px * var(--min_w1) / var(--max_w1)), calc(816 * 100vw / var(--max_w1)), 816px);
  --sz-817: clamp(calc(817px * var(--min_w1) / var(--max_w1)), calc(817 * 100vw / var(--max_w1)), 817px);
  --sz-818: clamp(calc(818px * var(--min_w1) / var(--max_w1)), calc(818 * 100vw / var(--max_w1)), 818px);
  --sz-819: clamp(calc(819px * var(--min_w1) / var(--max_w1)), calc(819 * 100vw / var(--max_w1)), 819px);
  --sz-820: clamp(calc(820px * var(--min_w1) / var(--max_w1)), calc(820 * 100vw / var(--max_w1)), 820px);
  --sz-821: clamp(calc(821px * var(--min_w1) / var(--max_w1)), calc(821 * 100vw / var(--max_w1)), 821px);
  --sz-822: clamp(calc(822px * var(--min_w1) / var(--max_w1)), calc(822 * 100vw / var(--max_w1)), 822px);
  --sz-823: clamp(calc(823px * var(--min_w1) / var(--max_w1)), calc(823 * 100vw / var(--max_w1)), 823px);
  --sz-824: clamp(calc(824px * var(--min_w1) / var(--max_w1)), calc(824 * 100vw / var(--max_w1)), 824px);
  --sz-825: clamp(calc(825px * var(--min_w1) / var(--max_w1)), calc(825 * 100vw / var(--max_w1)), 825px);
  --sz-826: clamp(calc(826px * var(--min_w1) / var(--max_w1)), calc(826 * 100vw / var(--max_w1)), 826px);
  --sz-827: clamp(calc(827px * var(--min_w1) / var(--max_w1)), calc(827 * 100vw / var(--max_w1)), 827px);
  --sz-828: clamp(calc(828px * var(--min_w1) / var(--max_w1)), calc(828 * 100vw / var(--max_w1)), 828px);
  --sz-829: clamp(calc(829px * var(--min_w1) / var(--max_w1)), calc(829 * 100vw / var(--max_w1)), 829px);
  --sz-830: clamp(calc(830px * var(--min_w1) / var(--max_w1)), calc(830 * 100vw / var(--max_w1)), 830px);
  --sz-831: clamp(calc(831px * var(--min_w1) / var(--max_w1)), calc(831 * 100vw / var(--max_w1)), 831px);
  --sz-832: clamp(calc(832px * var(--min_w1) / var(--max_w1)), calc(832 * 100vw / var(--max_w1)), 832px);
  --sz-833: clamp(calc(833px * var(--min_w1) / var(--max_w1)), calc(833 * 100vw / var(--max_w1)), 833px);
  --sz-834: clamp(calc(834px * var(--min_w1) / var(--max_w1)), calc(834 * 100vw / var(--max_w1)), 834px);
  --sz-835: clamp(calc(835px * var(--min_w1) / var(--max_w1)), calc(835 * 100vw / var(--max_w1)), 835px);
  --sz-836: clamp(calc(836px * var(--min_w1) / var(--max_w1)), calc(836 * 100vw / var(--max_w1)), 836px);
  --sz-837: clamp(calc(837px * var(--min_w1) / var(--max_w1)), calc(837 * 100vw / var(--max_w1)), 837px);
  --sz-838: clamp(calc(838px * var(--min_w1) / var(--max_w1)), calc(838 * 100vw / var(--max_w1)), 838px);
  --sz-839: clamp(calc(839px * var(--min_w1) / var(--max_w1)), calc(839 * 100vw / var(--max_w1)), 839px);
  --sz-840: clamp(calc(840px * var(--min_w1) / var(--max_w1)), calc(840 * 100vw / var(--max_w1)), 840px);
  --sz-841: clamp(calc(841px * var(--min_w1) / var(--max_w1)), calc(841 * 100vw / var(--max_w1)), 841px);
  --sz-842: clamp(calc(842px * var(--min_w1) / var(--max_w1)), calc(842 * 100vw / var(--max_w1)), 842px);
  --sz-843: clamp(calc(843px * var(--min_w1) / var(--max_w1)), calc(843 * 100vw / var(--max_w1)), 843px);
  --sz-844: clamp(calc(844px * var(--min_w1) / var(--max_w1)), calc(844 * 100vw / var(--max_w1)), 844px);
  --sz-845: clamp(calc(845px * var(--min_w1) / var(--max_w1)), calc(845 * 100vw / var(--max_w1)), 845px);
  --sz-846: clamp(calc(846px * var(--min_w1) / var(--max_w1)), calc(846 * 100vw / var(--max_w1)), 846px);
  --sz-847: clamp(calc(847px * var(--min_w1) / var(--max_w1)), calc(847 * 100vw / var(--max_w1)), 847px);
  --sz-848: clamp(calc(848px * var(--min_w1) / var(--max_w1)), calc(848 * 100vw / var(--max_w1)), 848px);
  --sz-849: clamp(calc(849px * var(--min_w1) / var(--max_w1)), calc(849 * 100vw / var(--max_w1)), 849px);
  --sz-850: clamp(calc(850px * var(--min_w1) / var(--max_w1)), calc(850 * 100vw / var(--max_w1)), 850px);
  --sz-851: clamp(calc(851px * var(--min_w1) / var(--max_w1)), calc(851 * 100vw / var(--max_w1)), 851px);
  --sz-852: clamp(calc(852px * var(--min_w1) / var(--max_w1)), calc(852 * 100vw / var(--max_w1)), 852px);
  --sz-853: clamp(calc(853px * var(--min_w1) / var(--max_w1)), calc(853 * 100vw / var(--max_w1)), 853px);
  --sz-854: clamp(calc(854px * var(--min_w1) / var(--max_w1)), calc(854 * 100vw / var(--max_w1)), 854px);
  --sz-855: clamp(calc(855px * var(--min_w1) / var(--max_w1)), calc(855 * 100vw / var(--max_w1)), 855px);
  --sz-856: clamp(calc(856px * var(--min_w1) / var(--max_w1)), calc(856 * 100vw / var(--max_w1)), 856px);
  --sz-857: clamp(calc(857px * var(--min_w1) / var(--max_w1)), calc(857 * 100vw / var(--max_w1)), 857px);
  --sz-858: clamp(calc(858px * var(--min_w1) / var(--max_w1)), calc(858 * 100vw / var(--max_w1)), 858px);
  --sz-859: clamp(calc(859px * var(--min_w1) / var(--max_w1)), calc(859 * 100vw / var(--max_w1)), 859px);
  --sz-860: clamp(calc(860px * var(--min_w1) / var(--max_w1)), calc(860 * 100vw / var(--max_w1)), 860px);
  --sz-861: clamp(calc(861px * var(--min_w1) / var(--max_w1)), calc(861 * 100vw / var(--max_w1)), 861px);
  --sz-862: clamp(calc(862px * var(--min_w1) / var(--max_w1)), calc(862 * 100vw / var(--max_w1)), 862px);
  --sz-863: clamp(calc(863px * var(--min_w1) / var(--max_w1)), calc(863 * 100vw / var(--max_w1)), 863px);
  --sz-864: clamp(calc(864px * var(--min_w1) / var(--max_w1)), calc(864 * 100vw / var(--max_w1)), 864px);
  --sz-865: clamp(calc(865px * var(--min_w1) / var(--max_w1)), calc(865 * 100vw / var(--max_w1)), 865px);
  --sz-866: clamp(calc(866px * var(--min_w1) / var(--max_w1)), calc(866 * 100vw / var(--max_w1)), 866px);
  --sz-867: clamp(calc(867px * var(--min_w1) / var(--max_w1)), calc(867 * 100vw / var(--max_w1)), 867px);
  --sz-868: clamp(calc(868px * var(--min_w1) / var(--max_w1)), calc(868 * 100vw / var(--max_w1)), 868px);
  --sz-869: clamp(calc(869px * var(--min_w1) / var(--max_w1)), calc(869 * 100vw / var(--max_w1)), 869px);
  --sz-870: clamp(calc(870px * var(--min_w1) / var(--max_w1)), calc(870 * 100vw / var(--max_w1)), 870px);
  --sz-871: clamp(calc(871px * var(--min_w1) / var(--max_w1)), calc(871 * 100vw / var(--max_w1)), 871px);
  --sz-872: clamp(calc(872px * var(--min_w1) / var(--max_w1)), calc(872 * 100vw / var(--max_w1)), 872px);
  --sz-873: clamp(calc(873px * var(--min_w1) / var(--max_w1)), calc(873 * 100vw / var(--max_w1)), 873px);
  --sz-874: clamp(calc(874px * var(--min_w1) / var(--max_w1)), calc(874 * 100vw / var(--max_w1)), 874px);
  --sz-875: clamp(calc(875px * var(--min_w1) / var(--max_w1)), calc(875 * 100vw / var(--max_w1)), 875px);
  --sz-876: clamp(calc(876px * var(--min_w1) / var(--max_w1)), calc(876 * 100vw / var(--max_w1)), 876px);
  --sz-877: clamp(calc(877px * var(--min_w1) / var(--max_w1)), calc(877 * 100vw / var(--max_w1)), 877px);
  --sz-878: clamp(calc(878px * var(--min_w1) / var(--max_w1)), calc(878 * 100vw / var(--max_w1)), 878px);
  --sz-879: clamp(calc(879px * var(--min_w1) / var(--max_w1)), calc(879 * 100vw / var(--max_w1)), 879px);
  --sz-880: clamp(calc(880px * var(--min_w1) / var(--max_w1)), calc(880 * 100vw / var(--max_w1)), 880px);
  --sz-881: clamp(calc(881px * var(--min_w1) / var(--max_w1)), calc(881 * 100vw / var(--max_w1)), 881px);
  --sz-882: clamp(calc(882px * var(--min_w1) / var(--max_w1)), calc(882 * 100vw / var(--max_w1)), 882px);
  --sz-883: clamp(calc(883px * var(--min_w1) / var(--max_w1)), calc(883 * 100vw / var(--max_w1)), 883px);
  --sz-884: clamp(calc(884px * var(--min_w1) / var(--max_w1)), calc(884 * 100vw / var(--max_w1)), 884px);
  --sz-885: clamp(calc(885px * var(--min_w1) / var(--max_w1)), calc(885 * 100vw / var(--max_w1)), 885px);
  --sz-886: clamp(calc(886px * var(--min_w1) / var(--max_w1)), calc(886 * 100vw / var(--max_w1)), 886px);
  --sz-887: clamp(calc(887px * var(--min_w1) / var(--max_w1)), calc(887 * 100vw / var(--max_w1)), 887px);
  --sz-888: clamp(calc(888px * var(--min_w1) / var(--max_w1)), calc(888 * 100vw / var(--max_w1)), 888px);
  --sz-889: clamp(calc(889px * var(--min_w1) / var(--max_w1)), calc(889 * 100vw / var(--max_w1)), 889px);
  --sz-890: clamp(calc(890px * var(--min_w1) / var(--max_w1)), calc(890 * 100vw / var(--max_w1)), 890px);
  --sz-891: clamp(calc(891px * var(--min_w1) / var(--max_w1)), calc(891 * 100vw / var(--max_w1)), 891px);
  --sz-892: clamp(calc(892px * var(--min_w1) / var(--max_w1)), calc(892 * 100vw / var(--max_w1)), 892px);
  --sz-893: clamp(calc(893px * var(--min_w1) / var(--max_w1)), calc(893 * 100vw / var(--max_w1)), 893px);
  --sz-894: clamp(calc(894px * var(--min_w1) / var(--max_w1)), calc(894 * 100vw / var(--max_w1)), 894px);
  --sz-895: clamp(calc(895px * var(--min_w1) / var(--max_w1)), calc(895 * 100vw / var(--max_w1)), 895px);
  --sz-896: clamp(calc(896px * var(--min_w1) / var(--max_w1)), calc(896 * 100vw / var(--max_w1)), 896px);
  --sz-897: clamp(calc(897px * var(--min_w1) / var(--max_w1)), calc(897 * 100vw / var(--max_w1)), 897px);
  --sz-898: clamp(calc(898px * var(--min_w1) / var(--max_w1)), calc(898 * 100vw / var(--max_w1)), 898px);
  --sz-899: clamp(calc(899px * var(--min_w1) / var(--max_w1)), calc(899 * 100vw / var(--max_w1)), 899px);
  --sz-900: clamp(calc(900px * var(--min_w1) / var(--max_w1)), calc(900 * 100vw / var(--max_w1)), 900px);
  --sz-901: clamp(calc(901px * var(--min_w1) / var(--max_w1)), calc(901 * 100vw / var(--max_w1)), 901px);
  --sz-902: clamp(calc(902px * var(--min_w1) / var(--max_w1)), calc(902 * 100vw / var(--max_w1)), 902px);
  --sz-903: clamp(calc(903px * var(--min_w1) / var(--max_w1)), calc(903 * 100vw / var(--max_w1)), 903px);
  --sz-904: clamp(calc(904px * var(--min_w1) / var(--max_w1)), calc(904 * 100vw / var(--max_w1)), 904px);
  --sz-905: clamp(calc(905px * var(--min_w1) / var(--max_w1)), calc(905 * 100vw / var(--max_w1)), 905px);
  --sz-906: clamp(calc(906px * var(--min_w1) / var(--max_w1)), calc(906 * 100vw / var(--max_w1)), 906px);
  --sz-907: clamp(calc(907px * var(--min_w1) / var(--max_w1)), calc(907 * 100vw / var(--max_w1)), 907px);
  --sz-908: clamp(calc(908px * var(--min_w1) / var(--max_w1)), calc(908 * 100vw / var(--max_w1)), 908px);
  --sz-909: clamp(calc(909px * var(--min_w1) / var(--max_w1)), calc(909 * 100vw / var(--max_w1)), 909px);
  --sz-910: clamp(calc(910px * var(--min_w1) / var(--max_w1)), calc(910 * 100vw / var(--max_w1)), 910px);
  --sz-911: clamp(calc(911px * var(--min_w1) / var(--max_w1)), calc(911 * 100vw / var(--max_w1)), 911px);
  --sz-912: clamp(calc(912px * var(--min_w1) / var(--max_w1)), calc(912 * 100vw / var(--max_w1)), 912px);
  --sz-913: clamp(calc(913px * var(--min_w1) / var(--max_w1)), calc(913 * 100vw / var(--max_w1)), 913px);
  --sz-914: clamp(calc(914px * var(--min_w1) / var(--max_w1)), calc(914 * 100vw / var(--max_w1)), 914px);
  --sz-915: clamp(calc(915px * var(--min_w1) / var(--max_w1)), calc(915 * 100vw / var(--max_w1)), 915px);
  --sz-916: clamp(calc(916px * var(--min_w1) / var(--max_w1)), calc(916 * 100vw / var(--max_w1)), 916px);
  --sz-917: clamp(calc(917px * var(--min_w1) / var(--max_w1)), calc(917 * 100vw / var(--max_w1)), 917px);
  --sz-918: clamp(calc(918px * var(--min_w1) / var(--max_w1)), calc(918 * 100vw / var(--max_w1)), 918px);
  --sz-919: clamp(calc(919px * var(--min_w1) / var(--max_w1)), calc(919 * 100vw / var(--max_w1)), 919px);
  --sz-920: clamp(calc(920px * var(--min_w1) / var(--max_w1)), calc(920 * 100vw / var(--max_w1)), 920px);
  --sz-921: clamp(calc(921px * var(--min_w1) / var(--max_w1)), calc(921 * 100vw / var(--max_w1)), 921px);
  --sz-922: clamp(calc(922px * var(--min_w1) / var(--max_w1)), calc(922 * 100vw / var(--max_w1)), 922px);
  --sz-923: clamp(calc(923px * var(--min_w1) / var(--max_w1)), calc(923 * 100vw / var(--max_w1)), 923px);
  --sz-924: clamp(calc(924px * var(--min_w1) / var(--max_w1)), calc(924 * 100vw / var(--max_w1)), 924px);
  --sz-925: clamp(calc(925px * var(--min_w1) / var(--max_w1)), calc(925 * 100vw / var(--max_w1)), 925px);
  --sz-926: clamp(calc(926px * var(--min_w1) / var(--max_w1)), calc(926 * 100vw / var(--max_w1)), 926px);
  --sz-927: clamp(calc(927px * var(--min_w1) / var(--max_w1)), calc(927 * 100vw / var(--max_w1)), 927px);
  --sz-928: clamp(calc(928px * var(--min_w1) / var(--max_w1)), calc(928 * 100vw / var(--max_w1)), 928px);
  --sz-929: clamp(calc(929px * var(--min_w1) / var(--max_w1)), calc(929 * 100vw / var(--max_w1)), 929px);
  --sz-930: clamp(calc(930px * var(--min_w1) / var(--max_w1)), calc(930 * 100vw / var(--max_w1)), 930px);
  --sz-931: clamp(calc(931px * var(--min_w1) / var(--max_w1)), calc(931 * 100vw / var(--max_w1)), 931px);
  --sz-932: clamp(calc(932px * var(--min_w1) / var(--max_w1)), calc(932 * 100vw / var(--max_w1)), 932px);
  --sz-933: clamp(calc(933px * var(--min_w1) / var(--max_w1)), calc(933 * 100vw / var(--max_w1)), 933px);
  --sz-934: clamp(calc(934px * var(--min_w1) / var(--max_w1)), calc(934 * 100vw / var(--max_w1)), 934px);
  --sz-935: clamp(calc(935px * var(--min_w1) / var(--max_w1)), calc(935 * 100vw / var(--max_w1)), 935px);
  --sz-936: clamp(calc(936px * var(--min_w1) / var(--max_w1)), calc(936 * 100vw / var(--max_w1)), 936px);
  --sz-937: clamp(calc(937px * var(--min_w1) / var(--max_w1)), calc(937 * 100vw / var(--max_w1)), 937px);
  --sz-938: clamp(calc(938px * var(--min_w1) / var(--max_w1)), calc(938 * 100vw / var(--max_w1)), 938px);
  --sz-939: clamp(calc(939px * var(--min_w1) / var(--max_w1)), calc(939 * 100vw / var(--max_w1)), 939px);
  --sz-940: clamp(calc(940px * var(--min_w1) / var(--max_w1)), calc(940 * 100vw / var(--max_w1)), 940px);
  --sz-941: clamp(calc(941px * var(--min_w1) / var(--max_w1)), calc(941 * 100vw / var(--max_w1)), 941px);
  --sz-942: clamp(calc(942px * var(--min_w1) / var(--max_w1)), calc(942 * 100vw / var(--max_w1)), 942px);
  --sz-943: clamp(calc(943px * var(--min_w1) / var(--max_w1)), calc(943 * 100vw / var(--max_w1)), 943px);
  --sz-944: clamp(calc(944px * var(--min_w1) / var(--max_w1)), calc(944 * 100vw / var(--max_w1)), 944px);
  --sz-945: clamp(calc(945px * var(--min_w1) / var(--max_w1)), calc(945 * 100vw / var(--max_w1)), 945px);
  --sz-946: clamp(calc(946px * var(--min_w1) / var(--max_w1)), calc(946 * 100vw / var(--max_w1)), 946px);
  --sz-947: clamp(calc(947px * var(--min_w1) / var(--max_w1)), calc(947 * 100vw / var(--max_w1)), 947px);
  --sz-948: clamp(calc(948px * var(--min_w1) / var(--max_w1)), calc(948 * 100vw / var(--max_w1)), 948px);
  --sz-949: clamp(calc(949px * var(--min_w1) / var(--max_w1)), calc(949 * 100vw / var(--max_w1)), 949px);
  --sz-950: clamp(calc(950px * var(--min_w1) / var(--max_w1)), calc(950 * 100vw / var(--max_w1)), 950px);
  --sz-951: clamp(calc(951px * var(--min_w1) / var(--max_w1)), calc(951 * 100vw / var(--max_w1)), 951px);
  --sz-952: clamp(calc(952px * var(--min_w1) / var(--max_w1)), calc(952 * 100vw / var(--max_w1)), 952px);
  --sz-953: clamp(calc(953px * var(--min_w1) / var(--max_w1)), calc(953 * 100vw / var(--max_w1)), 953px);
  --sz-954: clamp(calc(954px * var(--min_w1) / var(--max_w1)), calc(954 * 100vw / var(--max_w1)), 954px);
  --sz-955: clamp(calc(955px * var(--min_w1) / var(--max_w1)), calc(955 * 100vw / var(--max_w1)), 955px);
  --sz-956: clamp(calc(956px * var(--min_w1) / var(--max_w1)), calc(956 * 100vw / var(--max_w1)), 956px);
  --sz-957: clamp(calc(957px * var(--min_w1) / var(--max_w1)), calc(957 * 100vw / var(--max_w1)), 957px);
  --sz-958: clamp(calc(958px * var(--min_w1) / var(--max_w1)), calc(958 * 100vw / var(--max_w1)), 958px);
  --sz-959: clamp(calc(959px * var(--min_w1) / var(--max_w1)), calc(959 * 100vw / var(--max_w1)), 959px);
  --sz-960: clamp(calc(960px * var(--min_w1) / var(--max_w1)), calc(960 * 100vw / var(--max_w1)), 960px);
  --sz-961: clamp(calc(961px * var(--min_w1) / var(--max_w1)), calc(961 * 100vw / var(--max_w1)), 961px);
  --sz-962: clamp(calc(962px * var(--min_w1) / var(--max_w1)), calc(962 * 100vw / var(--max_w1)), 962px);
  --sz-963: clamp(calc(963px * var(--min_w1) / var(--max_w1)), calc(963 * 100vw / var(--max_w1)), 963px);
  --sz-964: clamp(calc(964px * var(--min_w1) / var(--max_w1)), calc(964 * 100vw / var(--max_w1)), 964px);
  --sz-965: clamp(calc(965px * var(--min_w1) / var(--max_w1)), calc(965 * 100vw / var(--max_w1)), 965px);
  --sz-966: clamp(calc(966px * var(--min_w1) / var(--max_w1)), calc(966 * 100vw / var(--max_w1)), 966px);
  --sz-967: clamp(calc(967px * var(--min_w1) / var(--max_w1)), calc(967 * 100vw / var(--max_w1)), 967px);
  --sz-968: clamp(calc(968px * var(--min_w1) / var(--max_w1)), calc(968 * 100vw / var(--max_w1)), 968px);
  --sz-969: clamp(calc(969px * var(--min_w1) / var(--max_w1)), calc(969 * 100vw / var(--max_w1)), 969px);
  --sz-970: clamp(calc(970px * var(--min_w1) / var(--max_w1)), calc(970 * 100vw / var(--max_w1)), 970px);
  --sz-971: clamp(calc(971px * var(--min_w1) / var(--max_w1)), calc(971 * 100vw / var(--max_w1)), 971px);
  --sz-972: clamp(calc(972px * var(--min_w1) / var(--max_w1)), calc(972 * 100vw / var(--max_w1)), 972px);
  --sz-973: clamp(calc(973px * var(--min_w1) / var(--max_w1)), calc(973 * 100vw / var(--max_w1)), 973px);
  --sz-974: clamp(calc(974px * var(--min_w1) / var(--max_w1)), calc(974 * 100vw / var(--max_w1)), 974px);
  --sz-975: clamp(calc(975px * var(--min_w1) / var(--max_w1)), calc(975 * 100vw / var(--max_w1)), 975px);
  --sz-976: clamp(calc(976px * var(--min_w1) / var(--max_w1)), calc(976 * 100vw / var(--max_w1)), 976px);
  --sz-977: clamp(calc(977px * var(--min_w1) / var(--max_w1)), calc(977 * 100vw / var(--max_w1)), 977px);
  --sz-978: clamp(calc(978px * var(--min_w1) / var(--max_w1)), calc(978 * 100vw / var(--max_w1)), 978px);
  --sz-979: clamp(calc(979px * var(--min_w1) / var(--max_w1)), calc(979 * 100vw / var(--max_w1)), 979px);
  --sz-980: clamp(calc(980px * var(--min_w1) / var(--max_w1)), calc(980 * 100vw / var(--max_w1)), 980px);
  --sz-981: clamp(calc(981px * var(--min_w1) / var(--max_w1)), calc(981 * 100vw / var(--max_w1)), 981px);
  --sz-982: clamp(calc(982px * var(--min_w1) / var(--max_w1)), calc(982 * 100vw / var(--max_w1)), 982px);
  --sz-983: clamp(calc(983px * var(--min_w1) / var(--max_w1)), calc(983 * 100vw / var(--max_w1)), 983px);
  --sz-984: clamp(calc(984px * var(--min_w1) / var(--max_w1)), calc(984 * 100vw / var(--max_w1)), 984px);
  --sz-985: clamp(calc(985px * var(--min_w1) / var(--max_w1)), calc(985 * 100vw / var(--max_w1)), 985px);
  --sz-986: clamp(calc(986px * var(--min_w1) / var(--max_w1)), calc(986 * 100vw / var(--max_w1)), 986px);
  --sz-987: clamp(calc(987px * var(--min_w1) / var(--max_w1)), calc(987 * 100vw / var(--max_w1)), 987px);
  --sz-988: clamp(calc(988px * var(--min_w1) / var(--max_w1)), calc(988 * 100vw / var(--max_w1)), 988px);
  --sz-989: clamp(calc(989px * var(--min_w1) / var(--max_w1)), calc(989 * 100vw / var(--max_w1)), 989px);
  --sz-990: clamp(calc(990px * var(--min_w1) / var(--max_w1)), calc(990 * 100vw / var(--max_w1)), 990px);
  --sz-991: clamp(calc(991px * var(--min_w1) / var(--max_w1)), calc(991 * 100vw / var(--max_w1)), 991px);
  --sz-992: clamp(calc(992px * var(--min_w1) / var(--max_w1)), calc(992 * 100vw / var(--max_w1)), 992px);
  --sz-993: clamp(calc(993px * var(--min_w1) / var(--max_w1)), calc(993 * 100vw / var(--max_w1)), 993px);
  --sz-994: clamp(calc(994px * var(--min_w1) / var(--max_w1)), calc(994 * 100vw / var(--max_w1)), 994px);
  --sz-995: clamp(calc(995px * var(--min_w1) / var(--max_w1)), calc(995 * 100vw / var(--max_w1)), 995px);
  --sz-996: clamp(calc(996px * var(--min_w1) / var(--max_w1)), calc(996 * 100vw / var(--max_w1)), 996px);
  --sz-997: clamp(calc(997px * var(--min_w1) / var(--max_w1)), calc(997 * 100vw / var(--max_w1)), 997px);
  --sz-998: clamp(calc(998px * var(--min_w1) / var(--max_w1)), calc(998 * 100vw / var(--max_w1)), 998px);
  --sz-999: clamp(calc(999px * var(--min_w1) / var(--max_w1)), calc(999 * 100vw / var(--max_w1)), 999px);
  --sz-1000: clamp(calc(1000px * var(--min_w1) / var(--max_w1)), calc(1000 * 100vw / var(--max_w1)), 1000px);
  --sz-1001: clamp(calc(1001px * var(--min_w1) / var(--max_w1)), calc(1001 * 100vw / var(--max_w1)), 1001px);
  --sz-1002: clamp(calc(1002px * var(--min_w1) / var(--max_w1)), calc(1002 * 100vw / var(--max_w1)), 1002px);
  --sz-1003: clamp(calc(1003px * var(--min_w1) / var(--max_w1)), calc(1003 * 100vw / var(--max_w1)), 1003px);
  --sz-1004: clamp(calc(1004px * var(--min_w1) / var(--max_w1)), calc(1004 * 100vw / var(--max_w1)), 1004px);
  --sz-1005: clamp(calc(1005px * var(--min_w1) / var(--max_w1)), calc(1005 * 100vw / var(--max_w1)), 1005px);
  --sz-1006: clamp(calc(1006px * var(--min_w1) / var(--max_w1)), calc(1006 * 100vw / var(--max_w1)), 1006px);
  --sz-1007: clamp(calc(1007px * var(--min_w1) / var(--max_w1)), calc(1007 * 100vw / var(--max_w1)), 1007px);
  --sz-1008: clamp(calc(1008px * var(--min_w1) / var(--max_w1)), calc(1008 * 100vw / var(--max_w1)), 1008px);
  --sz-1009: clamp(calc(1009px * var(--min_w1) / var(--max_w1)), calc(1009 * 100vw / var(--max_w1)), 1009px);
  --sz-1010: clamp(calc(1010px * var(--min_w1) / var(--max_w1)), calc(1010 * 100vw / var(--max_w1)), 1010px);
  --sz-1011: clamp(calc(1011px * var(--min_w1) / var(--max_w1)), calc(1011 * 100vw / var(--max_w1)), 1011px);
  --sz-1012: clamp(calc(1012px * var(--min_w1) / var(--max_w1)), calc(1012 * 100vw / var(--max_w1)), 1012px);
  --sz-1013: clamp(calc(1013px * var(--min_w1) / var(--max_w1)), calc(1013 * 100vw / var(--max_w1)), 1013px);
  --sz-1014: clamp(calc(1014px * var(--min_w1) / var(--max_w1)), calc(1014 * 100vw / var(--max_w1)), 1014px);
  --sz-1015: clamp(calc(1015px * var(--min_w1) / var(--max_w1)), calc(1015 * 100vw / var(--max_w1)), 1015px);
  --sz-1016: clamp(calc(1016px * var(--min_w1) / var(--max_w1)), calc(1016 * 100vw / var(--max_w1)), 1016px);
  --sz-1017: clamp(calc(1017px * var(--min_w1) / var(--max_w1)), calc(1017 * 100vw / var(--max_w1)), 1017px);
  --sz-1018: clamp(calc(1018px * var(--min_w1) / var(--max_w1)), calc(1018 * 100vw / var(--max_w1)), 1018px);
  --sz-1019: clamp(calc(1019px * var(--min_w1) / var(--max_w1)), calc(1019 * 100vw / var(--max_w1)), 1019px);
  --sz-1020: clamp(calc(1020px * var(--min_w1) / var(--max_w1)), calc(1020 * 100vw / var(--max_w1)), 1020px);
  --sz-1021: clamp(calc(1021px * var(--min_w1) / var(--max_w1)), calc(1021 * 100vw / var(--max_w1)), 1021px);
  --sz-1022: clamp(calc(1022px * var(--min_w1) / var(--max_w1)), calc(1022 * 100vw / var(--max_w1)), 1022px);
  --sz-1023: clamp(calc(1023px * var(--min_w1) / var(--max_w1)), calc(1023 * 100vw / var(--max_w1)), 1023px);
  --sz-1024: clamp(calc(1024px * var(--min_w1) / var(--max_w1)), calc(1024 * 100vw / var(--max_w1)), 1024px);
  --sz-1025: clamp(calc(1025px * var(--min_w1) / var(--max_w1)), calc(1025 * 100vw / var(--max_w1)), 1025px);
  --sz-1026: clamp(calc(1026px * var(--min_w1) / var(--max_w1)), calc(1026 * 100vw / var(--max_w1)), 1026px);
  --sz-1027: clamp(calc(1027px * var(--min_w1) / var(--max_w1)), calc(1027 * 100vw / var(--max_w1)), 1027px);
  --sz-1028: clamp(calc(1028px * var(--min_w1) / var(--max_w1)), calc(1028 * 100vw / var(--max_w1)), 1028px);
  --sz-1029: clamp(calc(1029px * var(--min_w1) / var(--max_w1)), calc(1029 * 100vw / var(--max_w1)), 1029px);
  --sz-1030: clamp(calc(1030px * var(--min_w1) / var(--max_w1)), calc(1030 * 100vw / var(--max_w1)), 1030px);
  --sz-1031: clamp(calc(1031px * var(--min_w1) / var(--max_w1)), calc(1031 * 100vw / var(--max_w1)), 1031px);
  --sz-1032: clamp(calc(1032px * var(--min_w1) / var(--max_w1)), calc(1032 * 100vw / var(--max_w1)), 1032px);
  --sz-1033: clamp(calc(1033px * var(--min_w1) / var(--max_w1)), calc(1033 * 100vw / var(--max_w1)), 1033px);
  --sz-1034: clamp(calc(1034px * var(--min_w1) / var(--max_w1)), calc(1034 * 100vw / var(--max_w1)), 1034px);
  --sz-1035: clamp(calc(1035px * var(--min_w1) / var(--max_w1)), calc(1035 * 100vw / var(--max_w1)), 1035px);
  --sz-1036: clamp(calc(1036px * var(--min_w1) / var(--max_w1)), calc(1036 * 100vw / var(--max_w1)), 1036px);
  --sz-1037: clamp(calc(1037px * var(--min_w1) / var(--max_w1)), calc(1037 * 100vw / var(--max_w1)), 1037px);
  --sz-1038: clamp(calc(1038px * var(--min_w1) / var(--max_w1)), calc(1038 * 100vw / var(--max_w1)), 1038px);
  --sz-1039: clamp(calc(1039px * var(--min_w1) / var(--max_w1)), calc(1039 * 100vw / var(--max_w1)), 1039px);
  --sz-1040: clamp(calc(1040px * var(--min_w1) / var(--max_w1)), calc(1040 * 100vw / var(--max_w1)), 1040px);
  --sz-1041: clamp(calc(1041px * var(--min_w1) / var(--max_w1)), calc(1041 * 100vw / var(--max_w1)), 1041px);
  --sz-1042: clamp(calc(1042px * var(--min_w1) / var(--max_w1)), calc(1042 * 100vw / var(--max_w1)), 1042px);
  --sz-1043: clamp(calc(1043px * var(--min_w1) / var(--max_w1)), calc(1043 * 100vw / var(--max_w1)), 1043px);
  --sz-1044: clamp(calc(1044px * var(--min_w1) / var(--max_w1)), calc(1044 * 100vw / var(--max_w1)), 1044px);
  --sz-1045: clamp(calc(1045px * var(--min_w1) / var(--max_w1)), calc(1045 * 100vw / var(--max_w1)), 1045px);
  --sz-1046: clamp(calc(1046px * var(--min_w1) / var(--max_w1)), calc(1046 * 100vw / var(--max_w1)), 1046px);
  --sz-1047: clamp(calc(1047px * var(--min_w1) / var(--max_w1)), calc(1047 * 100vw / var(--max_w1)), 1047px);
  --sz-1048: clamp(calc(1048px * var(--min_w1) / var(--max_w1)), calc(1048 * 100vw / var(--max_w1)), 1048px);
  --sz-1049: clamp(calc(1049px * var(--min_w1) / var(--max_w1)), calc(1049 * 100vw / var(--max_w1)), 1049px);
  --sz-1050: clamp(calc(1050px * var(--min_w1) / var(--max_w1)), calc(1050 * 100vw / var(--max_w1)), 1050px);
  --sz-1051: clamp(calc(1051px * var(--min_w1) / var(--max_w1)), calc(1051 * 100vw / var(--max_w1)), 1051px);
  --sz-1052: clamp(calc(1052px * var(--min_w1) / var(--max_w1)), calc(1052 * 100vw / var(--max_w1)), 1052px);
  --sz-1053: clamp(calc(1053px * var(--min_w1) / var(--max_w1)), calc(1053 * 100vw / var(--max_w1)), 1053px);
  --sz-1054: clamp(calc(1054px * var(--min_w1) / var(--max_w1)), calc(1054 * 100vw / var(--max_w1)), 1054px);
  --sz-1055: clamp(calc(1055px * var(--min_w1) / var(--max_w1)), calc(1055 * 100vw / var(--max_w1)), 1055px);
  --sz-1056: clamp(calc(1056px * var(--min_w1) / var(--max_w1)), calc(1056 * 100vw / var(--max_w1)), 1056px);
  --sz-1057: clamp(calc(1057px * var(--min_w1) / var(--max_w1)), calc(1057 * 100vw / var(--max_w1)), 1057px);
  --sz-1058: clamp(calc(1058px * var(--min_w1) / var(--max_w1)), calc(1058 * 100vw / var(--max_w1)), 1058px);
  --sz-1059: clamp(calc(1059px * var(--min_w1) / var(--max_w1)), calc(1059 * 100vw / var(--max_w1)), 1059px);
  --sz-1060: clamp(calc(1060px * var(--min_w1) / var(--max_w1)), calc(1060 * 100vw / var(--max_w1)), 1060px);
  --sz-1061: clamp(calc(1061px * var(--min_w1) / var(--max_w1)), calc(1061 * 100vw / var(--max_w1)), 1061px);
  --sz-1062: clamp(calc(1062px * var(--min_w1) / var(--max_w1)), calc(1062 * 100vw / var(--max_w1)), 1062px);
  --sz-1063: clamp(calc(1063px * var(--min_w1) / var(--max_w1)), calc(1063 * 100vw / var(--max_w1)), 1063px);
  --sz-1064: clamp(calc(1064px * var(--min_w1) / var(--max_w1)), calc(1064 * 100vw / var(--max_w1)), 1064px);
  --sz-1065: clamp(calc(1065px * var(--min_w1) / var(--max_w1)), calc(1065 * 100vw / var(--max_w1)), 1065px);
  --sz-1066: clamp(calc(1066px * var(--min_w1) / var(--max_w1)), calc(1066 * 100vw / var(--max_w1)), 1066px);
  --sz-1067: clamp(calc(1067px * var(--min_w1) / var(--max_w1)), calc(1067 * 100vw / var(--max_w1)), 1067px);
  --sz-1068: clamp(calc(1068px * var(--min_w1) / var(--max_w1)), calc(1068 * 100vw / var(--max_w1)), 1068px);
  --sz-1069: clamp(calc(1069px * var(--min_w1) / var(--max_w1)), calc(1069 * 100vw / var(--max_w1)), 1069px);
  --sz-1070: clamp(calc(1070px * var(--min_w1) / var(--max_w1)), calc(1070 * 100vw / var(--max_w1)), 1070px);
  --sz-1071: clamp(calc(1071px * var(--min_w1) / var(--max_w1)), calc(1071 * 100vw / var(--max_w1)), 1071px);
  --sz-1072: clamp(calc(1072px * var(--min_w1) / var(--max_w1)), calc(1072 * 100vw / var(--max_w1)), 1072px);
  --sz-1073: clamp(calc(1073px * var(--min_w1) / var(--max_w1)), calc(1073 * 100vw / var(--max_w1)), 1073px);
  --sz-1074: clamp(calc(1074px * var(--min_w1) / var(--max_w1)), calc(1074 * 100vw / var(--max_w1)), 1074px);
  --sz-1075: clamp(calc(1075px * var(--min_w1) / var(--max_w1)), calc(1075 * 100vw / var(--max_w1)), 1075px);
  --sz-1076: clamp(calc(1076px * var(--min_w1) / var(--max_w1)), calc(1076 * 100vw / var(--max_w1)), 1076px);
  --sz-1077: clamp(calc(1077px * var(--min_w1) / var(--max_w1)), calc(1077 * 100vw / var(--max_w1)), 1077px);
  --sz-1078: clamp(calc(1078px * var(--min_w1) / var(--max_w1)), calc(1078 * 100vw / var(--max_w1)), 1078px);
  --sz-1079: clamp(calc(1079px * var(--min_w1) / var(--max_w1)), calc(1079 * 100vw / var(--max_w1)), 1079px);
  --sz-1080: clamp(calc(1080px * var(--min_w1) / var(--max_w1)), calc(1080 * 100vw / var(--max_w1)), 1080px);
  --sz-1081: clamp(calc(1081px * var(--min_w1) / var(--max_w1)), calc(1081 * 100vw / var(--max_w1)), 1081px);
  --sz-1082: clamp(calc(1082px * var(--min_w1) / var(--max_w1)), calc(1082 * 100vw / var(--max_w1)), 1082px);
  --sz-1083: clamp(calc(1083px * var(--min_w1) / var(--max_w1)), calc(1083 * 100vw / var(--max_w1)), 1083px);
  --sz-1084: clamp(calc(1084px * var(--min_w1) / var(--max_w1)), calc(1084 * 100vw / var(--max_w1)), 1084px);
  --sz-1085: clamp(calc(1085px * var(--min_w1) / var(--max_w1)), calc(1085 * 100vw / var(--max_w1)), 1085px);
  --sz-1086: clamp(calc(1086px * var(--min_w1) / var(--max_w1)), calc(1086 * 100vw / var(--max_w1)), 1086px);
  --sz-1087: clamp(calc(1087px * var(--min_w1) / var(--max_w1)), calc(1087 * 100vw / var(--max_w1)), 1087px);
  --sz-1088: clamp(calc(1088px * var(--min_w1) / var(--max_w1)), calc(1088 * 100vw / var(--max_w1)), 1088px);
  --sz-1089: clamp(calc(1089px * var(--min_w1) / var(--max_w1)), calc(1089 * 100vw / var(--max_w1)), 1089px);
  --sz-1090: clamp(calc(1090px * var(--min_w1) / var(--max_w1)), calc(1090 * 100vw / var(--max_w1)), 1090px);
  --sz-1091: clamp(calc(1091px * var(--min_w1) / var(--max_w1)), calc(1091 * 100vw / var(--max_w1)), 1091px);
  --sz-1092: clamp(calc(1092px * var(--min_w1) / var(--max_w1)), calc(1092 * 100vw / var(--max_w1)), 1092px);
  --sz-1093: clamp(calc(1093px * var(--min_w1) / var(--max_w1)), calc(1093 * 100vw / var(--max_w1)), 1093px);
  --sz-1094: clamp(calc(1094px * var(--min_w1) / var(--max_w1)), calc(1094 * 100vw / var(--max_w1)), 1094px);
  --sz-1095: clamp(calc(1095px * var(--min_w1) / var(--max_w1)), calc(1095 * 100vw / var(--max_w1)), 1095px);
  --sz-1096: clamp(calc(1096px * var(--min_w1) / var(--max_w1)), calc(1096 * 100vw / var(--max_w1)), 1096px);
  --sz-1097: clamp(calc(1097px * var(--min_w1) / var(--max_w1)), calc(1097 * 100vw / var(--max_w1)), 1097px);
  --sz-1098: clamp(calc(1098px * var(--min_w1) / var(--max_w1)), calc(1098 * 100vw / var(--max_w1)), 1098px);
  --sz-1099: clamp(calc(1099px * var(--min_w1) / var(--max_w1)), calc(1099 * 100vw / var(--max_w1)), 1099px);
  --sz-1100: clamp(calc(1100px * var(--min_w1) / var(--max_w1)), calc(1100 * 100vw / var(--max_w1)), 1100px);
  --sz-1101: clamp(calc(1101px * var(--min_w1) / var(--max_w1)), calc(1101 * 100vw / var(--max_w1)), 1101px);
  --sz-1102: clamp(calc(1102px * var(--min_w1) / var(--max_w1)), calc(1102 * 100vw / var(--max_w1)), 1102px);
  --sz-1103: clamp(calc(1103px * var(--min_w1) / var(--max_w1)), calc(1103 * 100vw / var(--max_w1)), 1103px);
  --sz-1104: clamp(calc(1104px * var(--min_w1) / var(--max_w1)), calc(1104 * 100vw / var(--max_w1)), 1104px);
  --sz-1105: clamp(calc(1105px * var(--min_w1) / var(--max_w1)), calc(1105 * 100vw / var(--max_w1)), 1105px);
  --sz-1106: clamp(calc(1106px * var(--min_w1) / var(--max_w1)), calc(1106 * 100vw / var(--max_w1)), 1106px);
  --sz-1107: clamp(calc(1107px * var(--min_w1) / var(--max_w1)), calc(1107 * 100vw / var(--max_w1)), 1107px);
  --sz-1108: clamp(calc(1108px * var(--min_w1) / var(--max_w1)), calc(1108 * 100vw / var(--max_w1)), 1108px);
  --sz-1109: clamp(calc(1109px * var(--min_w1) / var(--max_w1)), calc(1109 * 100vw / var(--max_w1)), 1109px);
  --sz-1110: clamp(calc(1110px * var(--min_w1) / var(--max_w1)), calc(1110 * 100vw / var(--max_w1)), 1110px);
  --sz-1111: clamp(calc(1111px * var(--min_w1) / var(--max_w1)), calc(1111 * 100vw / var(--max_w1)), 1111px);
  --sz-1112: clamp(calc(1112px * var(--min_w1) / var(--max_w1)), calc(1112 * 100vw / var(--max_w1)), 1112px);
  --sz-1113: clamp(calc(1113px * var(--min_w1) / var(--max_w1)), calc(1113 * 100vw / var(--max_w1)), 1113px);
  --sz-1114: clamp(calc(1114px * var(--min_w1) / var(--max_w1)), calc(1114 * 100vw / var(--max_w1)), 1114px);
  --sz-1115: clamp(calc(1115px * var(--min_w1) / var(--max_w1)), calc(1115 * 100vw / var(--max_w1)), 1115px);
  --sz-1116: clamp(calc(1116px * var(--min_w1) / var(--max_w1)), calc(1116 * 100vw / var(--max_w1)), 1116px);
  --sz-1117: clamp(calc(1117px * var(--min_w1) / var(--max_w1)), calc(1117 * 100vw / var(--max_w1)), 1117px);
  --sz-1118: clamp(calc(1118px * var(--min_w1) / var(--max_w1)), calc(1118 * 100vw / var(--max_w1)), 1118px);
  --sz-1119: clamp(calc(1119px * var(--min_w1) / var(--max_w1)), calc(1119 * 100vw / var(--max_w1)), 1119px);
  --sz-1120: clamp(calc(1120px * var(--min_w1) / var(--max_w1)), calc(1120 * 100vw / var(--max_w1)), 1120px);
  --sz-1121: clamp(calc(1121px * var(--min_w1) / var(--max_w1)), calc(1121 * 100vw / var(--max_w1)), 1121px);
  --sz-1122: clamp(calc(1122px * var(--min_w1) / var(--max_w1)), calc(1122 * 100vw / var(--max_w1)), 1122px);
  --sz-1123: clamp(calc(1123px * var(--min_w1) / var(--max_w1)), calc(1123 * 100vw / var(--max_w1)), 1123px);
  --sz-1124: clamp(calc(1124px * var(--min_w1) / var(--max_w1)), calc(1124 * 100vw / var(--max_w1)), 1124px);
  --sz-1125: clamp(calc(1125px * var(--min_w1) / var(--max_w1)), calc(1125 * 100vw / var(--max_w1)), 1125px);
  --sz-1126: clamp(calc(1126px * var(--min_w1) / var(--max_w1)), calc(1126 * 100vw / var(--max_w1)), 1126px);
  --sz-1127: clamp(calc(1127px * var(--min_w1) / var(--max_w1)), calc(1127 * 100vw / var(--max_w1)), 1127px);
  --sz-1128: clamp(calc(1128px * var(--min_w1) / var(--max_w1)), calc(1128 * 100vw / var(--max_w1)), 1128px);
  --sz-1129: clamp(calc(1129px * var(--min_w1) / var(--max_w1)), calc(1129 * 100vw / var(--max_w1)), 1129px);
  --sz-1130: clamp(calc(1130px * var(--min_w1) / var(--max_w1)), calc(1130 * 100vw / var(--max_w1)), 1130px);
  --sz-1131: clamp(calc(1131px * var(--min_w1) / var(--max_w1)), calc(1131 * 100vw / var(--max_w1)), 1131px);
  --sz-1132: clamp(calc(1132px * var(--min_w1) / var(--max_w1)), calc(1132 * 100vw / var(--max_w1)), 1132px);
  --sz-1133: clamp(calc(1133px * var(--min_w1) / var(--max_w1)), calc(1133 * 100vw / var(--max_w1)), 1133px);
  --sz-1134: clamp(calc(1134px * var(--min_w1) / var(--max_w1)), calc(1134 * 100vw / var(--max_w1)), 1134px);
  --sz-1135: clamp(calc(1135px * var(--min_w1) / var(--max_w1)), calc(1135 * 100vw / var(--max_w1)), 1135px);
  --sz-1136: clamp(calc(1136px * var(--min_w1) / var(--max_w1)), calc(1136 * 100vw / var(--max_w1)), 1136px);
  --sz-1137: clamp(calc(1137px * var(--min_w1) / var(--max_w1)), calc(1137 * 100vw / var(--max_w1)), 1137px);
  --sz-1138: clamp(calc(1138px * var(--min_w1) / var(--max_w1)), calc(1138 * 100vw / var(--max_w1)), 1138px);
  --sz-1139: clamp(calc(1139px * var(--min_w1) / var(--max_w1)), calc(1139 * 100vw / var(--max_w1)), 1139px);
  --sz-1140: clamp(calc(1140px * var(--min_w1) / var(--max_w1)), calc(1140 * 100vw / var(--max_w1)), 1140px);
  --sz-1141: clamp(calc(1141px * var(--min_w1) / var(--max_w1)), calc(1141 * 100vw / var(--max_w1)), 1141px);
  --sz-1142: clamp(calc(1142px * var(--min_w1) / var(--max_w1)), calc(1142 * 100vw / var(--max_w1)), 1142px);
  --sz-1143: clamp(calc(1143px * var(--min_w1) / var(--max_w1)), calc(1143 * 100vw / var(--max_w1)), 1143px);
  --sz-1144: clamp(calc(1144px * var(--min_w1) / var(--max_w1)), calc(1144 * 100vw / var(--max_w1)), 1144px);
  --sz-1145: clamp(calc(1145px * var(--min_w1) / var(--max_w1)), calc(1145 * 100vw / var(--max_w1)), 1145px);
  --sz-1146: clamp(calc(1146px * var(--min_w1) / var(--max_w1)), calc(1146 * 100vw / var(--max_w1)), 1146px);
  --sz-1147: clamp(calc(1147px * var(--min_w1) / var(--max_w1)), calc(1147 * 100vw / var(--max_w1)), 1147px);
  --sz-1148: clamp(calc(1148px * var(--min_w1) / var(--max_w1)), calc(1148 * 100vw / var(--max_w1)), 1148px);
  --sz-1149: clamp(calc(1149px * var(--min_w1) / var(--max_w1)), calc(1149 * 100vw / var(--max_w1)), 1149px);
  --sz-1150: clamp(calc(1150px * var(--min_w1) / var(--max_w1)), calc(1150 * 100vw / var(--max_w1)), 1150px);
  --sz-1151: clamp(calc(1151px * var(--min_w1) / var(--max_w1)), calc(1151 * 100vw / var(--max_w1)), 1151px);
  --sz-1152: clamp(calc(1152px * var(--min_w1) / var(--max_w1)), calc(1152 * 100vw / var(--max_w1)), 1152px);
  --sz-1153: clamp(calc(1153px * var(--min_w1) / var(--max_w1)), calc(1153 * 100vw / var(--max_w1)), 1153px);
  --sz-1154: clamp(calc(1154px * var(--min_w1) / var(--max_w1)), calc(1154 * 100vw / var(--max_w1)), 1154px);
  --sz-1155: clamp(calc(1155px * var(--min_w1) / var(--max_w1)), calc(1155 * 100vw / var(--max_w1)), 1155px);
  --sz-1156: clamp(calc(1156px * var(--min_w1) / var(--max_w1)), calc(1156 * 100vw / var(--max_w1)), 1156px);
  --sz-1157: clamp(calc(1157px * var(--min_w1) / var(--max_w1)), calc(1157 * 100vw / var(--max_w1)), 1157px);
  --sz-1158: clamp(calc(1158px * var(--min_w1) / var(--max_w1)), calc(1158 * 100vw / var(--max_w1)), 1158px);
  --sz-1159: clamp(calc(1159px * var(--min_w1) / var(--max_w1)), calc(1159 * 100vw / var(--max_w1)), 1159px);
  --sz-1160: clamp(calc(1160px * var(--min_w1) / var(--max_w1)), calc(1160 * 100vw / var(--max_w1)), 1160px);
  --sz-1161: clamp(calc(1161px * var(--min_w1) / var(--max_w1)), calc(1161 * 100vw / var(--max_w1)), 1161px);
  --sz-1162: clamp(calc(1162px * var(--min_w1) / var(--max_w1)), calc(1162 * 100vw / var(--max_w1)), 1162px);
  --sz-1163: clamp(calc(1163px * var(--min_w1) / var(--max_w1)), calc(1163 * 100vw / var(--max_w1)), 1163px);
  --sz-1164: clamp(calc(1164px * var(--min_w1) / var(--max_w1)), calc(1164 * 100vw / var(--max_w1)), 1164px);
  --sz-1165: clamp(calc(1165px * var(--min_w1) / var(--max_w1)), calc(1165 * 100vw / var(--max_w1)), 1165px);
  --sz-1166: clamp(calc(1166px * var(--min_w1) / var(--max_w1)), calc(1166 * 100vw / var(--max_w1)), 1166px);
  --sz-1167: clamp(calc(1167px * var(--min_w1) / var(--max_w1)), calc(1167 * 100vw / var(--max_w1)), 1167px);
  --sz-1168: clamp(calc(1168px * var(--min_w1) / var(--max_w1)), calc(1168 * 100vw / var(--max_w1)), 1168px);
  --sz-1169: clamp(calc(1169px * var(--min_w1) / var(--max_w1)), calc(1169 * 100vw / var(--max_w1)), 1169px);
  --sz-1170: clamp(calc(1170px * var(--min_w1) / var(--max_w1)), calc(1170 * 100vw / var(--max_w1)), 1170px);
  --sz-1171: clamp(calc(1171px * var(--min_w1) / var(--max_w1)), calc(1171 * 100vw / var(--max_w1)), 1171px);
  --sz-1172: clamp(calc(1172px * var(--min_w1) / var(--max_w1)), calc(1172 * 100vw / var(--max_w1)), 1172px);
  --sz-1173: clamp(calc(1173px * var(--min_w1) / var(--max_w1)), calc(1173 * 100vw / var(--max_w1)), 1173px);
  --sz-1174: clamp(calc(1174px * var(--min_w1) / var(--max_w1)), calc(1174 * 100vw / var(--max_w1)), 1174px);
  --sz-1175: clamp(calc(1175px * var(--min_w1) / var(--max_w1)), calc(1175 * 100vw / var(--max_w1)), 1175px);
  --sz-1176: clamp(calc(1176px * var(--min_w1) / var(--max_w1)), calc(1176 * 100vw / var(--max_w1)), 1176px);
  --sz-1177: clamp(calc(1177px * var(--min_w1) / var(--max_w1)), calc(1177 * 100vw / var(--max_w1)), 1177px);
  --sz-1178: clamp(calc(1178px * var(--min_w1) / var(--max_w1)), calc(1178 * 100vw / var(--max_w1)), 1178px);
  --sz-1179: clamp(calc(1179px * var(--min_w1) / var(--max_w1)), calc(1179 * 100vw / var(--max_w1)), 1179px);
  --sz-1180: clamp(calc(1180px * var(--min_w1) / var(--max_w1)), calc(1180 * 100vw / var(--max_w1)), 1180px);
  --sz-1181: clamp(calc(1181px * var(--min_w1) / var(--max_w1)), calc(1181 * 100vw / var(--max_w1)), 1181px);
  --sz-1182: clamp(calc(1182px * var(--min_w1) / var(--max_w1)), calc(1182 * 100vw / var(--max_w1)), 1182px);
  --sz-1183: clamp(calc(1183px * var(--min_w1) / var(--max_w1)), calc(1183 * 100vw / var(--max_w1)), 1183px);
  --sz-1184: clamp(calc(1184px * var(--min_w1) / var(--max_w1)), calc(1184 * 100vw / var(--max_w1)), 1184px);
  --sz-1185: clamp(calc(1185px * var(--min_w1) / var(--max_w1)), calc(1185 * 100vw / var(--max_w1)), 1185px);
  --sz-1186: clamp(calc(1186px * var(--min_w1) / var(--max_w1)), calc(1186 * 100vw / var(--max_w1)), 1186px);
  --sz-1187: clamp(calc(1187px * var(--min_w1) / var(--max_w1)), calc(1187 * 100vw / var(--max_w1)), 1187px);
  --sz-1188: clamp(calc(1188px * var(--min_w1) / var(--max_w1)), calc(1188 * 100vw / var(--max_w1)), 1188px);
  --sz-1189: clamp(calc(1189px * var(--min_w1) / var(--max_w1)), calc(1189 * 100vw / var(--max_w1)), 1189px);
  --sz-1190: clamp(calc(1190px * var(--min_w1) / var(--max_w1)), calc(1190 * 100vw / var(--max_w1)), 1190px);
  --sz-1191: clamp(calc(1191px * var(--min_w1) / var(--max_w1)), calc(1191 * 100vw / var(--max_w1)), 1191px);
  --sz-1192: clamp(calc(1192px * var(--min_w1) / var(--max_w1)), calc(1192 * 100vw / var(--max_w1)), 1192px);
  --sz-1193: clamp(calc(1193px * var(--min_w1) / var(--max_w1)), calc(1193 * 100vw / var(--max_w1)), 1193px);
  --sz-1194: clamp(calc(1194px * var(--min_w1) / var(--max_w1)), calc(1194 * 100vw / var(--max_w1)), 1194px);
  --sz-1195: clamp(calc(1195px * var(--min_w1) / var(--max_w1)), calc(1195 * 100vw / var(--max_w1)), 1195px);
  --sz-1196: clamp(calc(1196px * var(--min_w1) / var(--max_w1)), calc(1196 * 100vw / var(--max_w1)), 1196px);
  --sz-1197: clamp(calc(1197px * var(--min_w1) / var(--max_w1)), calc(1197 * 100vw / var(--max_w1)), 1197px);
  --sz-1198: clamp(calc(1198px * var(--min_w1) / var(--max_w1)), calc(1198 * 100vw / var(--max_w1)), 1198px);
  --sz-1199: clamp(calc(1199px * var(--min_w1) / var(--max_w1)), calc(1199 * 100vw / var(--max_w1)), 1199px);
  --sz-1200: clamp(calc(1200px * var(--min_w1) / var(--max_w1)), calc(1200 * 100vw / var(--max_w1)), 1200px);
  --sz-1201: clamp(calc(1201px * var(--min_w1) / var(--max_w1)), calc(1201 * 100vw / var(--max_w1)), 1201px);
  --sz-1202: clamp(calc(1202px * var(--min_w1) / var(--max_w1)), calc(1202 * 100vw / var(--max_w1)), 1202px);
  --sz-1203: clamp(calc(1203px * var(--min_w1) / var(--max_w1)), calc(1203 * 100vw / var(--max_w1)), 1203px);
  --sz-1204: clamp(calc(1204px * var(--min_w1) / var(--max_w1)), calc(1204 * 100vw / var(--max_w1)), 1204px);
  --sz-1205: clamp(calc(1205px * var(--min_w1) / var(--max_w1)), calc(1205 * 100vw / var(--max_w1)), 1205px);
  --sz-1206: clamp(calc(1206px * var(--min_w1) / var(--max_w1)), calc(1206 * 100vw / var(--max_w1)), 1206px);
  --sz-1207: clamp(calc(1207px * var(--min_w1) / var(--max_w1)), calc(1207 * 100vw / var(--max_w1)), 1207px);
  --sz-1208: clamp(calc(1208px * var(--min_w1) / var(--max_w1)), calc(1208 * 100vw / var(--max_w1)), 1208px);
  --sz-1209: clamp(calc(1209px * var(--min_w1) / var(--max_w1)), calc(1209 * 100vw / var(--max_w1)), 1209px);
  --sz-1210: clamp(calc(1210px * var(--min_w1) / var(--max_w1)), calc(1210 * 100vw / var(--max_w1)), 1210px);
  --sz-1211: clamp(calc(1211px * var(--min_w1) / var(--max_w1)), calc(1211 * 100vw / var(--max_w1)), 1211px);
  --sz-1212: clamp(calc(1212px * var(--min_w1) / var(--max_w1)), calc(1212 * 100vw / var(--max_w1)), 1212px);
  --sz-1213: clamp(calc(1213px * var(--min_w1) / var(--max_w1)), calc(1213 * 100vw / var(--max_w1)), 1213px);
  --sz-1214: clamp(calc(1214px * var(--min_w1) / var(--max_w1)), calc(1214 * 100vw / var(--max_w1)), 1214px);
  --sz-1215: clamp(calc(1215px * var(--min_w1) / var(--max_w1)), calc(1215 * 100vw / var(--max_w1)), 1215px);
  --sz-1216: clamp(calc(1216px * var(--min_w1) / var(--max_w1)), calc(1216 * 100vw / var(--max_w1)), 1216px);
  --sz-1217: clamp(calc(1217px * var(--min_w1) / var(--max_w1)), calc(1217 * 100vw / var(--max_w1)), 1217px);
  --sz-1218: clamp(calc(1218px * var(--min_w1) / var(--max_w1)), calc(1218 * 100vw / var(--max_w1)), 1218px);
  --sz-1219: clamp(calc(1219px * var(--min_w1) / var(--max_w1)), calc(1219 * 100vw / var(--max_w1)), 1219px);
  --sz-1220: clamp(calc(1220px * var(--min_w1) / var(--max_w1)), calc(1220 * 100vw / var(--max_w1)), 1220px);
  --sz-1221: clamp(calc(1221px * var(--min_w1) / var(--max_w1)), calc(1221 * 100vw / var(--max_w1)), 1221px);
  --sz-1222: clamp(calc(1222px * var(--min_w1) / var(--max_w1)), calc(1222 * 100vw / var(--max_w1)), 1222px);
  --sz-1223: clamp(calc(1223px * var(--min_w1) / var(--max_w1)), calc(1223 * 100vw / var(--max_w1)), 1223px);
  --sz-1224: clamp(calc(1224px * var(--min_w1) / var(--max_w1)), calc(1224 * 100vw / var(--max_w1)), 1224px);
  --sz-1225: clamp(calc(1225px * var(--min_w1) / var(--max_w1)), calc(1225 * 100vw / var(--max_w1)), 1225px);
  --sz-1226: clamp(calc(1226px * var(--min_w1) / var(--max_w1)), calc(1226 * 100vw / var(--max_w1)), 1226px);
  --sz-1227: clamp(calc(1227px * var(--min_w1) / var(--max_w1)), calc(1227 * 100vw / var(--max_w1)), 1227px);
  --sz-1228: clamp(calc(1228px * var(--min_w1) / var(--max_w1)), calc(1228 * 100vw / var(--max_w1)), 1228px);
  --sz-1229: clamp(calc(1229px * var(--min_w1) / var(--max_w1)), calc(1229 * 100vw / var(--max_w1)), 1229px);
  --sz-1230: clamp(calc(1230px * var(--min_w1) / var(--max_w1)), calc(1230 * 100vw / var(--max_w1)), 1230px);
  --sz-1231: clamp(calc(1231px * var(--min_w1) / var(--max_w1)), calc(1231 * 100vw / var(--max_w1)), 1231px);
  --sz-1232: clamp(calc(1232px * var(--min_w1) / var(--max_w1)), calc(1232 * 100vw / var(--max_w1)), 1232px);
  --sz-1233: clamp(calc(1233px * var(--min_w1) / var(--max_w1)), calc(1233 * 100vw / var(--max_w1)), 1233px);
  --sz-1234: clamp(calc(1234px * var(--min_w1) / var(--max_w1)), calc(1234 * 100vw / var(--max_w1)), 1234px);
  --sz-1235: clamp(calc(1235px * var(--min_w1) / var(--max_w1)), calc(1235 * 100vw / var(--max_w1)), 1235px);
  --sz-1236: clamp(calc(1236px * var(--min_w1) / var(--max_w1)), calc(1236 * 100vw / var(--max_w1)), 1236px);
  --sz-1237: clamp(calc(1237px * var(--min_w1) / var(--max_w1)), calc(1237 * 100vw / var(--max_w1)), 1237px);
  --sz-1238: clamp(calc(1238px * var(--min_w1) / var(--max_w1)), calc(1238 * 100vw / var(--max_w1)), 1238px);
  --sz-1239: clamp(calc(1239px * var(--min_w1) / var(--max_w1)), calc(1239 * 100vw / var(--max_w1)), 1239px);
  --sz-1240: clamp(calc(1240px * var(--min_w1) / var(--max_w1)), calc(1240 * 100vw / var(--max_w1)), 1240px);
  --sz-1241: clamp(calc(1241px * var(--min_w1) / var(--max_w1)), calc(1241 * 100vw / var(--max_w1)), 1241px);
  --sz-1242: clamp(calc(1242px * var(--min_w1) / var(--max_w1)), calc(1242 * 100vw / var(--max_w1)), 1242px);
  --sz-1243: clamp(calc(1243px * var(--min_w1) / var(--max_w1)), calc(1243 * 100vw / var(--max_w1)), 1243px);
  --sz-1244: clamp(calc(1244px * var(--min_w1) / var(--max_w1)), calc(1244 * 100vw / var(--max_w1)), 1244px);
  --sz-1245: clamp(calc(1245px * var(--min_w1) / var(--max_w1)), calc(1245 * 100vw / var(--max_w1)), 1245px);
  --sz-1246: clamp(calc(1246px * var(--min_w1) / var(--max_w1)), calc(1246 * 100vw / var(--max_w1)), 1246px);
  --sz-1247: clamp(calc(1247px * var(--min_w1) / var(--max_w1)), calc(1247 * 100vw / var(--max_w1)), 1247px);
  --sz-1248: clamp(calc(1248px * var(--min_w1) / var(--max_w1)), calc(1248 * 100vw / var(--max_w1)), 1248px);
  --sz-1249: clamp(calc(1249px * var(--min_w1) / var(--max_w1)), calc(1249 * 100vw / var(--max_w1)), 1249px);
  --sz-1250: clamp(calc(1250px * var(--min_w1) / var(--max_w1)), calc(1250 * 100vw / var(--max_w1)), 1250px);
  --sz-1251: clamp(calc(1251px * var(--min_w1) / var(--max_w1)), calc(1251 * 100vw / var(--max_w1)), 1251px);
  --sz-1252: clamp(calc(1252px * var(--min_w1) / var(--max_w1)), calc(1252 * 100vw / var(--max_w1)), 1252px);
  --sz-1253: clamp(calc(1253px * var(--min_w1) / var(--max_w1)), calc(1253 * 100vw / var(--max_w1)), 1253px);
  --sz-1254: clamp(calc(1254px * var(--min_w1) / var(--max_w1)), calc(1254 * 100vw / var(--max_w1)), 1254px);
  --sz-1255: clamp(calc(1255px * var(--min_w1) / var(--max_w1)), calc(1255 * 100vw / var(--max_w1)), 1255px);
  --sz-1256: clamp(calc(1256px * var(--min_w1) / var(--max_w1)), calc(1256 * 100vw / var(--max_w1)), 1256px);
  --sz-1257: clamp(calc(1257px * var(--min_w1) / var(--max_w1)), calc(1257 * 100vw / var(--max_w1)), 1257px);
  --sz-1258: clamp(calc(1258px * var(--min_w1) / var(--max_w1)), calc(1258 * 100vw / var(--max_w1)), 1258px);
  --sz-1259: clamp(calc(1259px * var(--min_w1) / var(--max_w1)), calc(1259 * 100vw / var(--max_w1)), 1259px);
  --sz-1260: clamp(calc(1260px * var(--min_w1) / var(--max_w1)), calc(1260 * 100vw / var(--max_w1)), 1260px);
  --sz-1261: clamp(calc(1261px * var(--min_w1) / var(--max_w1)), calc(1261 * 100vw / var(--max_w1)), 1261px);
  --sz-1262: clamp(calc(1262px * var(--min_w1) / var(--max_w1)), calc(1262 * 100vw / var(--max_w1)), 1262px);
  --sz-1263: clamp(calc(1263px * var(--min_w1) / var(--max_w1)), calc(1263 * 100vw / var(--max_w1)), 1263px);
  --sz-1264: clamp(calc(1264px * var(--min_w1) / var(--max_w1)), calc(1264 * 100vw / var(--max_w1)), 1264px);
  --sz-1265: clamp(calc(1265px * var(--min_w1) / var(--max_w1)), calc(1265 * 100vw / var(--max_w1)), 1265px);
  --sz-1266: clamp(calc(1266px * var(--min_w1) / var(--max_w1)), calc(1266 * 100vw / var(--max_w1)), 1266px);
  --sz-1267: clamp(calc(1267px * var(--min_w1) / var(--max_w1)), calc(1267 * 100vw / var(--max_w1)), 1267px);
  --sz-1268: clamp(calc(1268px * var(--min_w1) / var(--max_w1)), calc(1268 * 100vw / var(--max_w1)), 1268px);
  --sz-1269: clamp(calc(1269px * var(--min_w1) / var(--max_w1)), calc(1269 * 100vw / var(--max_w1)), 1269px);
  --sz-1270: clamp(calc(1270px * var(--min_w1) / var(--max_w1)), calc(1270 * 100vw / var(--max_w1)), 1270px);
  --sz-1271: clamp(calc(1271px * var(--min_w1) / var(--max_w1)), calc(1271 * 100vw / var(--max_w1)), 1271px);
  --sz-1272: clamp(calc(1272px * var(--min_w1) / var(--max_w1)), calc(1272 * 100vw / var(--max_w1)), 1272px);
  --sz-1273: clamp(calc(1273px * var(--min_w1) / var(--max_w1)), calc(1273 * 100vw / var(--max_w1)), 1273px);
  --sz-1274: clamp(calc(1274px * var(--min_w1) / var(--max_w1)), calc(1274 * 100vw / var(--max_w1)), 1274px);
  --sz-1275: clamp(calc(1275px * var(--min_w1) / var(--max_w1)), calc(1275 * 100vw / var(--max_w1)), 1275px);
  --sz-1276: clamp(calc(1276px * var(--min_w1) / var(--max_w1)), calc(1276 * 100vw / var(--max_w1)), 1276px);
  --sz-1277: clamp(calc(1277px * var(--min_w1) / var(--max_w1)), calc(1277 * 100vw / var(--max_w1)), 1277px);
  --sz-1278: clamp(calc(1278px * var(--min_w1) / var(--max_w1)), calc(1278 * 100vw / var(--max_w1)), 1278px);
  --sz-1279: clamp(calc(1279px * var(--min_w1) / var(--max_w1)), calc(1279 * 100vw / var(--max_w1)), 1279px);
  --sz-1280: clamp(calc(1280px * var(--min_w1) / var(--max_w1)), calc(1280 * 100vw / var(--max_w1)), 1280px);
  --sz-1281: clamp(calc(1281px * var(--min_w1) / var(--max_w1)), calc(1281 * 100vw / var(--max_w1)), 1281px);
  --sz-1282: clamp(calc(1282px * var(--min_w1) / var(--max_w1)), calc(1282 * 100vw / var(--max_w1)), 1282px);
  --sz-1283: clamp(calc(1283px * var(--min_w1) / var(--max_w1)), calc(1283 * 100vw / var(--max_w1)), 1283px);
  --sz-1284: clamp(calc(1284px * var(--min_w1) / var(--max_w1)), calc(1284 * 100vw / var(--max_w1)), 1284px);
  --sz-1285: clamp(calc(1285px * var(--min_w1) / var(--max_w1)), calc(1285 * 100vw / var(--max_w1)), 1285px);
  --sz-1286: clamp(calc(1286px * var(--min_w1) / var(--max_w1)), calc(1286 * 100vw / var(--max_w1)), 1286px);
  --sz-1287: clamp(calc(1287px * var(--min_w1) / var(--max_w1)), calc(1287 * 100vw / var(--max_w1)), 1287px);
  --sz-1288: clamp(calc(1288px * var(--min_w1) / var(--max_w1)), calc(1288 * 100vw / var(--max_w1)), 1288px);
  --sz-1289: clamp(calc(1289px * var(--min_w1) / var(--max_w1)), calc(1289 * 100vw / var(--max_w1)), 1289px);
  --sz-1290: clamp(calc(1290px * var(--min_w1) / var(--max_w1)), calc(1290 * 100vw / var(--max_w1)), 1290px);
  --sz-1291: clamp(calc(1291px * var(--min_w1) / var(--max_w1)), calc(1291 * 100vw / var(--max_w1)), 1291px);
  --sz-1292: clamp(calc(1292px * var(--min_w1) / var(--max_w1)), calc(1292 * 100vw / var(--max_w1)), 1292px);
  --sz-1293: clamp(calc(1293px * var(--min_w1) / var(--max_w1)), calc(1293 * 100vw / var(--max_w1)), 1293px);
  --sz-1294: clamp(calc(1294px * var(--min_w1) / var(--max_w1)), calc(1294 * 100vw / var(--max_w1)), 1294px);
  --sz-1295: clamp(calc(1295px * var(--min_w1) / var(--max_w1)), calc(1295 * 100vw / var(--max_w1)), 1295px);
  --sz-1296: clamp(calc(1296px * var(--min_w1) / var(--max_w1)), calc(1296 * 100vw / var(--max_w1)), 1296px);
  --sz-1297: clamp(calc(1297px * var(--min_w1) / var(--max_w1)), calc(1297 * 100vw / var(--max_w1)), 1297px);
  --sz-1298: clamp(calc(1298px * var(--min_w1) / var(--max_w1)), calc(1298 * 100vw / var(--max_w1)), 1298px);
  --sz-1299: clamp(calc(1299px * var(--min_w1) / var(--max_w1)), calc(1299 * 100vw / var(--max_w1)), 1299px);
  --sz-1300: clamp(calc(1300px * var(--min_w1) / var(--max_w1)), calc(1300 * 100vw / var(--max_w1)), 1300px);
  --sz-1301: clamp(calc(1301px * var(--min_w1) / var(--max_w1)), calc(1301 * 100vw / var(--max_w1)), 1301px);
  --sz-1302: clamp(calc(1302px * var(--min_w1) / var(--max_w1)), calc(1302 * 100vw / var(--max_w1)), 1302px);
  --sz-1303: clamp(calc(1303px * var(--min_w1) / var(--max_w1)), calc(1303 * 100vw / var(--max_w1)), 1303px);
  --sz-1304: clamp(calc(1304px * var(--min_w1) / var(--max_w1)), calc(1304 * 100vw / var(--max_w1)), 1304px);
  --sz-1305: clamp(calc(1305px * var(--min_w1) / var(--max_w1)), calc(1305 * 100vw / var(--max_w1)), 1305px);
  --sz-1306: clamp(calc(1306px * var(--min_w1) / var(--max_w1)), calc(1306 * 100vw / var(--max_w1)), 1306px);
  --sz-1307: clamp(calc(1307px * var(--min_w1) / var(--max_w1)), calc(1307 * 100vw / var(--max_w1)), 1307px);
  --sz-1308: clamp(calc(1308px * var(--min_w1) / var(--max_w1)), calc(1308 * 100vw / var(--max_w1)), 1308px);
  --sz-1309: clamp(calc(1309px * var(--min_w1) / var(--max_w1)), calc(1309 * 100vw / var(--max_w1)), 1309px);
  --sz-1310: clamp(calc(1310px * var(--min_w1) / var(--max_w1)), calc(1310 * 100vw / var(--max_w1)), 1310px);
  --sz-1311: clamp(calc(1311px * var(--min_w1) / var(--max_w1)), calc(1311 * 100vw / var(--max_w1)), 1311px);
  --sz-1312: clamp(calc(1312px * var(--min_w1) / var(--max_w1)), calc(1312 * 100vw / var(--max_w1)), 1312px);
  --sz-1313: clamp(calc(1313px * var(--min_w1) / var(--max_w1)), calc(1313 * 100vw / var(--max_w1)), 1313px);
  --sz-1314: clamp(calc(1314px * var(--min_w1) / var(--max_w1)), calc(1314 * 100vw / var(--max_w1)), 1314px);
  --sz-1315: clamp(calc(1315px * var(--min_w1) / var(--max_w1)), calc(1315 * 100vw / var(--max_w1)), 1315px);
  --sz-1316: clamp(calc(1316px * var(--min_w1) / var(--max_w1)), calc(1316 * 100vw / var(--max_w1)), 1316px);
  --sz-1317: clamp(calc(1317px * var(--min_w1) / var(--max_w1)), calc(1317 * 100vw / var(--max_w1)), 1317px);
  --sz-1318: clamp(calc(1318px * var(--min_w1) / var(--max_w1)), calc(1318 * 100vw / var(--max_w1)), 1318px);
  --sz-1319: clamp(calc(1319px * var(--min_w1) / var(--max_w1)), calc(1319 * 100vw / var(--max_w1)), 1319px);
  --sz-1320: clamp(calc(1320px * var(--min_w1) / var(--max_w1)), calc(1320 * 100vw / var(--max_w1)), 1320px);
  --sz-1321: clamp(calc(1321px * var(--min_w1) / var(--max_w1)), calc(1321 * 100vw / var(--max_w1)), 1321px);
  --sz-1322: clamp(calc(1322px * var(--min_w1) / var(--max_w1)), calc(1322 * 100vw / var(--max_w1)), 1322px);
  --sz-1323: clamp(calc(1323px * var(--min_w1) / var(--max_w1)), calc(1323 * 100vw / var(--max_w1)), 1323px);
  --sz-1324: clamp(calc(1324px * var(--min_w1) / var(--max_w1)), calc(1324 * 100vw / var(--max_w1)), 1324px);
  --sz-1325: clamp(calc(1325px * var(--min_w1) / var(--max_w1)), calc(1325 * 100vw / var(--max_w1)), 1325px);
  --sz-1326: clamp(calc(1326px * var(--min_w1) / var(--max_w1)), calc(1326 * 100vw / var(--max_w1)), 1326px);
  --sz-1327: clamp(calc(1327px * var(--min_w1) / var(--max_w1)), calc(1327 * 100vw / var(--max_w1)), 1327px);
  --sz-1328: clamp(calc(1328px * var(--min_w1) / var(--max_w1)), calc(1328 * 100vw / var(--max_w1)), 1328px);
  --sz-1329: clamp(calc(1329px * var(--min_w1) / var(--max_w1)), calc(1329 * 100vw / var(--max_w1)), 1329px);
  --sz-1330: clamp(calc(1330px * var(--min_w1) / var(--max_w1)), calc(1330 * 100vw / var(--max_w1)), 1330px);
  --sz-1331: clamp(calc(1331px * var(--min_w1) / var(--max_w1)), calc(1331 * 100vw / var(--max_w1)), 1331px);
  --sz-1332: clamp(calc(1332px * var(--min_w1) / var(--max_w1)), calc(1332 * 100vw / var(--max_w1)), 1332px);
  --sz-1333: clamp(calc(1333px * var(--min_w1) / var(--max_w1)), calc(1333 * 100vw / var(--max_w1)), 1333px);
  --sz-1334: clamp(calc(1334px * var(--min_w1) / var(--max_w1)), calc(1334 * 100vw / var(--max_w1)), 1334px);
  --sz-1335: clamp(calc(1335px * var(--min_w1) / var(--max_w1)), calc(1335 * 100vw / var(--max_w1)), 1335px);
  --sz-1336: clamp(calc(1336px * var(--min_w1) / var(--max_w1)), calc(1336 * 100vw / var(--max_w1)), 1336px);
  --sz-1337: clamp(calc(1337px * var(--min_w1) / var(--max_w1)), calc(1337 * 100vw / var(--max_w1)), 1337px);
  --sz-1338: clamp(calc(1338px * var(--min_w1) / var(--max_w1)), calc(1338 * 100vw / var(--max_w1)), 1338px);
  --sz-1339: clamp(calc(1339px * var(--min_w1) / var(--max_w1)), calc(1339 * 100vw / var(--max_w1)), 1339px);
  --sz-1340: clamp(calc(1340px * var(--min_w1) / var(--max_w1)), calc(1340 * 100vw / var(--max_w1)), 1340px);
  --sz-1341: clamp(calc(1341px * var(--min_w1) / var(--max_w1)), calc(1341 * 100vw / var(--max_w1)), 1341px);
  --sz-1342: clamp(calc(1342px * var(--min_w1) / var(--max_w1)), calc(1342 * 100vw / var(--max_w1)), 1342px);
  --sz-1343: clamp(calc(1343px * var(--min_w1) / var(--max_w1)), calc(1343 * 100vw / var(--max_w1)), 1343px);
  --sz-1344: clamp(calc(1344px * var(--min_w1) / var(--max_w1)), calc(1344 * 100vw / var(--max_w1)), 1344px);
  --sz-1345: clamp(calc(1345px * var(--min_w1) / var(--max_w1)), calc(1345 * 100vw / var(--max_w1)), 1345px);
  --sz-1346: clamp(calc(1346px * var(--min_w1) / var(--max_w1)), calc(1346 * 100vw / var(--max_w1)), 1346px);
  --sz-1347: clamp(calc(1347px * var(--min_w1) / var(--max_w1)), calc(1347 * 100vw / var(--max_w1)), 1347px);
  --sz-1348: clamp(calc(1348px * var(--min_w1) / var(--max_w1)), calc(1348 * 100vw / var(--max_w1)), 1348px);
  --sz-1349: clamp(calc(1349px * var(--min_w1) / var(--max_w1)), calc(1349 * 100vw / var(--max_w1)), 1349px);
  --sz-1350: clamp(calc(1350px * var(--min_w1) / var(--max_w1)), calc(1350 * 100vw / var(--max_w1)), 1350px);
  --sz-1351: clamp(calc(1351px * var(--min_w1) / var(--max_w1)), calc(1351 * 100vw / var(--max_w1)), 1351px);
  --sz-1352: clamp(calc(1352px * var(--min_w1) / var(--max_w1)), calc(1352 * 100vw / var(--max_w1)), 1352px);
  --sz-1353: clamp(calc(1353px * var(--min_w1) / var(--max_w1)), calc(1353 * 100vw / var(--max_w1)), 1353px);
  --sz-1354: clamp(calc(1354px * var(--min_w1) / var(--max_w1)), calc(1354 * 100vw / var(--max_w1)), 1354px);
  --sz-1355: clamp(calc(1355px * var(--min_w1) / var(--max_w1)), calc(1355 * 100vw / var(--max_w1)), 1355px);
  --sz-1356: clamp(calc(1356px * var(--min_w1) / var(--max_w1)), calc(1356 * 100vw / var(--max_w1)), 1356px);
  --sz-1357: clamp(calc(1357px * var(--min_w1) / var(--max_w1)), calc(1357 * 100vw / var(--max_w1)), 1357px);
  --sz-1358: clamp(calc(1358px * var(--min_w1) / var(--max_w1)), calc(1358 * 100vw / var(--max_w1)), 1358px);
  --sz-1359: clamp(calc(1359px * var(--min_w1) / var(--max_w1)), calc(1359 * 100vw / var(--max_w1)), 1359px);
  --sz-1360: clamp(calc(1360px * var(--min_w1) / var(--max_w1)), calc(1360 * 100vw / var(--max_w1)), 1360px);
  --sz-1361: clamp(calc(1361px * var(--min_w1) / var(--max_w1)), calc(1361 * 100vw / var(--max_w1)), 1361px);
  --sz-1362: clamp(calc(1362px * var(--min_w1) / var(--max_w1)), calc(1362 * 100vw / var(--max_w1)), 1362px);
  --sz-1363: clamp(calc(1363px * var(--min_w1) / var(--max_w1)), calc(1363 * 100vw / var(--max_w1)), 1363px);
  --sz-1364: clamp(calc(1364px * var(--min_w1) / var(--max_w1)), calc(1364 * 100vw / var(--max_w1)), 1364px);
  --sz-1365: clamp(calc(1365px * var(--min_w1) / var(--max_w1)), calc(1365 * 100vw / var(--max_w1)), 1365px);
  --sz-1366: clamp(calc(1366px * var(--min_w1) / var(--max_w1)), calc(1366 * 100vw / var(--max_w1)), 1366px);
  --sz-1367: clamp(calc(1367px * var(--min_w1) / var(--max_w1)), calc(1367 * 100vw / var(--max_w1)), 1367px);
  --sz-1368: clamp(calc(1368px * var(--min_w1) / var(--max_w1)), calc(1368 * 100vw / var(--max_w1)), 1368px);
  --sz-1369: clamp(calc(1369px * var(--min_w1) / var(--max_w1)), calc(1369 * 100vw / var(--max_w1)), 1369px);
  --sz-1370: clamp(calc(1370px * var(--min_w1) / var(--max_w1)), calc(1370 * 100vw / var(--max_w1)), 1370px);
  --sz-1371: clamp(calc(1371px * var(--min_w1) / var(--max_w1)), calc(1371 * 100vw / var(--max_w1)), 1371px);
  --sz-1372: clamp(calc(1372px * var(--min_w1) / var(--max_w1)), calc(1372 * 100vw / var(--max_w1)), 1372px);
  --sz-1373: clamp(calc(1373px * var(--min_w1) / var(--max_w1)), calc(1373 * 100vw / var(--max_w1)), 1373px);
  --sz-1374: clamp(calc(1374px * var(--min_w1) / var(--max_w1)), calc(1374 * 100vw / var(--max_w1)), 1374px);
  --sz-1375: clamp(calc(1375px * var(--min_w1) / var(--max_w1)), calc(1375 * 100vw / var(--max_w1)), 1375px);
  --sz-1376: clamp(calc(1376px * var(--min_w1) / var(--max_w1)), calc(1376 * 100vw / var(--max_w1)), 1376px);
  --sz-1377: clamp(calc(1377px * var(--min_w1) / var(--max_w1)), calc(1377 * 100vw / var(--max_w1)), 1377px);
  --sz-1378: clamp(calc(1378px * var(--min_w1) / var(--max_w1)), calc(1378 * 100vw / var(--max_w1)), 1378px);
  --sz-1379: clamp(calc(1379px * var(--min_w1) / var(--max_w1)), calc(1379 * 100vw / var(--max_w1)), 1379px);
  --sz-1380: clamp(calc(1380px * var(--min_w1) / var(--max_w1)), calc(1380 * 100vw / var(--max_w1)), 1380px);
  --sz-1381: clamp(calc(1381px * var(--min_w1) / var(--max_w1)), calc(1381 * 100vw / var(--max_w1)), 1381px);
  --sz-1382: clamp(calc(1382px * var(--min_w1) / var(--max_w1)), calc(1382 * 100vw / var(--max_w1)), 1382px);
  --sz-1383: clamp(calc(1383px * var(--min_w1) / var(--max_w1)), calc(1383 * 100vw / var(--max_w1)), 1383px);
  --sz-1384: clamp(calc(1384px * var(--min_w1) / var(--max_w1)), calc(1384 * 100vw / var(--max_w1)), 1384px);
  --sz-1385: clamp(calc(1385px * var(--min_w1) / var(--max_w1)), calc(1385 * 100vw / var(--max_w1)), 1385px);
  --sz-1386: clamp(calc(1386px * var(--min_w1) / var(--max_w1)), calc(1386 * 100vw / var(--max_w1)), 1386px);
  --sz-1387: clamp(calc(1387px * var(--min_w1) / var(--max_w1)), calc(1387 * 100vw / var(--max_w1)), 1387px);
  --sz-1388: clamp(calc(1388px * var(--min_w1) / var(--max_w1)), calc(1388 * 100vw / var(--max_w1)), 1388px);
  --sz-1389: clamp(calc(1389px * var(--min_w1) / var(--max_w1)), calc(1389 * 100vw / var(--max_w1)), 1389px);
  --sz-1390: clamp(calc(1390px * var(--min_w1) / var(--max_w1)), calc(1390 * 100vw / var(--max_w1)), 1390px);
  --sz-1391: clamp(calc(1391px * var(--min_w1) / var(--max_w1)), calc(1391 * 100vw / var(--max_w1)), 1391px);
  --sz-1392: clamp(calc(1392px * var(--min_w1) / var(--max_w1)), calc(1392 * 100vw / var(--max_w1)), 1392px);
  --sz-1393: clamp(calc(1393px * var(--min_w1) / var(--max_w1)), calc(1393 * 100vw / var(--max_w1)), 1393px);
  --sz-1394: clamp(calc(1394px * var(--min_w1) / var(--max_w1)), calc(1394 * 100vw / var(--max_w1)), 1394px);
  --sz-1395: clamp(calc(1395px * var(--min_w1) / var(--max_w1)), calc(1395 * 100vw / var(--max_w1)), 1395px);
  --sz-1396: clamp(calc(1396px * var(--min_w1) / var(--max_w1)), calc(1396 * 100vw / var(--max_w1)), 1396px);
  --sz-1397: clamp(calc(1397px * var(--min_w1) / var(--max_w1)), calc(1397 * 100vw / var(--max_w1)), 1397px);
  --sz-1398: clamp(calc(1398px * var(--min_w1) / var(--max_w1)), calc(1398 * 100vw / var(--max_w1)), 1398px);
  --sz-1399: clamp(calc(1399px * var(--min_w1) / var(--max_w1)), calc(1399 * 100vw / var(--max_w1)), 1399px);
  --sz-1400: clamp(calc(1400px * var(--min_w1) / var(--max_w1)), calc(1400 * 100vw / var(--max_w1)), 1400px);
  --sz-1401: clamp(calc(1401px * var(--min_w1) / var(--max_w1)), calc(1401 * 100vw / var(--max_w1)), 1401px);
  --sz-1402: clamp(calc(1402px * var(--min_w1) / var(--max_w1)), calc(1402 * 100vw / var(--max_w1)), 1402px);
  --sz-1403: clamp(calc(1403px * var(--min_w1) / var(--max_w1)), calc(1403 * 100vw / var(--max_w1)), 1403px);
  --sz-1404: clamp(calc(1404px * var(--min_w1) / var(--max_w1)), calc(1404 * 100vw / var(--max_w1)), 1404px);
  --sz-1405: clamp(calc(1405px * var(--min_w1) / var(--max_w1)), calc(1405 * 100vw / var(--max_w1)), 1405px);
  --sz-1406: clamp(calc(1406px * var(--min_w1) / var(--max_w1)), calc(1406 * 100vw / var(--max_w1)), 1406px);
  --sz-1407: clamp(calc(1407px * var(--min_w1) / var(--max_w1)), calc(1407 * 100vw / var(--max_w1)), 1407px);
  --sz-1408: clamp(calc(1408px * var(--min_w1) / var(--max_w1)), calc(1408 * 100vw / var(--max_w1)), 1408px);
  --sz-1409: clamp(calc(1409px * var(--min_w1) / var(--max_w1)), calc(1409 * 100vw / var(--max_w1)), 1409px);
  --sz-1410: clamp(calc(1410px * var(--min_w1) / var(--max_w1)), calc(1410 * 100vw / var(--max_w1)), 1410px);
  --sz-1411: clamp(calc(1411px * var(--min_w1) / var(--max_w1)), calc(1411 * 100vw / var(--max_w1)), 1411px);
  --sz-1412: clamp(calc(1412px * var(--min_w1) / var(--max_w1)), calc(1412 * 100vw / var(--max_w1)), 1412px);
  --sz-1413: clamp(calc(1413px * var(--min_w1) / var(--max_w1)), calc(1413 * 100vw / var(--max_w1)), 1413px);
  --sz-1414: clamp(calc(1414px * var(--min_w1) / var(--max_w1)), calc(1414 * 100vw / var(--max_w1)), 1414px);
  --sz-1415: clamp(calc(1415px * var(--min_w1) / var(--max_w1)), calc(1415 * 100vw / var(--max_w1)), 1415px);
  --sz-1416: clamp(calc(1416px * var(--min_w1) / var(--max_w1)), calc(1416 * 100vw / var(--max_w1)), 1416px);
  --sz-1417: clamp(calc(1417px * var(--min_w1) / var(--max_w1)), calc(1417 * 100vw / var(--max_w1)), 1417px);
  --sz-1418: clamp(calc(1418px * var(--min_w1) / var(--max_w1)), calc(1418 * 100vw / var(--max_w1)), 1418px);
  --sz-1419: clamp(calc(1419px * var(--min_w1) / var(--max_w1)), calc(1419 * 100vw / var(--max_w1)), 1419px);
  --sz-1420: clamp(calc(1420px * var(--min_w1) / var(--max_w1)), calc(1420 * 100vw / var(--max_w1)), 1420px);
  --sz-1421: clamp(calc(1421px * var(--min_w1) / var(--max_w1)), calc(1421 * 100vw / var(--max_w1)), 1421px);
  --sz-1422: clamp(calc(1422px * var(--min_w1) / var(--max_w1)), calc(1422 * 100vw / var(--max_w1)), 1422px);
  --sz-1423: clamp(calc(1423px * var(--min_w1) / var(--max_w1)), calc(1423 * 100vw / var(--max_w1)), 1423px);
  --sz-1424: clamp(calc(1424px * var(--min_w1) / var(--max_w1)), calc(1424 * 100vw / var(--max_w1)), 1424px);
  --sz-1425: clamp(calc(1425px * var(--min_w1) / var(--max_w1)), calc(1425 * 100vw / var(--max_w1)), 1425px);
  --sz-1426: clamp(calc(1426px * var(--min_w1) / var(--max_w1)), calc(1426 * 100vw / var(--max_w1)), 1426px);
  --sz-1427: clamp(calc(1427px * var(--min_w1) / var(--max_w1)), calc(1427 * 100vw / var(--max_w1)), 1427px);
  --sz-1428: clamp(calc(1428px * var(--min_w1) / var(--max_w1)), calc(1428 * 100vw / var(--max_w1)), 1428px);
  --sz-1429: clamp(calc(1429px * var(--min_w1) / var(--max_w1)), calc(1429 * 100vw / var(--max_w1)), 1429px);
  --sz-1430: clamp(calc(1430px * var(--min_w1) / var(--max_w1)), calc(1430 * 100vw / var(--max_w1)), 1430px);
  --sz-1431: clamp(calc(1431px * var(--min_w1) / var(--max_w1)), calc(1431 * 100vw / var(--max_w1)), 1431px);
  --sz-1432: clamp(calc(1432px * var(--min_w1) / var(--max_w1)), calc(1432 * 100vw / var(--max_w1)), 1432px);
  --sz-1433: clamp(calc(1433px * var(--min_w1) / var(--max_w1)), calc(1433 * 100vw / var(--max_w1)), 1433px);
  --sz-1434: clamp(calc(1434px * var(--min_w1) / var(--max_w1)), calc(1434 * 100vw / var(--max_w1)), 1434px);
  --sz-1435: clamp(calc(1435px * var(--min_w1) / var(--max_w1)), calc(1435 * 100vw / var(--max_w1)), 1435px);
  --sz-1436: clamp(calc(1436px * var(--min_w1) / var(--max_w1)), calc(1436 * 100vw / var(--max_w1)), 1436px);
  --sz-1437: clamp(calc(1437px * var(--min_w1) / var(--max_w1)), calc(1437 * 100vw / var(--max_w1)), 1437px);
  --sz-1438: clamp(calc(1438px * var(--min_w1) / var(--max_w1)), calc(1438 * 100vw / var(--max_w1)), 1438px);
  --sz-1439: clamp(calc(1439px * var(--min_w1) / var(--max_w1)), calc(1439 * 100vw / var(--max_w1)), 1439px);
  --sz-1440: clamp(calc(1440px * var(--min_w1) / var(--max_w1)), calc(1440 * 100vw / var(--max_w1)), 1440px);
  --sz-1441: clamp(calc(1441px * var(--min_w1) / var(--max_w1)), calc(1441 * 100vw / var(--max_w1)), 1441px);
  --sz-1442: clamp(calc(1442px * var(--min_w1) / var(--max_w1)), calc(1442 * 100vw / var(--max_w1)), 1442px);
  --sz-1443: clamp(calc(1443px * var(--min_w1) / var(--max_w1)), calc(1443 * 100vw / var(--max_w1)), 1443px);
  --sz-1444: clamp(calc(1444px * var(--min_w1) / var(--max_w1)), calc(1444 * 100vw / var(--max_w1)), 1444px);
  --sz-1445: clamp(calc(1445px * var(--min_w1) / var(--max_w1)), calc(1445 * 100vw / var(--max_w1)), 1445px);
  --sz-1446: clamp(calc(1446px * var(--min_w1) / var(--max_w1)), calc(1446 * 100vw / var(--max_w1)), 1446px);
  --sz-1447: clamp(calc(1447px * var(--min_w1) / var(--max_w1)), calc(1447 * 100vw / var(--max_w1)), 1447px);
  --sz-1448: clamp(calc(1448px * var(--min_w1) / var(--max_w1)), calc(1448 * 100vw / var(--max_w1)), 1448px);
  --sz-1449: clamp(calc(1449px * var(--min_w1) / var(--max_w1)), calc(1449 * 100vw / var(--max_w1)), 1449px);
  --sz-1450: clamp(calc(1450px * var(--min_w1) / var(--max_w1)), calc(1450 * 100vw / var(--max_w1)), 1450px);
  --sz-1451: clamp(calc(1451px * var(--min_w1) / var(--max_w1)), calc(1451 * 100vw / var(--max_w1)), 1451px);
  --sz-1452: clamp(calc(1452px * var(--min_w1) / var(--max_w1)), calc(1452 * 100vw / var(--max_w1)), 1452px);
  --sz-1453: clamp(calc(1453px * var(--min_w1) / var(--max_w1)), calc(1453 * 100vw / var(--max_w1)), 1453px);
  --sz-1454: clamp(calc(1454px * var(--min_w1) / var(--max_w1)), calc(1454 * 100vw / var(--max_w1)), 1454px);
  --sz-1455: clamp(calc(1455px * var(--min_w1) / var(--max_w1)), calc(1455 * 100vw / var(--max_w1)), 1455px);
  --sz-1456: clamp(calc(1456px * var(--min_w1) / var(--max_w1)), calc(1456 * 100vw / var(--max_w1)), 1456px);
  --sz-1457: clamp(calc(1457px * var(--min_w1) / var(--max_w1)), calc(1457 * 100vw / var(--max_w1)), 1457px);
  --sz-1458: clamp(calc(1458px * var(--min_w1) / var(--max_w1)), calc(1458 * 100vw / var(--max_w1)), 1458px);
  --sz-1459: clamp(calc(1459px * var(--min_w1) / var(--max_w1)), calc(1459 * 100vw / var(--max_w1)), 1459px);
  --sz-1460: clamp(calc(1460px * var(--min_w1) / var(--max_w1)), calc(1460 * 100vw / var(--max_w1)), 1460px);
  --sz-1461: clamp(calc(1461px * var(--min_w1) / var(--max_w1)), calc(1461 * 100vw / var(--max_w1)), 1461px);
  --sz-1462: clamp(calc(1462px * var(--min_w1) / var(--max_w1)), calc(1462 * 100vw / var(--max_w1)), 1462px);
  --sz-1463: clamp(calc(1463px * var(--min_w1) / var(--max_w1)), calc(1463 * 100vw / var(--max_w1)), 1463px);
  --sz-1464: clamp(calc(1464px * var(--min_w1) / var(--max_w1)), calc(1464 * 100vw / var(--max_w1)), 1464px);
  --sz-1465: clamp(calc(1465px * var(--min_w1) / var(--max_w1)), calc(1465 * 100vw / var(--max_w1)), 1465px);
  --sz-1466: clamp(calc(1466px * var(--min_w1) / var(--max_w1)), calc(1466 * 100vw / var(--max_w1)), 1466px);
  --sz-1467: clamp(calc(1467px * var(--min_w1) / var(--max_w1)), calc(1467 * 100vw / var(--max_w1)), 1467px);
  --sz-1468: clamp(calc(1468px * var(--min_w1) / var(--max_w1)), calc(1468 * 100vw / var(--max_w1)), 1468px);
  --sz-1469: clamp(calc(1469px * var(--min_w1) / var(--max_w1)), calc(1469 * 100vw / var(--max_w1)), 1469px);
  --sz-1470: clamp(calc(1470px * var(--min_w1) / var(--max_w1)), calc(1470 * 100vw / var(--max_w1)), 1470px);
  --sz-1471: clamp(calc(1471px * var(--min_w1) / var(--max_w1)), calc(1471 * 100vw / var(--max_w1)), 1471px);
  --sz-1472: clamp(calc(1472px * var(--min_w1) / var(--max_w1)), calc(1472 * 100vw / var(--max_w1)), 1472px);
  --sz-1473: clamp(calc(1473px * var(--min_w1) / var(--max_w1)), calc(1473 * 100vw / var(--max_w1)), 1473px);
  --sz-1474: clamp(calc(1474px * var(--min_w1) / var(--max_w1)), calc(1474 * 100vw / var(--max_w1)), 1474px);
  --sz-1475: clamp(calc(1475px * var(--min_w1) / var(--max_w1)), calc(1475 * 100vw / var(--max_w1)), 1475px);
  --sz-1476: clamp(calc(1476px * var(--min_w1) / var(--max_w1)), calc(1476 * 100vw / var(--max_w1)), 1476px);
  --sz-1477: clamp(calc(1477px * var(--min_w1) / var(--max_w1)), calc(1477 * 100vw / var(--max_w1)), 1477px);
  --sz-1478: clamp(calc(1478px * var(--min_w1) / var(--max_w1)), calc(1478 * 100vw / var(--max_w1)), 1478px);
  --sz-1479: clamp(calc(1479px * var(--min_w1) / var(--max_w1)), calc(1479 * 100vw / var(--max_w1)), 1479px);
  --sz-1480: clamp(calc(1480px * var(--min_w1) / var(--max_w1)), calc(1480 * 100vw / var(--max_w1)), 1480px);
  --sz-1481: clamp(calc(1481px * var(--min_w1) / var(--max_w1)), calc(1481 * 100vw / var(--max_w1)), 1481px);
  --sz-1482: clamp(calc(1482px * var(--min_w1) / var(--max_w1)), calc(1482 * 100vw / var(--max_w1)), 1482px);
  --sz-1483: clamp(calc(1483px * var(--min_w1) / var(--max_w1)), calc(1483 * 100vw / var(--max_w1)), 1483px);
  --sz-1484: clamp(calc(1484px * var(--min_w1) / var(--max_w1)), calc(1484 * 100vw / var(--max_w1)), 1484px);
  --sz-1485: clamp(calc(1485px * var(--min_w1) / var(--max_w1)), calc(1485 * 100vw / var(--max_w1)), 1485px);
  --sz-1486: clamp(calc(1486px * var(--min_w1) / var(--max_w1)), calc(1486 * 100vw / var(--max_w1)), 1486px);
  --sz-1487: clamp(calc(1487px * var(--min_w1) / var(--max_w1)), calc(1487 * 100vw / var(--max_w1)), 1487px);
  --sz-1488: clamp(calc(1488px * var(--min_w1) / var(--max_w1)), calc(1488 * 100vw / var(--max_w1)), 1488px);
  --sz-1489: clamp(calc(1489px * var(--min_w1) / var(--max_w1)), calc(1489 * 100vw / var(--max_w1)), 1489px);
  --sz-1490: clamp(calc(1490px * var(--min_w1) / var(--max_w1)), calc(1490 * 100vw / var(--max_w1)), 1490px);
  --sz-1491: clamp(calc(1491px * var(--min_w1) / var(--max_w1)), calc(1491 * 100vw / var(--max_w1)), 1491px);
  --sz-1492: clamp(calc(1492px * var(--min_w1) / var(--max_w1)), calc(1492 * 100vw / var(--max_w1)), 1492px);
  --sz-1493: clamp(calc(1493px * var(--min_w1) / var(--max_w1)), calc(1493 * 100vw / var(--max_w1)), 1493px);
  --sz-1494: clamp(calc(1494px * var(--min_w1) / var(--max_w1)), calc(1494 * 100vw / var(--max_w1)), 1494px);
  --sz-1495: clamp(calc(1495px * var(--min_w1) / var(--max_w1)), calc(1495 * 100vw / var(--max_w1)), 1495px);
  --sz-1496: clamp(calc(1496px * var(--min_w1) / var(--max_w1)), calc(1496 * 100vw / var(--max_w1)), 1496px);
  --sz-1497: clamp(calc(1497px * var(--min_w1) / var(--max_w1)), calc(1497 * 100vw / var(--max_w1)), 1497px);
  --sz-1498: clamp(calc(1498px * var(--min_w1) / var(--max_w1)), calc(1498 * 100vw / var(--max_w1)), 1498px);
  --sz-1499: clamp(calc(1499px * var(--min_w1) / var(--max_w1)), calc(1499 * 100vw / var(--max_w1)), 1499px);
  --sz-1500: clamp(calc(1500px * var(--min_w1) / var(--max_w1)), calc(1500 * 100vw / var(--max_w1)), 1500px);
  --sz-1501: clamp(calc(1501px * var(--min_w1) / var(--max_w1)), calc(1501 * 100vw / var(--max_w1)), 1501px);
  --sz-1502: clamp(calc(1502px * var(--min_w1) / var(--max_w1)), calc(1502 * 100vw / var(--max_w1)), 1502px);
  --sz-1503: clamp(calc(1503px * var(--min_w1) / var(--max_w1)), calc(1503 * 100vw / var(--max_w1)), 1503px);
  --sz-1504: clamp(calc(1504px * var(--min_w1) / var(--max_w1)), calc(1504 * 100vw / var(--max_w1)), 1504px);
  --sz-1505: clamp(calc(1505px * var(--min_w1) / var(--max_w1)), calc(1505 * 100vw / var(--max_w1)), 1505px);
  --sz-1506: clamp(calc(1506px * var(--min_w1) / var(--max_w1)), calc(1506 * 100vw / var(--max_w1)), 1506px);
  --sz-1507: clamp(calc(1507px * var(--min_w1) / var(--max_w1)), calc(1507 * 100vw / var(--max_w1)), 1507px);
  --sz-1508: clamp(calc(1508px * var(--min_w1) / var(--max_w1)), calc(1508 * 100vw / var(--max_w1)), 1508px);
  --sz-1509: clamp(calc(1509px * var(--min_w1) / var(--max_w1)), calc(1509 * 100vw / var(--max_w1)), 1509px);
  --sz-1510: clamp(calc(1510px * var(--min_w1) / var(--max_w1)), calc(1510 * 100vw / var(--max_w1)), 1510px);
  --sz-1511: clamp(calc(1511px * var(--min_w1) / var(--max_w1)), calc(1511 * 100vw / var(--max_w1)), 1511px);
  --sz-1512: clamp(calc(1512px * var(--min_w1) / var(--max_w1)), calc(1512 * 100vw / var(--max_w1)), 1512px);
  --sz-1513: clamp(calc(1513px * var(--min_w1) / var(--max_w1)), calc(1513 * 100vw / var(--max_w1)), 1513px);
  --sz-1514: clamp(calc(1514px * var(--min_w1) / var(--max_w1)), calc(1514 * 100vw / var(--max_w1)), 1514px);
  --sz-1515: clamp(calc(1515px * var(--min_w1) / var(--max_w1)), calc(1515 * 100vw / var(--max_w1)), 1515px);
  --sz-1516: clamp(calc(1516px * var(--min_w1) / var(--max_w1)), calc(1516 * 100vw / var(--max_w1)), 1516px);
  --sz-1517: clamp(calc(1517px * var(--min_w1) / var(--max_w1)), calc(1517 * 100vw / var(--max_w1)), 1517px);
  --sz-1518: clamp(calc(1518px * var(--min_w1) / var(--max_w1)), calc(1518 * 100vw / var(--max_w1)), 1518px);
  --sz-1519: clamp(calc(1519px * var(--min_w1) / var(--max_w1)), calc(1519 * 100vw / var(--max_w1)), 1519px);
  --sz-1520: clamp(calc(1520px * var(--min_w1) / var(--max_w1)), calc(1520 * 100vw / var(--max_w1)), 1520px);
  --sz-1521: clamp(calc(1521px * var(--min_w1) / var(--max_w1)), calc(1521 * 100vw / var(--max_w1)), 1521px);
  --sz-1522: clamp(calc(1522px * var(--min_w1) / var(--max_w1)), calc(1522 * 100vw / var(--max_w1)), 1522px);
  --sz-1523: clamp(calc(1523px * var(--min_w1) / var(--max_w1)), calc(1523 * 100vw / var(--max_w1)), 1523px);
  --sz-1524: clamp(calc(1524px * var(--min_w1) / var(--max_w1)), calc(1524 * 100vw / var(--max_w1)), 1524px);
  --sz-1525: clamp(calc(1525px * var(--min_w1) / var(--max_w1)), calc(1525 * 100vw / var(--max_w1)), 1525px);
  --sz-1526: clamp(calc(1526px * var(--min_w1) / var(--max_w1)), calc(1526 * 100vw / var(--max_w1)), 1526px);
  --sz-1527: clamp(calc(1527px * var(--min_w1) / var(--max_w1)), calc(1527 * 100vw / var(--max_w1)), 1527px);
  --sz-1528: clamp(calc(1528px * var(--min_w1) / var(--max_w1)), calc(1528 * 100vw / var(--max_w1)), 1528px);
  --sz-1529: clamp(calc(1529px * var(--min_w1) / var(--max_w1)), calc(1529 * 100vw / var(--max_w1)), 1529px);
  --sz-1530: clamp(calc(1530px * var(--min_w1) / var(--max_w1)), calc(1530 * 100vw / var(--max_w1)), 1530px);
  --sz-1531: clamp(calc(1531px * var(--min_w1) / var(--max_w1)), calc(1531 * 100vw / var(--max_w1)), 1531px);
  --sz-1532: clamp(calc(1532px * var(--min_w1) / var(--max_w1)), calc(1532 * 100vw / var(--max_w1)), 1532px);
  --sz-1533: clamp(calc(1533px * var(--min_w1) / var(--max_w1)), calc(1533 * 100vw / var(--max_w1)), 1533px);
  --sz-1534: clamp(calc(1534px * var(--min_w1) / var(--max_w1)), calc(1534 * 100vw / var(--max_w1)), 1534px);
  --sz-1535: clamp(calc(1535px * var(--min_w1) / var(--max_w1)), calc(1535 * 100vw / var(--max_w1)), 1535px);
  --sz-1536: clamp(calc(1536px * var(--min_w1) / var(--max_w1)), calc(1536 * 100vw / var(--max_w1)), 1536px);
  --sz-1537: clamp(calc(1537px * var(--min_w1) / var(--max_w1)), calc(1537 * 100vw / var(--max_w1)), 1537px);
  --sz-1538: clamp(calc(1538px * var(--min_w1) / var(--max_w1)), calc(1538 * 100vw / var(--max_w1)), 1538px);
  --sz-1539: clamp(calc(1539px * var(--min_w1) / var(--max_w1)), calc(1539 * 100vw / var(--max_w1)), 1539px);
  --sz-1540: clamp(calc(1540px * var(--min_w1) / var(--max_w1)), calc(1540 * 100vw / var(--max_w1)), 1540px);
  --sz-1541: clamp(calc(1541px * var(--min_w1) / var(--max_w1)), calc(1541 * 100vw / var(--max_w1)), 1541px);
  --sz-1542: clamp(calc(1542px * var(--min_w1) / var(--max_w1)), calc(1542 * 100vw / var(--max_w1)), 1542px);
  --sz-1543: clamp(calc(1543px * var(--min_w1) / var(--max_w1)), calc(1543 * 100vw / var(--max_w1)), 1543px);
  --sz-1544: clamp(calc(1544px * var(--min_w1) / var(--max_w1)), calc(1544 * 100vw / var(--max_w1)), 1544px);
  --sz-1545: clamp(calc(1545px * var(--min_w1) / var(--max_w1)), calc(1545 * 100vw / var(--max_w1)), 1545px);
  --sz-1546: clamp(calc(1546px * var(--min_w1) / var(--max_w1)), calc(1546 * 100vw / var(--max_w1)), 1546px);
  --sz-1547: clamp(calc(1547px * var(--min_w1) / var(--max_w1)), calc(1547 * 100vw / var(--max_w1)), 1547px);
  --sz-1548: clamp(calc(1548px * var(--min_w1) / var(--max_w1)), calc(1548 * 100vw / var(--max_w1)), 1548px);
  --sz-1549: clamp(calc(1549px * var(--min_w1) / var(--max_w1)), calc(1549 * 100vw / var(--max_w1)), 1549px);
  --sz-1550: clamp(calc(1550px * var(--min_w1) / var(--max_w1)), calc(1550 * 100vw / var(--max_w1)), 1550px);
  --sz-1551: clamp(calc(1551px * var(--min_w1) / var(--max_w1)), calc(1551 * 100vw / var(--max_w1)), 1551px);
  --sz-1552: clamp(calc(1552px * var(--min_w1) / var(--max_w1)), calc(1552 * 100vw / var(--max_w1)), 1552px);
  --sz-1553: clamp(calc(1553px * var(--min_w1) / var(--max_w1)), calc(1553 * 100vw / var(--max_w1)), 1553px);
  --sz-1554: clamp(calc(1554px * var(--min_w1) / var(--max_w1)), calc(1554 * 100vw / var(--max_w1)), 1554px);
  --sz-1555: clamp(calc(1555px * var(--min_w1) / var(--max_w1)), calc(1555 * 100vw / var(--max_w1)), 1555px);
  --sz-1556: clamp(calc(1556px * var(--min_w1) / var(--max_w1)), calc(1556 * 100vw / var(--max_w1)), 1556px);
  --sz-1557: clamp(calc(1557px * var(--min_w1) / var(--max_w1)), calc(1557 * 100vw / var(--max_w1)), 1557px);
  --sz-1558: clamp(calc(1558px * var(--min_w1) / var(--max_w1)), calc(1558 * 100vw / var(--max_w1)), 1558px);
  --sz-1559: clamp(calc(1559px * var(--min_w1) / var(--max_w1)), calc(1559 * 100vw / var(--max_w1)), 1559px);
  --sz-1560: clamp(calc(1560px * var(--min_w1) / var(--max_w1)), calc(1560 * 100vw / var(--max_w1)), 1560px);
  --sz-1561: clamp(calc(1561px * var(--min_w1) / var(--max_w1)), calc(1561 * 100vw / var(--max_w1)), 1561px);
  --sz-1562: clamp(calc(1562px * var(--min_w1) / var(--max_w1)), calc(1562 * 100vw / var(--max_w1)), 1562px);
  --sz-1563: clamp(calc(1563px * var(--min_w1) / var(--max_w1)), calc(1563 * 100vw / var(--max_w1)), 1563px);
  --sz-1564: clamp(calc(1564px * var(--min_w1) / var(--max_w1)), calc(1564 * 100vw / var(--max_w1)), 1564px);
  --sz-1565: clamp(calc(1565px * var(--min_w1) / var(--max_w1)), calc(1565 * 100vw / var(--max_w1)), 1565px);
  --sz-1566: clamp(calc(1566px * var(--min_w1) / var(--max_w1)), calc(1566 * 100vw / var(--max_w1)), 1566px);
  --sz-1567: clamp(calc(1567px * var(--min_w1) / var(--max_w1)), calc(1567 * 100vw / var(--max_w1)), 1567px);
  --sz-1568: clamp(calc(1568px * var(--min_w1) / var(--max_w1)), calc(1568 * 100vw / var(--max_w1)), 1568px);
  --sz-1569: clamp(calc(1569px * var(--min_w1) / var(--max_w1)), calc(1569 * 100vw / var(--max_w1)), 1569px);
  --sz-1570: clamp(calc(1570px * var(--min_w1) / var(--max_w1)), calc(1570 * 100vw / var(--max_w1)), 1570px);
  --sz-1571: clamp(calc(1571px * var(--min_w1) / var(--max_w1)), calc(1571 * 100vw / var(--max_w1)), 1571px);
  --sz-1572: clamp(calc(1572px * var(--min_w1) / var(--max_w1)), calc(1572 * 100vw / var(--max_w1)), 1572px);
  --sz-1573: clamp(calc(1573px * var(--min_w1) / var(--max_w1)), calc(1573 * 100vw / var(--max_w1)), 1573px);
  --sz-1574: clamp(calc(1574px * var(--min_w1) / var(--max_w1)), calc(1574 * 100vw / var(--max_w1)), 1574px);
  --sz-1575: clamp(calc(1575px * var(--min_w1) / var(--max_w1)), calc(1575 * 100vw / var(--max_w1)), 1575px);
  --sz-1576: clamp(calc(1576px * var(--min_w1) / var(--max_w1)), calc(1576 * 100vw / var(--max_w1)), 1576px);
  --sz-1577: clamp(calc(1577px * var(--min_w1) / var(--max_w1)), calc(1577 * 100vw / var(--max_w1)), 1577px);
  --sz-1578: clamp(calc(1578px * var(--min_w1) / var(--max_w1)), calc(1578 * 100vw / var(--max_w1)), 1578px);
  --sz-1579: clamp(calc(1579px * var(--min_w1) / var(--max_w1)), calc(1579 * 100vw / var(--max_w1)), 1579px);
  --sz-1580: clamp(calc(1580px * var(--min_w1) / var(--max_w1)), calc(1580 * 100vw / var(--max_w1)), 1580px);
  --sz-1581: clamp(calc(1581px * var(--min_w1) / var(--max_w1)), calc(1581 * 100vw / var(--max_w1)), 1581px);
  --sz-1582: clamp(calc(1582px * var(--min_w1) / var(--max_w1)), calc(1582 * 100vw / var(--max_w1)), 1582px);
  --sz-1583: clamp(calc(1583px * var(--min_w1) / var(--max_w1)), calc(1583 * 100vw / var(--max_w1)), 1583px);
  --sz-1584: clamp(calc(1584px * var(--min_w1) / var(--max_w1)), calc(1584 * 100vw / var(--max_w1)), 1584px);
  --sz-1585: clamp(calc(1585px * var(--min_w1) / var(--max_w1)), calc(1585 * 100vw / var(--max_w1)), 1585px);
  --sz-1586: clamp(calc(1586px * var(--min_w1) / var(--max_w1)), calc(1586 * 100vw / var(--max_w1)), 1586px);
  --sz-1587: clamp(calc(1587px * var(--min_w1) / var(--max_w1)), calc(1587 * 100vw / var(--max_w1)), 1587px);
  --sz-1588: clamp(calc(1588px * var(--min_w1) / var(--max_w1)), calc(1588 * 100vw / var(--max_w1)), 1588px);
  --sz-1589: clamp(calc(1589px * var(--min_w1) / var(--max_w1)), calc(1589 * 100vw / var(--max_w1)), 1589px);
  --sz-1590: clamp(calc(1590px * var(--min_w1) / var(--max_w1)), calc(1590 * 100vw / var(--max_w1)), 1590px);
  --sz-1591: clamp(calc(1591px * var(--min_w1) / var(--max_w1)), calc(1591 * 100vw / var(--max_w1)), 1591px);
  --sz-1592: clamp(calc(1592px * var(--min_w1) / var(--max_w1)), calc(1592 * 100vw / var(--max_w1)), 1592px);
  --sz-1593: clamp(calc(1593px * var(--min_w1) / var(--max_w1)), calc(1593 * 100vw / var(--max_w1)), 1593px);
  --sz-1594: clamp(calc(1594px * var(--min_w1) / var(--max_w1)), calc(1594 * 100vw / var(--max_w1)), 1594px);
  --sz-1595: clamp(calc(1595px * var(--min_w1) / var(--max_w1)), calc(1595 * 100vw / var(--max_w1)), 1595px);
  --sz-1596: clamp(calc(1596px * var(--min_w1) / var(--max_w1)), calc(1596 * 100vw / var(--max_w1)), 1596px);
  --sz-1597: clamp(calc(1597px * var(--min_w1) / var(--max_w1)), calc(1597 * 100vw / var(--max_w1)), 1597px);
  --sz-1598: clamp(calc(1598px * var(--min_w1) / var(--max_w1)), calc(1598 * 100vw / var(--max_w1)), 1598px);
  --sz-1599: clamp(calc(1599px * var(--min_w1) / var(--max_w1)), calc(1599 * 100vw / var(--max_w1)), 1599px);
  --sz-1600: clamp(calc(1600px * var(--min_w1) / var(--max_w1)), calc(1600 * 100vw / var(--max_w1)), 1600px);
  --sz-1601: clamp(calc(1601px * var(--min_w1) / var(--max_w1)), calc(1601 * 100vw / var(--max_w1)), 1601px);
  --sz-1602: clamp(calc(1602px * var(--min_w1) / var(--max_w1)), calc(1602 * 100vw / var(--max_w1)), 1602px);
  --sz-1603: clamp(calc(1603px * var(--min_w1) / var(--max_w1)), calc(1603 * 100vw / var(--max_w1)), 1603px);
  --sz-1604: clamp(calc(1604px * var(--min_w1) / var(--max_w1)), calc(1604 * 100vw / var(--max_w1)), 1604px);
  --sz-1605: clamp(calc(1605px * var(--min_w1) / var(--max_w1)), calc(1605 * 100vw / var(--max_w1)), 1605px);
  --sz-1606: clamp(calc(1606px * var(--min_w1) / var(--max_w1)), calc(1606 * 100vw / var(--max_w1)), 1606px);
  --sz-1607: clamp(calc(1607px * var(--min_w1) / var(--max_w1)), calc(1607 * 100vw / var(--max_w1)), 1607px);
  --sz-1608: clamp(calc(1608px * var(--min_w1) / var(--max_w1)), calc(1608 * 100vw / var(--max_w1)), 1608px);
  --sz-1609: clamp(calc(1609px * var(--min_w1) / var(--max_w1)), calc(1609 * 100vw / var(--max_w1)), 1609px);
  --sz-1610: clamp(calc(1610px * var(--min_w1) / var(--max_w1)), calc(1610 * 100vw / var(--max_w1)), 1610px);
  --sz-1611: clamp(calc(1611px * var(--min_w1) / var(--max_w1)), calc(1611 * 100vw / var(--max_w1)), 1611px);
  --sz-1612: clamp(calc(1612px * var(--min_w1) / var(--max_w1)), calc(1612 * 100vw / var(--max_w1)), 1612px);
  --sz-1613: clamp(calc(1613px * var(--min_w1) / var(--max_w1)), calc(1613 * 100vw / var(--max_w1)), 1613px);
  --sz-1614: clamp(calc(1614px * var(--min_w1) / var(--max_w1)), calc(1614 * 100vw / var(--max_w1)), 1614px);
  --sz-1615: clamp(calc(1615px * var(--min_w1) / var(--max_w1)), calc(1615 * 100vw / var(--max_w1)), 1615px);
  --sz-1616: clamp(calc(1616px * var(--min_w1) / var(--max_w1)), calc(1616 * 100vw / var(--max_w1)), 1616px);
  --sz-1617: clamp(calc(1617px * var(--min_w1) / var(--max_w1)), calc(1617 * 100vw / var(--max_w1)), 1617px);
  --sz-1618: clamp(calc(1618px * var(--min_w1) / var(--max_w1)), calc(1618 * 100vw / var(--max_w1)), 1618px);
  --sz-1619: clamp(calc(1619px * var(--min_w1) / var(--max_w1)), calc(1619 * 100vw / var(--max_w1)), 1619px);
  --sz-1620: clamp(calc(1620px * var(--min_w1) / var(--max_w1)), calc(1620 * 100vw / var(--max_w1)), 1620px);
  --sz-1621: clamp(calc(1621px * var(--min_w1) / var(--max_w1)), calc(1621 * 100vw / var(--max_w1)), 1621px);
  --sz-1622: clamp(calc(1622px * var(--min_w1) / var(--max_w1)), calc(1622 * 100vw / var(--max_w1)), 1622px);
  --sz-1623: clamp(calc(1623px * var(--min_w1) / var(--max_w1)), calc(1623 * 100vw / var(--max_w1)), 1623px);
  --sz-1624: clamp(calc(1624px * var(--min_w1) / var(--max_w1)), calc(1624 * 100vw / var(--max_w1)), 1624px);
  --sz-1625: clamp(calc(1625px * var(--min_w1) / var(--max_w1)), calc(1625 * 100vw / var(--max_w1)), 1625px);
  --sz-1626: clamp(calc(1626px * var(--min_w1) / var(--max_w1)), calc(1626 * 100vw / var(--max_w1)), 1626px);
  --sz-1627: clamp(calc(1627px * var(--min_w1) / var(--max_w1)), calc(1627 * 100vw / var(--max_w1)), 1627px);
  --sz-1628: clamp(calc(1628px * var(--min_w1) / var(--max_w1)), calc(1628 * 100vw / var(--max_w1)), 1628px);
  --sz-1629: clamp(calc(1629px * var(--min_w1) / var(--max_w1)), calc(1629 * 100vw / var(--max_w1)), 1629px);
  --sz-1630: clamp(calc(1630px * var(--min_w1) / var(--max_w1)), calc(1630 * 100vw / var(--max_w1)), 1630px);
  --sz-1631: clamp(calc(1631px * var(--min_w1) / var(--max_w1)), calc(1631 * 100vw / var(--max_w1)), 1631px);
  --sz-1632: clamp(calc(1632px * var(--min_w1) / var(--max_w1)), calc(1632 * 100vw / var(--max_w1)), 1632px);
  --sz-1633: clamp(calc(1633px * var(--min_w1) / var(--max_w1)), calc(1633 * 100vw / var(--max_w1)), 1633px);
  --sz-1634: clamp(calc(1634px * var(--min_w1) / var(--max_w1)), calc(1634 * 100vw / var(--max_w1)), 1634px);
  --sz-1635: clamp(calc(1635px * var(--min_w1) / var(--max_w1)), calc(1635 * 100vw / var(--max_w1)), 1635px);
  --sz-1636: clamp(calc(1636px * var(--min_w1) / var(--max_w1)), calc(1636 * 100vw / var(--max_w1)), 1636px);
  --sz-1637: clamp(calc(1637px * var(--min_w1) / var(--max_w1)), calc(1637 * 100vw / var(--max_w1)), 1637px);
  --sz-1638: clamp(calc(1638px * var(--min_w1) / var(--max_w1)), calc(1638 * 100vw / var(--max_w1)), 1638px);
  --sz-1639: clamp(calc(1639px * var(--min_w1) / var(--max_w1)), calc(1639 * 100vw / var(--max_w1)), 1639px);
  --sz-1640: clamp(calc(1640px * var(--min_w1) / var(--max_w1)), calc(1640 * 100vw / var(--max_w1)), 1640px);
  --sz-1641: clamp(calc(1641px * var(--min_w1) / var(--max_w1)), calc(1641 * 100vw / var(--max_w1)), 1641px);
  --sz-1642: clamp(calc(1642px * var(--min_w1) / var(--max_w1)), calc(1642 * 100vw / var(--max_w1)), 1642px);
  --sz-1643: clamp(calc(1643px * var(--min_w1) / var(--max_w1)), calc(1643 * 100vw / var(--max_w1)), 1643px);
  --sz-1644: clamp(calc(1644px * var(--min_w1) / var(--max_w1)), calc(1644 * 100vw / var(--max_w1)), 1644px);
  --sz-1645: clamp(calc(1645px * var(--min_w1) / var(--max_w1)), calc(1645 * 100vw / var(--max_w1)), 1645px);
  --sz-1646: clamp(calc(1646px * var(--min_w1) / var(--max_w1)), calc(1646 * 100vw / var(--max_w1)), 1646px);
  --sz-1647: clamp(calc(1647px * var(--min_w1) / var(--max_w1)), calc(1647 * 100vw / var(--max_w1)), 1647px);
  --sz-1648: clamp(calc(1648px * var(--min_w1) / var(--max_w1)), calc(1648 * 100vw / var(--max_w1)), 1648px);
  --sz-1649: clamp(calc(1649px * var(--min_w1) / var(--max_w1)), calc(1649 * 100vw / var(--max_w1)), 1649px);
  --sz-1650: clamp(calc(1650px * var(--min_w1) / var(--max_w1)), calc(1650 * 100vw / var(--max_w1)), 1650px);
  --sz-1651: clamp(calc(1651px * var(--min_w1) / var(--max_w1)), calc(1651 * 100vw / var(--max_w1)), 1651px);
  --sz-1652: clamp(calc(1652px * var(--min_w1) / var(--max_w1)), calc(1652 * 100vw / var(--max_w1)), 1652px);
  --sz-1653: clamp(calc(1653px * var(--min_w1) / var(--max_w1)), calc(1653 * 100vw / var(--max_w1)), 1653px);
  --sz-1654: clamp(calc(1654px * var(--min_w1) / var(--max_w1)), calc(1654 * 100vw / var(--max_w1)), 1654px);
  --sz-1655: clamp(calc(1655px * var(--min_w1) / var(--max_w1)), calc(1655 * 100vw / var(--max_w1)), 1655px);
  --sz-1656: clamp(calc(1656px * var(--min_w1) / var(--max_w1)), calc(1656 * 100vw / var(--max_w1)), 1656px);
  --sz-1657: clamp(calc(1657px * var(--min_w1) / var(--max_w1)), calc(1657 * 100vw / var(--max_w1)), 1657px);
  --sz-1658: clamp(calc(1658px * var(--min_w1) / var(--max_w1)), calc(1658 * 100vw / var(--max_w1)), 1658px);
  --sz-1659: clamp(calc(1659px * var(--min_w1) / var(--max_w1)), calc(1659 * 100vw / var(--max_w1)), 1659px);
  --sz-1660: clamp(calc(1660px * var(--min_w1) / var(--max_w1)), calc(1660 * 100vw / var(--max_w1)), 1660px);
  --sz-1661: clamp(calc(1661px * var(--min_w1) / var(--max_w1)), calc(1661 * 100vw / var(--max_w1)), 1661px);
  --sz-1662: clamp(calc(1662px * var(--min_w1) / var(--max_w1)), calc(1662 * 100vw / var(--max_w1)), 1662px);
  --sz-1663: clamp(calc(1663px * var(--min_w1) / var(--max_w1)), calc(1663 * 100vw / var(--max_w1)), 1663px);
  --sz-1664: clamp(calc(1664px * var(--min_w1) / var(--max_w1)), calc(1664 * 100vw / var(--max_w1)), 1664px);
  --sz-1665: clamp(calc(1665px * var(--min_w1) / var(--max_w1)), calc(1665 * 100vw / var(--max_w1)), 1665px);
  --sz-1666: clamp(calc(1666px * var(--min_w1) / var(--max_w1)), calc(1666 * 100vw / var(--max_w1)), 1666px);
  --sz-1667: clamp(calc(1667px * var(--min_w1) / var(--max_w1)), calc(1667 * 100vw / var(--max_w1)), 1667px);
  --sz-1668: clamp(calc(1668px * var(--min_w1) / var(--max_w1)), calc(1668 * 100vw / var(--max_w1)), 1668px);
  --sz-1669: clamp(calc(1669px * var(--min_w1) / var(--max_w1)), calc(1669 * 100vw / var(--max_w1)), 1669px);
  --sz-1670: clamp(calc(1670px * var(--min_w1) / var(--max_w1)), calc(1670 * 100vw / var(--max_w1)), 1670px);
  --sz-1671: clamp(calc(1671px * var(--min_w1) / var(--max_w1)), calc(1671 * 100vw / var(--max_w1)), 1671px);
  --sz-1672: clamp(calc(1672px * var(--min_w1) / var(--max_w1)), calc(1672 * 100vw / var(--max_w1)), 1672px);
  --sz-1673: clamp(calc(1673px * var(--min_w1) / var(--max_w1)), calc(1673 * 100vw / var(--max_w1)), 1673px);
  --sz-1674: clamp(calc(1674px * var(--min_w1) / var(--max_w1)), calc(1674 * 100vw / var(--max_w1)), 1674px);
  --sz-1675: clamp(calc(1675px * var(--min_w1) / var(--max_w1)), calc(1675 * 100vw / var(--max_w1)), 1675px);
  --sz-1676: clamp(calc(1676px * var(--min_w1) / var(--max_w1)), calc(1676 * 100vw / var(--max_w1)), 1676px);
  --sz-1677: clamp(calc(1677px * var(--min_w1) / var(--max_w1)), calc(1677 * 100vw / var(--max_w1)), 1677px);
  --sz-1678: clamp(calc(1678px * var(--min_w1) / var(--max_w1)), calc(1678 * 100vw / var(--max_w1)), 1678px);
  --sz-1679: clamp(calc(1679px * var(--min_w1) / var(--max_w1)), calc(1679 * 100vw / var(--max_w1)), 1679px);
  --sz-1680: clamp(calc(1680px * var(--min_w1) / var(--max_w1)), calc(1680 * 100vw / var(--max_w1)), 1680px);
  --sz-1681: clamp(calc(1681px * var(--min_w1) / var(--max_w1)), calc(1681 * 100vw / var(--max_w1)), 1681px);
  --sz-1682: clamp(calc(1682px * var(--min_w1) / var(--max_w1)), calc(1682 * 100vw / var(--max_w1)), 1682px);
  --sz-1683: clamp(calc(1683px * var(--min_w1) / var(--max_w1)), calc(1683 * 100vw / var(--max_w1)), 1683px);
  --sz-1684: clamp(calc(1684px * var(--min_w1) / var(--max_w1)), calc(1684 * 100vw / var(--max_w1)), 1684px);
  --sz-1685: clamp(calc(1685px * var(--min_w1) / var(--max_w1)), calc(1685 * 100vw / var(--max_w1)), 1685px);
  --sz-1686: clamp(calc(1686px * var(--min_w1) / var(--max_w1)), calc(1686 * 100vw / var(--max_w1)), 1686px);
  --sz-1687: clamp(calc(1687px * var(--min_w1) / var(--max_w1)), calc(1687 * 100vw / var(--max_w1)), 1687px);
  --sz-1688: clamp(calc(1688px * var(--min_w1) / var(--max_w1)), calc(1688 * 100vw / var(--max_w1)), 1688px);
  --sz-1689: clamp(calc(1689px * var(--min_w1) / var(--max_w1)), calc(1689 * 100vw / var(--max_w1)), 1689px);
  --sz-1690: clamp(calc(1690px * var(--min_w1) / var(--max_w1)), calc(1690 * 100vw / var(--max_w1)), 1690px);
  --sz-1691: clamp(calc(1691px * var(--min_w1) / var(--max_w1)), calc(1691 * 100vw / var(--max_w1)), 1691px);
  --sz-1692: clamp(calc(1692px * var(--min_w1) / var(--max_w1)), calc(1692 * 100vw / var(--max_w1)), 1692px);
  --sz-1693: clamp(calc(1693px * var(--min_w1) / var(--max_w1)), calc(1693 * 100vw / var(--max_w1)), 1693px);
  --sz-1694: clamp(calc(1694px * var(--min_w1) / var(--max_w1)), calc(1694 * 100vw / var(--max_w1)), 1694px);
  --sz-1695: clamp(calc(1695px * var(--min_w1) / var(--max_w1)), calc(1695 * 100vw / var(--max_w1)), 1695px);
  --sz-1696: clamp(calc(1696px * var(--min_w1) / var(--max_w1)), calc(1696 * 100vw / var(--max_w1)), 1696px);
  --sz-1697: clamp(calc(1697px * var(--min_w1) / var(--max_w1)), calc(1697 * 100vw / var(--max_w1)), 1697px);
  --sz-1698: clamp(calc(1698px * var(--min_w1) / var(--max_w1)), calc(1698 * 100vw / var(--max_w1)), 1698px);
  --sz-1699: clamp(calc(1699px * var(--min_w1) / var(--max_w1)), calc(1699 * 100vw / var(--max_w1)), 1699px);
  --sz-1700: clamp(calc(1700px * var(--min_w1) / var(--max_w1)), calc(1700 * 100vw / var(--max_w1)), 1700px);
  --sz-1701: clamp(calc(1701px * var(--min_w1) / var(--max_w1)), calc(1701 * 100vw / var(--max_w1)), 1701px);
  --sz-1702: clamp(calc(1702px * var(--min_w1) / var(--max_w1)), calc(1702 * 100vw / var(--max_w1)), 1702px);
  --sz-1703: clamp(calc(1703px * var(--min_w1) / var(--max_w1)), calc(1703 * 100vw / var(--max_w1)), 1703px);
  --sz-1704: clamp(calc(1704px * var(--min_w1) / var(--max_w1)), calc(1704 * 100vw / var(--max_w1)), 1704px);
  --sz-1705: clamp(calc(1705px * var(--min_w1) / var(--max_w1)), calc(1705 * 100vw / var(--max_w1)), 1705px);
  --sz-1706: clamp(calc(1706px * var(--min_w1) / var(--max_w1)), calc(1706 * 100vw / var(--max_w1)), 1706px);
  --sz-1707: clamp(calc(1707px * var(--min_w1) / var(--max_w1)), calc(1707 * 100vw / var(--max_w1)), 1707px);
  --sz-1708: clamp(calc(1708px * var(--min_w1) / var(--max_w1)), calc(1708 * 100vw / var(--max_w1)), 1708px);
  --sz-1709: clamp(calc(1709px * var(--min_w1) / var(--max_w1)), calc(1709 * 100vw / var(--max_w1)), 1709px);
  --sz-1710: clamp(calc(1710px * var(--min_w1) / var(--max_w1)), calc(1710 * 100vw / var(--max_w1)), 1710px);
  --sz-1711: clamp(calc(1711px * var(--min_w1) / var(--max_w1)), calc(1711 * 100vw / var(--max_w1)), 1711px);
  --sz-1712: clamp(calc(1712px * var(--min_w1) / var(--max_w1)), calc(1712 * 100vw / var(--max_w1)), 1712px);
  --sz-1713: clamp(calc(1713px * var(--min_w1) / var(--max_w1)), calc(1713 * 100vw / var(--max_w1)), 1713px);
  --sz-1714: clamp(calc(1714px * var(--min_w1) / var(--max_w1)), calc(1714 * 100vw / var(--max_w1)), 1714px);
  --sz-1715: clamp(calc(1715px * var(--min_w1) / var(--max_w1)), calc(1715 * 100vw / var(--max_w1)), 1715px);
  --sz-1716: clamp(calc(1716px * var(--min_w1) / var(--max_w1)), calc(1716 * 100vw / var(--max_w1)), 1716px);
  --sz-1717: clamp(calc(1717px * var(--min_w1) / var(--max_w1)), calc(1717 * 100vw / var(--max_w1)), 1717px);
  --sz-1718: clamp(calc(1718px * var(--min_w1) / var(--max_w1)), calc(1718 * 100vw / var(--max_w1)), 1718px);
  --sz-1719: clamp(calc(1719px * var(--min_w1) / var(--max_w1)), calc(1719 * 100vw / var(--max_w1)), 1719px);
  --sz-1720: clamp(calc(1720px * var(--min_w1) / var(--max_w1)), calc(1720 * 100vw / var(--max_w1)), 1720px);
  --sz-1721: clamp(calc(1721px * var(--min_w1) / var(--max_w1)), calc(1721 * 100vw / var(--max_w1)), 1721px);
  --sz-1722: clamp(calc(1722px * var(--min_w1) / var(--max_w1)), calc(1722 * 100vw / var(--max_w1)), 1722px);
  --sz-1723: clamp(calc(1723px * var(--min_w1) / var(--max_w1)), calc(1723 * 100vw / var(--max_w1)), 1723px);
  --sz-1724: clamp(calc(1724px * var(--min_w1) / var(--max_w1)), calc(1724 * 100vw / var(--max_w1)), 1724px);
  --sz-1725: clamp(calc(1725px * var(--min_w1) / var(--max_w1)), calc(1725 * 100vw / var(--max_w1)), 1725px);
  --sz-1726: clamp(calc(1726px * var(--min_w1) / var(--max_w1)), calc(1726 * 100vw / var(--max_w1)), 1726px);
  --sz-1727: clamp(calc(1727px * var(--min_w1) / var(--max_w1)), calc(1727 * 100vw / var(--max_w1)), 1727px);
  --sz-1728: clamp(calc(1728px * var(--min_w1) / var(--max_w1)), calc(1728 * 100vw / var(--max_w1)), 1728px);
  --sz-1729: clamp(calc(1729px * var(--min_w1) / var(--max_w1)), calc(1729 * 100vw / var(--max_w1)), 1729px);
  --sz-1730: clamp(calc(1730px * var(--min_w1) / var(--max_w1)), calc(1730 * 100vw / var(--max_w1)), 1730px);
  --sz-1731: clamp(calc(1731px * var(--min_w1) / var(--max_w1)), calc(1731 * 100vw / var(--max_w1)), 1731px);
  --sz-1732: clamp(calc(1732px * var(--min_w1) / var(--max_w1)), calc(1732 * 100vw / var(--max_w1)), 1732px);
  --sz-1733: clamp(calc(1733px * var(--min_w1) / var(--max_w1)), calc(1733 * 100vw / var(--max_w1)), 1733px);
  --sz-1734: clamp(calc(1734px * var(--min_w1) / var(--max_w1)), calc(1734 * 100vw / var(--max_w1)), 1734px);
  --sz-1735: clamp(calc(1735px * var(--min_w1) / var(--max_w1)), calc(1735 * 100vw / var(--max_w1)), 1735px);
  --sz-1736: clamp(calc(1736px * var(--min_w1) / var(--max_w1)), calc(1736 * 100vw / var(--max_w1)), 1736px);
  --sz-1737: clamp(calc(1737px * var(--min_w1) / var(--max_w1)), calc(1737 * 100vw / var(--max_w1)), 1737px);
  --sz-1738: clamp(calc(1738px * var(--min_w1) / var(--max_w1)), calc(1738 * 100vw / var(--max_w1)), 1738px);
  --sz-1739: clamp(calc(1739px * var(--min_w1) / var(--max_w1)), calc(1739 * 100vw / var(--max_w1)), 1739px);
  --sz-1740: clamp(calc(1740px * var(--min_w1) / var(--max_w1)), calc(1740 * 100vw / var(--max_w1)), 1740px);
  --sz-1741: clamp(calc(1741px * var(--min_w1) / var(--max_w1)), calc(1741 * 100vw / var(--max_w1)), 1741px);
  --sz-1742: clamp(calc(1742px * var(--min_w1) / var(--max_w1)), calc(1742 * 100vw / var(--max_w1)), 1742px);
  --sz-1743: clamp(calc(1743px * var(--min_w1) / var(--max_w1)), calc(1743 * 100vw / var(--max_w1)), 1743px);
  --sz-1744: clamp(calc(1744px * var(--min_w1) / var(--max_w1)), calc(1744 * 100vw / var(--max_w1)), 1744px);
  --sz-1745: clamp(calc(1745px * var(--min_w1) / var(--max_w1)), calc(1745 * 100vw / var(--max_w1)), 1745px);
  --sz-1746: clamp(calc(1746px * var(--min_w1) / var(--max_w1)), calc(1746 * 100vw / var(--max_w1)), 1746px);
  --sz-1747: clamp(calc(1747px * var(--min_w1) / var(--max_w1)), calc(1747 * 100vw / var(--max_w1)), 1747px);
  --sz-1748: clamp(calc(1748px * var(--min_w1) / var(--max_w1)), calc(1748 * 100vw / var(--max_w1)), 1748px);
  --sz-1749: clamp(calc(1749px * var(--min_w1) / var(--max_w1)), calc(1749 * 100vw / var(--max_w1)), 1749px);
  --sz-1750: clamp(calc(1750px * var(--min_w1) / var(--max_w1)), calc(1750 * 100vw / var(--max_w1)), 1750px);
  --sz-1751: clamp(calc(1751px * var(--min_w1) / var(--max_w1)), calc(1751 * 100vw / var(--max_w1)), 1751px);
  --sz-1752: clamp(calc(1752px * var(--min_w1) / var(--max_w1)), calc(1752 * 100vw / var(--max_w1)), 1752px);
  --sz-1753: clamp(calc(1753px * var(--min_w1) / var(--max_w1)), calc(1753 * 100vw / var(--max_w1)), 1753px);
  --sz-1754: clamp(calc(1754px * var(--min_w1) / var(--max_w1)), calc(1754 * 100vw / var(--max_w1)), 1754px);
  --sz-1755: clamp(calc(1755px * var(--min_w1) / var(--max_w1)), calc(1755 * 100vw / var(--max_w1)), 1755px);
  --sz-1756: clamp(calc(1756px * var(--min_w1) / var(--max_w1)), calc(1756 * 100vw / var(--max_w1)), 1756px);
  --sz-1757: clamp(calc(1757px * var(--min_w1) / var(--max_w1)), calc(1757 * 100vw / var(--max_w1)), 1757px);
  --sz-1758: clamp(calc(1758px * var(--min_w1) / var(--max_w1)), calc(1758 * 100vw / var(--max_w1)), 1758px);
  --sz-1759: clamp(calc(1759px * var(--min_w1) / var(--max_w1)), calc(1759 * 100vw / var(--max_w1)), 1759px);
  --sz-1760: clamp(calc(1760px * var(--min_w1) / var(--max_w1)), calc(1760 * 100vw / var(--max_w1)), 1760px);
  --sz-1761: clamp(calc(1761px * var(--min_w1) / var(--max_w1)), calc(1761 * 100vw / var(--max_w1)), 1761px);
  --sz-1762: clamp(calc(1762px * var(--min_w1) / var(--max_w1)), calc(1762 * 100vw / var(--max_w1)), 1762px);
  --sz-1763: clamp(calc(1763px * var(--min_w1) / var(--max_w1)), calc(1763 * 100vw / var(--max_w1)), 1763px);
  --sz-1764: clamp(calc(1764px * var(--min_w1) / var(--max_w1)), calc(1764 * 100vw / var(--max_w1)), 1764px);
  --sz-1765: clamp(calc(1765px * var(--min_w1) / var(--max_w1)), calc(1765 * 100vw / var(--max_w1)), 1765px);
  --sz-1766: clamp(calc(1766px * var(--min_w1) / var(--max_w1)), calc(1766 * 100vw / var(--max_w1)), 1766px);
  --sz-1767: clamp(calc(1767px * var(--min_w1) / var(--max_w1)), calc(1767 * 100vw / var(--max_w1)), 1767px);
  --sz-1768: clamp(calc(1768px * var(--min_w1) / var(--max_w1)), calc(1768 * 100vw / var(--max_w1)), 1768px);
  --sz-1769: clamp(calc(1769px * var(--min_w1) / var(--max_w1)), calc(1769 * 100vw / var(--max_w1)), 1769px);
  --sz-1770: clamp(calc(1770px * var(--min_w1) / var(--max_w1)), calc(1770 * 100vw / var(--max_w1)), 1770px);
  --sz-1771: clamp(calc(1771px * var(--min_w1) / var(--max_w1)), calc(1771 * 100vw / var(--max_w1)), 1771px);
  --sz-1772: clamp(calc(1772px * var(--min_w1) / var(--max_w1)), calc(1772 * 100vw / var(--max_w1)), 1772px);
  --sz-1773: clamp(calc(1773px * var(--min_w1) / var(--max_w1)), calc(1773 * 100vw / var(--max_w1)), 1773px);
  --sz-1774: clamp(calc(1774px * var(--min_w1) / var(--max_w1)), calc(1774 * 100vw / var(--max_w1)), 1774px);
  --sz-1775: clamp(calc(1775px * var(--min_w1) / var(--max_w1)), calc(1775 * 100vw / var(--max_w1)), 1775px);
  --sz-1776: clamp(calc(1776px * var(--min_w1) / var(--max_w1)), calc(1776 * 100vw / var(--max_w1)), 1776px);
  --sz-1777: clamp(calc(1777px * var(--min_w1) / var(--max_w1)), calc(1777 * 100vw / var(--max_w1)), 1777px);
  --sz-1778: clamp(calc(1778px * var(--min_w1) / var(--max_w1)), calc(1778 * 100vw / var(--max_w1)), 1778px);
  --sz-1779: clamp(calc(1779px * var(--min_w1) / var(--max_w1)), calc(1779 * 100vw / var(--max_w1)), 1779px);
  --sz-1780: clamp(calc(1780px * var(--min_w1) / var(--max_w1)), calc(1780 * 100vw / var(--max_w1)), 1780px);
  --sz-1781: clamp(calc(1781px * var(--min_w1) / var(--max_w1)), calc(1781 * 100vw / var(--max_w1)), 1781px);
  --sz-1782: clamp(calc(1782px * var(--min_w1) / var(--max_w1)), calc(1782 * 100vw / var(--max_w1)), 1782px);
  --sz-1783: clamp(calc(1783px * var(--min_w1) / var(--max_w1)), calc(1783 * 100vw / var(--max_w1)), 1783px);
  --sz-1784: clamp(calc(1784px * var(--min_w1) / var(--max_w1)), calc(1784 * 100vw / var(--max_w1)), 1784px);
  --sz-1785: clamp(calc(1785px * var(--min_w1) / var(--max_w1)), calc(1785 * 100vw / var(--max_w1)), 1785px);
  --sz-1786: clamp(calc(1786px * var(--min_w1) / var(--max_w1)), calc(1786 * 100vw / var(--max_w1)), 1786px);
  --sz-1787: clamp(calc(1787px * var(--min_w1) / var(--max_w1)), calc(1787 * 100vw / var(--max_w1)), 1787px);
  --sz-1788: clamp(calc(1788px * var(--min_w1) / var(--max_w1)), calc(1788 * 100vw / var(--max_w1)), 1788px);
  --sz-1789: clamp(calc(1789px * var(--min_w1) / var(--max_w1)), calc(1789 * 100vw / var(--max_w1)), 1789px);
  --sz-1790: clamp(calc(1790px * var(--min_w1) / var(--max_w1)), calc(1790 * 100vw / var(--max_w1)), 1790px);
  --sz-1791: clamp(calc(1791px * var(--min_w1) / var(--max_w1)), calc(1791 * 100vw / var(--max_w1)), 1791px);
  --sz-1792: clamp(calc(1792px * var(--min_w1) / var(--max_w1)), calc(1792 * 100vw / var(--max_w1)), 1792px);
  --sz-1793: clamp(calc(1793px * var(--min_w1) / var(--max_w1)), calc(1793 * 100vw / var(--max_w1)), 1793px);
  --sz-1794: clamp(calc(1794px * var(--min_w1) / var(--max_w1)), calc(1794 * 100vw / var(--max_w1)), 1794px);
  --sz-1795: clamp(calc(1795px * var(--min_w1) / var(--max_w1)), calc(1795 * 100vw / var(--max_w1)), 1795px);
  --sz-1796: clamp(calc(1796px * var(--min_w1) / var(--max_w1)), calc(1796 * 100vw / var(--max_w1)), 1796px);
  --sz-1797: clamp(calc(1797px * var(--min_w1) / var(--max_w1)), calc(1797 * 100vw / var(--max_w1)), 1797px);
  --sz-1798: clamp(calc(1798px * var(--min_w1) / var(--max_w1)), calc(1798 * 100vw / var(--max_w1)), 1798px);
  --sz-1799: clamp(calc(1799px * var(--min_w1) / var(--max_w1)), calc(1799 * 100vw / var(--max_w1)), 1799px);
  --sz-1800: clamp(calc(1800px * var(--min_w1) / var(--max_w1)), calc(1800 * 100vw / var(--max_w1)), 1800px);
  --sz-1801: clamp(calc(1801px * var(--min_w1) / var(--max_w1)), calc(1801 * 100vw / var(--max_w1)), 1801px);
  --sz-1802: clamp(calc(1802px * var(--min_w1) / var(--max_w1)), calc(1802 * 100vw / var(--max_w1)), 1802px);
  --sz-1803: clamp(calc(1803px * var(--min_w1) / var(--max_w1)), calc(1803 * 100vw / var(--max_w1)), 1803px);
  --sz-1804: clamp(calc(1804px * var(--min_w1) / var(--max_w1)), calc(1804 * 100vw / var(--max_w1)), 1804px);
  --sz-1805: clamp(calc(1805px * var(--min_w1) / var(--max_w1)), calc(1805 * 100vw / var(--max_w1)), 1805px);
  --sz-1806: clamp(calc(1806px * var(--min_w1) / var(--max_w1)), calc(1806 * 100vw / var(--max_w1)), 1806px);
  --sz-1807: clamp(calc(1807px * var(--min_w1) / var(--max_w1)), calc(1807 * 100vw / var(--max_w1)), 1807px);
  --sz-1808: clamp(calc(1808px * var(--min_w1) / var(--max_w1)), calc(1808 * 100vw / var(--max_w1)), 1808px);
  --sz-1809: clamp(calc(1809px * var(--min_w1) / var(--max_w1)), calc(1809 * 100vw / var(--max_w1)), 1809px);
  --sz-1810: clamp(calc(1810px * var(--min_w1) / var(--max_w1)), calc(1810 * 100vw / var(--max_w1)), 1810px);
  --sz-1811: clamp(calc(1811px * var(--min_w1) / var(--max_w1)), calc(1811 * 100vw / var(--max_w1)), 1811px);
  --sz-1812: clamp(calc(1812px * var(--min_w1) / var(--max_w1)), calc(1812 * 100vw / var(--max_w1)), 1812px);
  --sz-1813: clamp(calc(1813px * var(--min_w1) / var(--max_w1)), calc(1813 * 100vw / var(--max_w1)), 1813px);
  --sz-1814: clamp(calc(1814px * var(--min_w1) / var(--max_w1)), calc(1814 * 100vw / var(--max_w1)), 1814px);
  --sz-1815: clamp(calc(1815px * var(--min_w1) / var(--max_w1)), calc(1815 * 100vw / var(--max_w1)), 1815px);
  --sz-1816: clamp(calc(1816px * var(--min_w1) / var(--max_w1)), calc(1816 * 100vw / var(--max_w1)), 1816px);
  --sz-1817: clamp(calc(1817px * var(--min_w1) / var(--max_w1)), calc(1817 * 100vw / var(--max_w1)), 1817px);
  --sz-1818: clamp(calc(1818px * var(--min_w1) / var(--max_w1)), calc(1818 * 100vw / var(--max_w1)), 1818px);
  --sz-1819: clamp(calc(1819px * var(--min_w1) / var(--max_w1)), calc(1819 * 100vw / var(--max_w1)), 1819px);
  --sz-1820: clamp(calc(1820px * var(--min_w1) / var(--max_w1)), calc(1820 * 100vw / var(--max_w1)), 1820px);
  --sz-1821: clamp(calc(1821px * var(--min_w1) / var(--max_w1)), calc(1821 * 100vw / var(--max_w1)), 1821px);
  --sz-1822: clamp(calc(1822px * var(--min_w1) / var(--max_w1)), calc(1822 * 100vw / var(--max_w1)), 1822px);
  --sz-1823: clamp(calc(1823px * var(--min_w1) / var(--max_w1)), calc(1823 * 100vw / var(--max_w1)), 1823px);
  --sz-1824: clamp(calc(1824px * var(--min_w1) / var(--max_w1)), calc(1824 * 100vw / var(--max_w1)), 1824px);
  --sz-1825: clamp(calc(1825px * var(--min_w1) / var(--max_w1)), calc(1825 * 100vw / var(--max_w1)), 1825px);
  --sz-1826: clamp(calc(1826px * var(--min_w1) / var(--max_w1)), calc(1826 * 100vw / var(--max_w1)), 1826px);
  --sz-1827: clamp(calc(1827px * var(--min_w1) / var(--max_w1)), calc(1827 * 100vw / var(--max_w1)), 1827px);
  --sz-1828: clamp(calc(1828px * var(--min_w1) / var(--max_w1)), calc(1828 * 100vw / var(--max_w1)), 1828px);
  --sz-1829: clamp(calc(1829px * var(--min_w1) / var(--max_w1)), calc(1829 * 100vw / var(--max_w1)), 1829px);
  --sz-1830: clamp(calc(1830px * var(--min_w1) / var(--max_w1)), calc(1830 * 100vw / var(--max_w1)), 1830px);
  --sz-1831: clamp(calc(1831px * var(--min_w1) / var(--max_w1)), calc(1831 * 100vw / var(--max_w1)), 1831px);
  --sz-1832: clamp(calc(1832px * var(--min_w1) / var(--max_w1)), calc(1832 * 100vw / var(--max_w1)), 1832px);
  --sz-1833: clamp(calc(1833px * var(--min_w1) / var(--max_w1)), calc(1833 * 100vw / var(--max_w1)), 1833px);
  --sz-1834: clamp(calc(1834px * var(--min_w1) / var(--max_w1)), calc(1834 * 100vw / var(--max_w1)), 1834px);
  --sz-1835: clamp(calc(1835px * var(--min_w1) / var(--max_w1)), calc(1835 * 100vw / var(--max_w1)), 1835px);
  --sz-1836: clamp(calc(1836px * var(--min_w1) / var(--max_w1)), calc(1836 * 100vw / var(--max_w1)), 1836px);
  --sz-1837: clamp(calc(1837px * var(--min_w1) / var(--max_w1)), calc(1837 * 100vw / var(--max_w1)), 1837px);
  --sz-1838: clamp(calc(1838px * var(--min_w1) / var(--max_w1)), calc(1838 * 100vw / var(--max_w1)), 1838px);
  --sz-1839: clamp(calc(1839px * var(--min_w1) / var(--max_w1)), calc(1839 * 100vw / var(--max_w1)), 1839px);
  --sz-1840: clamp(calc(1840px * var(--min_w1) / var(--max_w1)), calc(1840 * 100vw / var(--max_w1)), 1840px);
  --sz-1841: clamp(calc(1841px * var(--min_w1) / var(--max_w1)), calc(1841 * 100vw / var(--max_w1)), 1841px);
  --sz-1842: clamp(calc(1842px * var(--min_w1) / var(--max_w1)), calc(1842 * 100vw / var(--max_w1)), 1842px);
  --sz-1843: clamp(calc(1843px * var(--min_w1) / var(--max_w1)), calc(1843 * 100vw / var(--max_w1)), 1843px);
  --sz-1844: clamp(calc(1844px * var(--min_w1) / var(--max_w1)), calc(1844 * 100vw / var(--max_w1)), 1844px);
  --sz-1845: clamp(calc(1845px * var(--min_w1) / var(--max_w1)), calc(1845 * 100vw / var(--max_w1)), 1845px);
  --sz-1846: clamp(calc(1846px * var(--min_w1) / var(--max_w1)), calc(1846 * 100vw / var(--max_w1)), 1846px);
  --sz-1847: clamp(calc(1847px * var(--min_w1) / var(--max_w1)), calc(1847 * 100vw / var(--max_w1)), 1847px);
  --sz-1848: clamp(calc(1848px * var(--min_w1) / var(--max_w1)), calc(1848 * 100vw / var(--max_w1)), 1848px);
  --sz-1849: clamp(calc(1849px * var(--min_w1) / var(--max_w1)), calc(1849 * 100vw / var(--max_w1)), 1849px);
  --sz-1850: clamp(calc(1850px * var(--min_w1) / var(--max_w1)), calc(1850 * 100vw / var(--max_w1)), 1850px);
  --sz-1851: clamp(calc(1851px * var(--min_w1) / var(--max_w1)), calc(1851 * 100vw / var(--max_w1)), 1851px);
  --sz-1852: clamp(calc(1852px * var(--min_w1) / var(--max_w1)), calc(1852 * 100vw / var(--max_w1)), 1852px);
  --sz-1853: clamp(calc(1853px * var(--min_w1) / var(--max_w1)), calc(1853 * 100vw / var(--max_w1)), 1853px);
  --sz-1854: clamp(calc(1854px * var(--min_w1) / var(--max_w1)), calc(1854 * 100vw / var(--max_w1)), 1854px);
  --sz-1855: clamp(calc(1855px * var(--min_w1) / var(--max_w1)), calc(1855 * 100vw / var(--max_w1)), 1855px);
  --sz-1856: clamp(calc(1856px * var(--min_w1) / var(--max_w1)), calc(1856 * 100vw / var(--max_w1)), 1856px);
  --sz-1857: clamp(calc(1857px * var(--min_w1) / var(--max_w1)), calc(1857 * 100vw / var(--max_w1)), 1857px);
  --sz-1858: clamp(calc(1858px * var(--min_w1) / var(--max_w1)), calc(1858 * 100vw / var(--max_w1)), 1858px);
  --sz-1859: clamp(calc(1859px * var(--min_w1) / var(--max_w1)), calc(1859 * 100vw / var(--max_w1)), 1859px);
  --sz-1860: clamp(calc(1860px * var(--min_w1) / var(--max_w1)), calc(1860 * 100vw / var(--max_w1)), 1860px);
  --sz-1861: clamp(calc(1861px * var(--min_w1) / var(--max_w1)), calc(1861 * 100vw / var(--max_w1)), 1861px);
  --sz-1862: clamp(calc(1862px * var(--min_w1) / var(--max_w1)), calc(1862 * 100vw / var(--max_w1)), 1862px);
  --sz-1863: clamp(calc(1863px * var(--min_w1) / var(--max_w1)), calc(1863 * 100vw / var(--max_w1)), 1863px);
  --sz-1864: clamp(calc(1864px * var(--min_w1) / var(--max_w1)), calc(1864 * 100vw / var(--max_w1)), 1864px);
  --sz-1865: clamp(calc(1865px * var(--min_w1) / var(--max_w1)), calc(1865 * 100vw / var(--max_w1)), 1865px);
  --sz-1866: clamp(calc(1866px * var(--min_w1) / var(--max_w1)), calc(1866 * 100vw / var(--max_w1)), 1866px);
  --sz-1867: clamp(calc(1867px * var(--min_w1) / var(--max_w1)), calc(1867 * 100vw / var(--max_w1)), 1867px);
  --sz-1868: clamp(calc(1868px * var(--min_w1) / var(--max_w1)), calc(1868 * 100vw / var(--max_w1)), 1868px);
  --sz-1869: clamp(calc(1869px * var(--min_w1) / var(--max_w1)), calc(1869 * 100vw / var(--max_w1)), 1869px);
  --sz-1870: clamp(calc(1870px * var(--min_w1) / var(--max_w1)), calc(1870 * 100vw / var(--max_w1)), 1870px);
  --sz-1871: clamp(calc(1871px * var(--min_w1) / var(--max_w1)), calc(1871 * 100vw / var(--max_w1)), 1871px);
  --sz-1872: clamp(calc(1872px * var(--min_w1) / var(--max_w1)), calc(1872 * 100vw / var(--max_w1)), 1872px);
  --sz-1873: clamp(calc(1873px * var(--min_w1) / var(--max_w1)), calc(1873 * 100vw / var(--max_w1)), 1873px);
  --sz-1874: clamp(calc(1874px * var(--min_w1) / var(--max_w1)), calc(1874 * 100vw / var(--max_w1)), 1874px);
  --sz-1875: clamp(calc(1875px * var(--min_w1) / var(--max_w1)), calc(1875 * 100vw / var(--max_w1)), 1875px);
  --sz-1876: clamp(calc(1876px * var(--min_w1) / var(--max_w1)), calc(1876 * 100vw / var(--max_w1)), 1876px);
  --sz-1877: clamp(calc(1877px * var(--min_w1) / var(--max_w1)), calc(1877 * 100vw / var(--max_w1)), 1877px);
  --sz-1878: clamp(calc(1878px * var(--min_w1) / var(--max_w1)), calc(1878 * 100vw / var(--max_w1)), 1878px);
  --sz-1879: clamp(calc(1879px * var(--min_w1) / var(--max_w1)), calc(1879 * 100vw / var(--max_w1)), 1879px);
  --sz-1880: clamp(calc(1880px * var(--min_w1) / var(--max_w1)), calc(1880 * 100vw / var(--max_w1)), 1880px);
  --sz-1881: clamp(calc(1881px * var(--min_w1) / var(--max_w1)), calc(1881 * 100vw / var(--max_w1)), 1881px);
  --sz-1882: clamp(calc(1882px * var(--min_w1) / var(--max_w1)), calc(1882 * 100vw / var(--max_w1)), 1882px);
  --sz-1883: clamp(calc(1883px * var(--min_w1) / var(--max_w1)), calc(1883 * 100vw / var(--max_w1)), 1883px);
  --sz-1884: clamp(calc(1884px * var(--min_w1) / var(--max_w1)), calc(1884 * 100vw / var(--max_w1)), 1884px);
  --sz-1885: clamp(calc(1885px * var(--min_w1) / var(--max_w1)), calc(1885 * 100vw / var(--max_w1)), 1885px);
  --sz-1886: clamp(calc(1886px * var(--min_w1) / var(--max_w1)), calc(1886 * 100vw / var(--max_w1)), 1886px);
  --sz-1887: clamp(calc(1887px * var(--min_w1) / var(--max_w1)), calc(1887 * 100vw / var(--max_w1)), 1887px);
  --sz-1888: clamp(calc(1888px * var(--min_w1) / var(--max_w1)), calc(1888 * 100vw / var(--max_w1)), 1888px);
  --sz-1889: clamp(calc(1889px * var(--min_w1) / var(--max_w1)), calc(1889 * 100vw / var(--max_w1)), 1889px);
  --sz-1890: clamp(calc(1890px * var(--min_w1) / var(--max_w1)), calc(1890 * 100vw / var(--max_w1)), 1890px);
  --sz-1891: clamp(calc(1891px * var(--min_w1) / var(--max_w1)), calc(1891 * 100vw / var(--max_w1)), 1891px);
  --sz-1892: clamp(calc(1892px * var(--min_w1) / var(--max_w1)), calc(1892 * 100vw / var(--max_w1)), 1892px);
  --sz-1893: clamp(calc(1893px * var(--min_w1) / var(--max_w1)), calc(1893 * 100vw / var(--max_w1)), 1893px);
  --sz-1894: clamp(calc(1894px * var(--min_w1) / var(--max_w1)), calc(1894 * 100vw / var(--max_w1)), 1894px);
  --sz-1895: clamp(calc(1895px * var(--min_w1) / var(--max_w1)), calc(1895 * 100vw / var(--max_w1)), 1895px);
  --sz-1896: clamp(calc(1896px * var(--min_w1) / var(--max_w1)), calc(1896 * 100vw / var(--max_w1)), 1896px);
  --sz-1897: clamp(calc(1897px * var(--min_w1) / var(--max_w1)), calc(1897 * 100vw / var(--max_w1)), 1897px);
  --sz-1898: clamp(calc(1898px * var(--min_w1) / var(--max_w1)), calc(1898 * 100vw / var(--max_w1)), 1898px);
  --sz-1899: clamp(calc(1899px * var(--min_w1) / var(--max_w1)), calc(1899 * 100vw / var(--max_w1)), 1899px);
  --sz-1900: clamp(calc(1900px * var(--min_w1) / var(--max_w1)), calc(1900 * 100vw / var(--max_w1)), 1900px);
  --sz-1901: clamp(calc(1901px * var(--min_w1) / var(--max_w1)), calc(1901 * 100vw / var(--max_w1)), 1901px);
  --sz-1902: clamp(calc(1902px * var(--min_w1) / var(--max_w1)), calc(1902 * 100vw / var(--max_w1)), 1902px);
  --sz-1903: clamp(calc(1903px * var(--min_w1) / var(--max_w1)), calc(1903 * 100vw / var(--max_w1)), 1903px);
  --sz-1904: clamp(calc(1904px * var(--min_w1) / var(--max_w1)), calc(1904 * 100vw / var(--max_w1)), 1904px);
  --sz-1905: clamp(calc(1905px * var(--min_w1) / var(--max_w1)), calc(1905 * 100vw / var(--max_w1)), 1905px);
  --sz-1906: clamp(calc(1906px * var(--min_w1) / var(--max_w1)), calc(1906 * 100vw / var(--max_w1)), 1906px);
  --sz-1907: clamp(calc(1907px * var(--min_w1) / var(--max_w1)), calc(1907 * 100vw / var(--max_w1)), 1907px);
  --sz-1908: clamp(calc(1908px * var(--min_w1) / var(--max_w1)), calc(1908 * 100vw / var(--max_w1)), 1908px);
  --sz-1909: clamp(calc(1909px * var(--min_w1) / var(--max_w1)), calc(1909 * 100vw / var(--max_w1)), 1909px);
  --sz-1910: clamp(calc(1910px * var(--min_w1) / var(--max_w1)), calc(1910 * 100vw / var(--max_w1)), 1910px);
  --sz-1911: clamp(calc(1911px * var(--min_w1) / var(--max_w1)), calc(1911 * 100vw / var(--max_w1)), 1911px);
  --sz-1912: clamp(calc(1912px * var(--min_w1) / var(--max_w1)), calc(1912 * 100vw / var(--max_w1)), 1912px);
  --sz-1913: clamp(calc(1913px * var(--min_w1) / var(--max_w1)), calc(1913 * 100vw / var(--max_w1)), 1913px);
  --sz-1914: clamp(calc(1914px * var(--min_w1) / var(--max_w1)), calc(1914 * 100vw / var(--max_w1)), 1914px);
  --sz-1915: clamp(calc(1915px * var(--min_w1) / var(--max_w1)), calc(1915 * 100vw / var(--max_w1)), 1915px);
  --sz-1916: clamp(calc(1916px * var(--min_w1) / var(--max_w1)), calc(1916 * 100vw / var(--max_w1)), 1916px);
  --sz-1917: clamp(calc(1917px * var(--min_w1) / var(--max_w1)), calc(1917 * 100vw / var(--max_w1)), 1917px);
  --sz-1918: clamp(calc(1918px * var(--min_w1) / var(--max_w1)), calc(1918 * 100vw / var(--max_w1)), 1918px);
  --sz-1919: clamp(calc(1919px * var(--min_w1) / var(--max_w1)), calc(1919 * 100vw / var(--max_w1)), 1919px);
  --sz-1920: clamp(calc(1920px * var(--min_w1) / var(--max_w1)), calc(1920 * 100vw / var(--max_w1)), 1920px);
  --sz-1921: clamp(calc(1921px * var(--min_w1) / var(--max_w1)), calc(1921 * 100vw / var(--max_w1)), 1921px);
  --sz-1922: clamp(calc(1922px * var(--min_w1) / var(--max_w1)), calc(1922 * 100vw / var(--max_w1)), 1922px);
  --sz-1923: clamp(calc(1923px * var(--min_w1) / var(--max_w1)), calc(1923 * 100vw / var(--max_w1)), 1923px);
  --sz-1924: clamp(calc(1924px * var(--min_w1) / var(--max_w1)), calc(1924 * 100vw / var(--max_w1)), 1924px);
  --sz-1925: clamp(calc(1925px * var(--min_w1) / var(--max_w1)), calc(1925 * 100vw / var(--max_w1)), 1925px);
  --sz-1926: clamp(calc(1926px * var(--min_w1) / var(--max_w1)), calc(1926 * 100vw / var(--max_w1)), 1926px);
  --sz-1927: clamp(calc(1927px * var(--min_w1) / var(--max_w1)), calc(1927 * 100vw / var(--max_w1)), 1927px);
  --sz-1928: clamp(calc(1928px * var(--min_w1) / var(--max_w1)), calc(1928 * 100vw / var(--max_w1)), 1928px);
  --sz-1929: clamp(calc(1929px * var(--min_w1) / var(--max_w1)), calc(1929 * 100vw / var(--max_w1)), 1929px);
  --sz-1930: clamp(calc(1930px * var(--min_w1) / var(--max_w1)), calc(1930 * 100vw / var(--max_w1)), 1930px);
  --sz-1931: clamp(calc(1931px * var(--min_w1) / var(--max_w1)), calc(1931 * 100vw / var(--max_w1)), 1931px);
  --sz-1932: clamp(calc(1932px * var(--min_w1) / var(--max_w1)), calc(1932 * 100vw / var(--max_w1)), 1932px);
  --sz-1933: clamp(calc(1933px * var(--min_w1) / var(--max_w1)), calc(1933 * 100vw / var(--max_w1)), 1933px);
  --sz-1934: clamp(calc(1934px * var(--min_w1) / var(--max_w1)), calc(1934 * 100vw / var(--max_w1)), 1934px);
  --sz-1935: clamp(calc(1935px * var(--min_w1) / var(--max_w1)), calc(1935 * 100vw / var(--max_w1)), 1935px);
  --sz-1936: clamp(calc(1936px * var(--min_w1) / var(--max_w1)), calc(1936 * 100vw / var(--max_w1)), 1936px);
  --sz-1937: clamp(calc(1937px * var(--min_w1) / var(--max_w1)), calc(1937 * 100vw / var(--max_w1)), 1937px);
  --sz-1938: clamp(calc(1938px * var(--min_w1) / var(--max_w1)), calc(1938 * 100vw / var(--max_w1)), 1938px);
  --sz-1939: clamp(calc(1939px * var(--min_w1) / var(--max_w1)), calc(1939 * 100vw / var(--max_w1)), 1939px);
  --sz-1940: clamp(calc(1940px * var(--min_w1) / var(--max_w1)), calc(1940 * 100vw / var(--max_w1)), 1940px);
  --sz-1941: clamp(calc(1941px * var(--min_w1) / var(--max_w1)), calc(1941 * 100vw / var(--max_w1)), 1941px);
  --sz-1942: clamp(calc(1942px * var(--min_w1) / var(--max_w1)), calc(1942 * 100vw / var(--max_w1)), 1942px);
  --sz-1943: clamp(calc(1943px * var(--min_w1) / var(--max_w1)), calc(1943 * 100vw / var(--max_w1)), 1943px);
  --sz-1944: clamp(calc(1944px * var(--min_w1) / var(--max_w1)), calc(1944 * 100vw / var(--max_w1)), 1944px);
  --sz-1945: clamp(calc(1945px * var(--min_w1) / var(--max_w1)), calc(1945 * 100vw / var(--max_w1)), 1945px);
  --sz-1946: clamp(calc(1946px * var(--min_w1) / var(--max_w1)), calc(1946 * 100vw / var(--max_w1)), 1946px);
  --sz-1947: clamp(calc(1947px * var(--min_w1) / var(--max_w1)), calc(1947 * 100vw / var(--max_w1)), 1947px);
  --sz-1948: clamp(calc(1948px * var(--min_w1) / var(--max_w1)), calc(1948 * 100vw / var(--max_w1)), 1948px);
  --sz-1949: clamp(calc(1949px * var(--min_w1) / var(--max_w1)), calc(1949 * 100vw / var(--max_w1)), 1949px);
  --sz-1950: clamp(calc(1950px * var(--min_w1) / var(--max_w1)), calc(1950 * 100vw / var(--max_w1)), 1950px);
  --sz-1951: clamp(calc(1951px * var(--min_w1) / var(--max_w1)), calc(1951 * 100vw / var(--max_w1)), 1951px);
  --sz-1952: clamp(calc(1952px * var(--min_w1) / var(--max_w1)), calc(1952 * 100vw / var(--max_w1)), 1952px);
  --sz-1953: clamp(calc(1953px * var(--min_w1) / var(--max_w1)), calc(1953 * 100vw / var(--max_w1)), 1953px);
  --sz-1954: clamp(calc(1954px * var(--min_w1) / var(--max_w1)), calc(1954 * 100vw / var(--max_w1)), 1954px);
  --sz-1955: clamp(calc(1955px * var(--min_w1) / var(--max_w1)), calc(1955 * 100vw / var(--max_w1)), 1955px);
  --sz-1956: clamp(calc(1956px * var(--min_w1) / var(--max_w1)), calc(1956 * 100vw / var(--max_w1)), 1956px);
  --sz-1957: clamp(calc(1957px * var(--min_w1) / var(--max_w1)), calc(1957 * 100vw / var(--max_w1)), 1957px);
  --sz-1958: clamp(calc(1958px * var(--min_w1) / var(--max_w1)), calc(1958 * 100vw / var(--max_w1)), 1958px);
  --sz-1959: clamp(calc(1959px * var(--min_w1) / var(--max_w1)), calc(1959 * 100vw / var(--max_w1)), 1959px);
  --sz-1960: clamp(calc(1960px * var(--min_w1) / var(--max_w1)), calc(1960 * 100vw / var(--max_w1)), 1960px);
  --sz-1961: clamp(calc(1961px * var(--min_w1) / var(--max_w1)), calc(1961 * 100vw / var(--max_w1)), 1961px);
  --sz-1962: clamp(calc(1962px * var(--min_w1) / var(--max_w1)), calc(1962 * 100vw / var(--max_w1)), 1962px);
  --sz-1963: clamp(calc(1963px * var(--min_w1) / var(--max_w1)), calc(1963 * 100vw / var(--max_w1)), 1963px);
  --sz-1964: clamp(calc(1964px * var(--min_w1) / var(--max_w1)), calc(1964 * 100vw / var(--max_w1)), 1964px);
  --sz-1965: clamp(calc(1965px * var(--min_w1) / var(--max_w1)), calc(1965 * 100vw / var(--max_w1)), 1965px);
  --sz-1966: clamp(calc(1966px * var(--min_w1) / var(--max_w1)), calc(1966 * 100vw / var(--max_w1)), 1966px);
  --sz-1967: clamp(calc(1967px * var(--min_w1) / var(--max_w1)), calc(1967 * 100vw / var(--max_w1)), 1967px);
  --sz-1968: clamp(calc(1968px * var(--min_w1) / var(--max_w1)), calc(1968 * 100vw / var(--max_w1)), 1968px);
  --sz-1969: clamp(calc(1969px * var(--min_w1) / var(--max_w1)), calc(1969 * 100vw / var(--max_w1)), 1969px);
  --sz-1970: clamp(calc(1970px * var(--min_w1) / var(--max_w1)), calc(1970 * 100vw / var(--max_w1)), 1970px);
  --sz-1971: clamp(calc(1971px * var(--min_w1) / var(--max_w1)), calc(1971 * 100vw / var(--max_w1)), 1971px);
  --sz-1972: clamp(calc(1972px * var(--min_w1) / var(--max_w1)), calc(1972 * 100vw / var(--max_w1)), 1972px);
  --sz-1973: clamp(calc(1973px * var(--min_w1) / var(--max_w1)), calc(1973 * 100vw / var(--max_w1)), 1973px);
  --sz-1974: clamp(calc(1974px * var(--min_w1) / var(--max_w1)), calc(1974 * 100vw / var(--max_w1)), 1974px);
  --sz-1975: clamp(calc(1975px * var(--min_w1) / var(--max_w1)), calc(1975 * 100vw / var(--max_w1)), 1975px);
  --sz-1976: clamp(calc(1976px * var(--min_w1) / var(--max_w1)), calc(1976 * 100vw / var(--max_w1)), 1976px);
  --sz-1977: clamp(calc(1977px * var(--min_w1) / var(--max_w1)), calc(1977 * 100vw / var(--max_w1)), 1977px);
  --sz-1978: clamp(calc(1978px * var(--min_w1) / var(--max_w1)), calc(1978 * 100vw / var(--max_w1)), 1978px);
  --sz-1979: clamp(calc(1979px * var(--min_w1) / var(--max_w1)), calc(1979 * 100vw / var(--max_w1)), 1979px);
  --sz-1980: clamp(calc(1980px * var(--min_w1) / var(--max_w1)), calc(1980 * 100vw / var(--max_w1)), 1980px);
  --sz-1981: clamp(calc(1981px * var(--min_w1) / var(--max_w1)), calc(1981 * 100vw / var(--max_w1)), 1981px);
  --sz-1982: clamp(calc(1982px * var(--min_w1) / var(--max_w1)), calc(1982 * 100vw / var(--max_w1)), 1982px);
  --sz-1983: clamp(calc(1983px * var(--min_w1) / var(--max_w1)), calc(1983 * 100vw / var(--max_w1)), 1983px);
  --sz-1984: clamp(calc(1984px * var(--min_w1) / var(--max_w1)), calc(1984 * 100vw / var(--max_w1)), 1984px);
  --sz-1985: clamp(calc(1985px * var(--min_w1) / var(--max_w1)), calc(1985 * 100vw / var(--max_w1)), 1985px);
  --sz-1986: clamp(calc(1986px * var(--min_w1) / var(--max_w1)), calc(1986 * 100vw / var(--max_w1)), 1986px);
  --sz-1987: clamp(calc(1987px * var(--min_w1) / var(--max_w1)), calc(1987 * 100vw / var(--max_w1)), 1987px);
  --sz-1988: clamp(calc(1988px * var(--min_w1) / var(--max_w1)), calc(1988 * 100vw / var(--max_w1)), 1988px);
  --sz-1989: clamp(calc(1989px * var(--min_w1) / var(--max_w1)), calc(1989 * 100vw / var(--max_w1)), 1989px);
  --sz-1990: clamp(calc(1990px * var(--min_w1) / var(--max_w1)), calc(1990 * 100vw / var(--max_w1)), 1990px);
  --sz-1991: clamp(calc(1991px * var(--min_w1) / var(--max_w1)), calc(1991 * 100vw / var(--max_w1)), 1991px);
  --sz-1992: clamp(calc(1992px * var(--min_w1) / var(--max_w1)), calc(1992 * 100vw / var(--max_w1)), 1992px);
  --sz-1993: clamp(calc(1993px * var(--min_w1) / var(--max_w1)), calc(1993 * 100vw / var(--max_w1)), 1993px);
  --sz-1994: clamp(calc(1994px * var(--min_w1) / var(--max_w1)), calc(1994 * 100vw / var(--max_w1)), 1994px);
  --sz-1995: clamp(calc(1995px * var(--min_w1) / var(--max_w1)), calc(1995 * 100vw / var(--max_w1)), 1995px);
  --sz-1996: clamp(calc(1996px * var(--min_w1) / var(--max_w1)), calc(1996 * 100vw / var(--max_w1)), 1996px);
  --sz-1997: clamp(calc(1997px * var(--min_w1) / var(--max_w1)), calc(1997 * 100vw / var(--max_w1)), 1997px);
  --sz-1998: clamp(calc(1998px * var(--min_w1) / var(--max_w1)), calc(1998 * 100vw / var(--max_w1)), 1998px);
  --sz-1999: clamp(calc(1999px * var(--min_w1) / var(--max_w1)), calc(1999 * 100vw / var(--max_w1)), 1999px);
  --sz-2000: clamp(calc(2000px * var(--min_w1) / var(--max_w1)), calc(2000 * 100vw / var(--max_w1)), 2000px);
}

.sz-1 {
  font-size: var(--sz-1);
}

.sz-2 {
  font-size: var(--sz-2);
}

.sz-3 {
  font-size: var(--sz-3);
}

.sz-4 {
  font-size: var(--sz-4);
}

.sz-5 {
  font-size: var(--sz-5);
}

.sz-6 {
  font-size: var(--sz-6);
}

.sz-7 {
  font-size: var(--sz-7);
}

.sz-8 {
  font-size: var(--sz-8);
}

.sz-9 {
  font-size: var(--sz-9);
}

.sz-10 {
  font-size: var(--sz-10);
}

.sz-11 {
  font-size: var(--sz-11);
}

.sz-12 {
  font-size: var(--sz-12);
}

.sz-13 {
  font-size: var(--sz-13);
}

.sz-14 {
  font-size: var(--sz-14);
}

.sz-15 {
  font-size: var(--sz-15);
}

.sz-16 {
  font-size: var(--sz-16);
}

.sz-17 {
  font-size: var(--sz-17);
}

.sz-18 {
  font-size: var(--sz-18);
}

.sz-19 {
  font-size: var(--sz-19);
}

.sz-20 {
  font-size: var(--sz-20);
}

.sz-21 {
  font-size: var(--sz-21);
}

.sz-22 {
  font-size: var(--sz-22);
}

.sz-23 {
  font-size: var(--sz-23);
}

.sz-24 {
  font-size: var(--sz-24);
}

.sz-25 {
  font-size: var(--sz-25);
}

.sz-26 {
  font-size: var(--sz-26);
}

.sz-27 {
  font-size: var(--sz-27);
}

.sz-28 {
  font-size: var(--sz-28);
}

.sz-29 {
  font-size: var(--sz-29);
}

.sz-30 {
  font-size: var(--sz-30);
}

.sz-31 {
  font-size: var(--sz-31);
}

.sz-32 {
  font-size: var(--sz-32);
}

.sz-33 {
  font-size: var(--sz-33);
}

.sz-34 {
  font-size: var(--sz-34);
}

.sz-35 {
  font-size: var(--sz-35);
}

.sz-36 {
  font-size: var(--sz-36);
}

.sz-37 {
  font-size: var(--sz-37);
}

.sz-38 {
  font-size: var(--sz-38);
}

.sz-39 {
  font-size: var(--sz-39);
}

.sz-40 {
  font-size: var(--sz-40);
}

.sz-41 {
  font-size: var(--sz-41);
}

.sz-42 {
  font-size: var(--sz-42);
}

.sz-43 {
  font-size: var(--sz-43);
}

.sz-44 {
  font-size: var(--sz-44);
}

.sz-45 {
  font-size: var(--sz-45);
}

.sz-46 {
  font-size: var(--sz-46);
}

.sz-47 {
  font-size: var(--sz-47);
}

.sz-48 {
  font-size: var(--sz-48);
}

.sz-49 {
  font-size: var(--sz-49);
}

.sz-50 {
  font-size: var(--sz-50);
}

.sz-51 {
  font-size: var(--sz-51);
}

.sz-52 {
  font-size: var(--sz-52);
}

.sz-53 {
  font-size: var(--sz-53);
}

.sz-54 {
  font-size: var(--sz-54);
}

.sz-55 {
  font-size: var(--sz-55);
}

.sz-56 {
  font-size: var(--sz-56);
}

.sz-57 {
  font-size: var(--sz-57);
}

.sz-58 {
  font-size: var(--sz-58);
}

.sz-59 {
  font-size: var(--sz-59);
}

.sz-60 {
  font-size: var(--sz-60);
}

.sz-61 {
  font-size: var(--sz-61);
}

.sz-62 {
  font-size: var(--sz-62);
}

.sz-63 {
  font-size: var(--sz-63);
}

.sz-64 {
  font-size: var(--sz-64);
}

.sz-65 {
  font-size: var(--sz-65);
}

.sz-66 {
  font-size: var(--sz-66);
}

.sz-67 {
  font-size: var(--sz-67);
}

.sz-68 {
  font-size: var(--sz-68);
}

.sz-69 {
  font-size: var(--sz-69);
}

.sz-70 {
  font-size: var(--sz-70);
}

.sz-71 {
  font-size: var(--sz-71);
}

.sz-72 {
  font-size: var(--sz-72);
}

.sz-73 {
  font-size: var(--sz-73);
}

.sz-74 {
  font-size: var(--sz-74);
}

.sz-75 {
  font-size: var(--sz-75);
}

.sz-76 {
  font-size: var(--sz-76);
}

.sz-77 {
  font-size: var(--sz-77);
}

.sz-78 {
  font-size: var(--sz-78);
}

.sz-79 {
  font-size: var(--sz-79);
}

.sz-80 {
  font-size: var(--sz-80);
}

.sz-81 {
  font-size: var(--sz-81);
}

.sz-82 {
  font-size: var(--sz-82);
}

.sz-83 {
  font-size: var(--sz-83);
}

.sz-84 {
  font-size: var(--sz-84);
}

.sz-85 {
  font-size: var(--sz-85);
}

.sz-86 {
  font-size: var(--sz-86);
}

.sz-87 {
  font-size: var(--sz-87);
}

.sz-88 {
  font-size: var(--sz-88);
}

.sz-89 {
  font-size: var(--sz-89);
}

.sz-90 {
  font-size: var(--sz-90);
}

.sz-91 {
  font-size: var(--sz-91);
}

.sz-92 {
  font-size: var(--sz-92);
}

.sz-93 {
  font-size: var(--sz-93);
}

.sz-94 {
  font-size: var(--sz-94);
}

.sz-95 {
  font-size: var(--sz-95);
}

.sz-96 {
  font-size: var(--sz-96);
}

.sz-97 {
  font-size: var(--sz-97);
}

.sz-98 {
  font-size: var(--sz-98);
}

.sz-99 {
  font-size: var(--sz-99);
}

.sz-100 {
  font-size: var(--sz-100);
}

.sz-101 {
  font-size: var(--sz-101);
}

.sz-102 {
  font-size: var(--sz-102);
}

.sz-103 {
  font-size: var(--sz-103);
}

.sz-104 {
  font-size: var(--sz-104);
}

.sz-105 {
  font-size: var(--sz-105);
}

.sz-106 {
  font-size: var(--sz-106);
}

.sz-107 {
  font-size: var(--sz-107);
}

.sz-108 {
  font-size: var(--sz-108);
}

.sz-109 {
  font-size: var(--sz-109);
}

.sz-110 {
  font-size: var(--sz-110);
}

.sz-111 {
  font-size: var(--sz-111);
}

.sz-112 {
  font-size: var(--sz-112);
}

.sz-113 {
  font-size: var(--sz-113);
}

.sz-114 {
  font-size: var(--sz-114);
}

.sz-115 {
  font-size: var(--sz-115);
}

.sz-116 {
  font-size: var(--sz-116);
}

.sz-117 {
  font-size: var(--sz-117);
}

.sz-118 {
  font-size: var(--sz-118);
}

.sz-119 {
  font-size: var(--sz-119);
}

.sz-120 {
  font-size: var(--sz-120);
}

.sz-121 {
  font-size: var(--sz-121);
}

.sz-122 {
  font-size: var(--sz-122);
}

.sz-123 {
  font-size: var(--sz-123);
}

.sz-124 {
  font-size: var(--sz-124);
}

.sz-125 {
  font-size: var(--sz-125);
}

.sz-126 {
  font-size: var(--sz-126);
}

.sz-127 {
  font-size: var(--sz-127);
}

.sz-128 {
  font-size: var(--sz-128);
}

.sz-129 {
  font-size: var(--sz-129);
}

.sz-130 {
  font-size: var(--sz-130);
}

.sz-131 {
  font-size: var(--sz-131);
}

.sz-132 {
  font-size: var(--sz-132);
}

.sz-133 {
  font-size: var(--sz-133);
}

.sz-134 {
  font-size: var(--sz-134);
}

.sz-135 {
  font-size: var(--sz-135);
}

.sz-136 {
  font-size: var(--sz-136);
}

.sz-137 {
  font-size: var(--sz-137);
}

.sz-138 {
  font-size: var(--sz-138);
}

.sz-139 {
  font-size: var(--sz-139);
}

.sz-140 {
  font-size: var(--sz-140);
}

.sz-141 {
  font-size: var(--sz-141);
}

.sz-142 {
  font-size: var(--sz-142);
}

.sz-143 {
  font-size: var(--sz-143);
}

.sz-144 {
  font-size: var(--sz-144);
}

.sz-145 {
  font-size: var(--sz-145);
}

.sz-146 {
  font-size: var(--sz-146);
}

.sz-147 {
  font-size: var(--sz-147);
}

.sz-148 {
  font-size: var(--sz-148);
}

.sz-149 {
  font-size: var(--sz-149);
}

.sz-150 {
  font-size: var(--sz-150);
}

.sz-151 {
  font-size: var(--sz-151);
}

.sz-152 {
  font-size: var(--sz-152);
}

.sz-153 {
  font-size: var(--sz-153);
}

.sz-154 {
  font-size: var(--sz-154);
}

.sz-155 {
  font-size: var(--sz-155);
}

.sz-156 {
  font-size: var(--sz-156);
}

.sz-157 {
  font-size: var(--sz-157);
}

.sz-158 {
  font-size: var(--sz-158);
}

.sz-159 {
  font-size: var(--sz-159);
}

.sz-160 {
  font-size: var(--sz-160);
}

.sz-161 {
  font-size: var(--sz-161);
}

.sz-162 {
  font-size: var(--sz-162);
}

.sz-163 {
  font-size: var(--sz-163);
}

.sz-164 {
  font-size: var(--sz-164);
}

.sz-165 {
  font-size: var(--sz-165);
}

.sz-166 {
  font-size: var(--sz-166);
}

.sz-167 {
  font-size: var(--sz-167);
}

.sz-168 {
  font-size: var(--sz-168);
}

.sz-169 {
  font-size: var(--sz-169);
}

.sz-170 {
  font-size: var(--sz-170);
}

.sz-171 {
  font-size: var(--sz-171);
}

.sz-172 {
  font-size: var(--sz-172);
}

.sz-173 {
  font-size: var(--sz-173);
}

.sz-174 {
  font-size: var(--sz-174);
}

.sz-175 {
  font-size: var(--sz-175);
}

.sz-176 {
  font-size: var(--sz-176);
}

.sz-177 {
  font-size: var(--sz-177);
}

.sz-178 {
  font-size: var(--sz-178);
}

.sz-179 {
  font-size: var(--sz-179);
}

.sz-180 {
  font-size: var(--sz-180);
}

.sz-181 {
  font-size: var(--sz-181);
}

.sz-182 {
  font-size: var(--sz-182);
}

.sz-183 {
  font-size: var(--sz-183);
}

.sz-184 {
  font-size: var(--sz-184);
}

.sz-185 {
  font-size: var(--sz-185);
}

.sz-186 {
  font-size: var(--sz-186);
}

.sz-187 {
  font-size: var(--sz-187);
}

.sz-188 {
  font-size: var(--sz-188);
}

.sz-189 {
  font-size: var(--sz-189);
}

.sz-190 {
  font-size: var(--sz-190);
}

.sz-191 {
  font-size: var(--sz-191);
}

.sz-192 {
  font-size: var(--sz-192);
}

.sz-193 {
  font-size: var(--sz-193);
}

.sz-194 {
  font-size: var(--sz-194);
}

.sz-195 {
  font-size: var(--sz-195);
}

.sz-196 {
  font-size: var(--sz-196);
}

.sz-197 {
  font-size: var(--sz-197);
}

.sz-198 {
  font-size: var(--sz-198);
}

.sz-199 {
  font-size: var(--sz-199);
}

.sz-200 {
  font-size: var(--sz-200);
}

.sz-201 {
  font-size: var(--sz-201);
}

.sz-202 {
  font-size: var(--sz-202);
}

.sz-203 {
  font-size: var(--sz-203);
}

.sz-204 {
  font-size: var(--sz-204);
}

.sz-205 {
  font-size: var(--sz-205);
}

.sz-206 {
  font-size: var(--sz-206);
}

.sz-207 {
  font-size: var(--sz-207);
}

.sz-208 {
  font-size: var(--sz-208);
}

.sz-209 {
  font-size: var(--sz-209);
}

.sz-210 {
  font-size: var(--sz-210);
}

.sz-211 {
  font-size: var(--sz-211);
}

.sz-212 {
  font-size: var(--sz-212);
}

.sz-213 {
  font-size: var(--sz-213);
}

.sz-214 {
  font-size: var(--sz-214);
}

.sz-215 {
  font-size: var(--sz-215);
}

.sz-216 {
  font-size: var(--sz-216);
}

.sz-217 {
  font-size: var(--sz-217);
}

.sz-218 {
  font-size: var(--sz-218);
}

.sz-219 {
  font-size: var(--sz-219);
}

.sz-220 {
  font-size: var(--sz-220);
}

.sz-221 {
  font-size: var(--sz-221);
}

.sz-222 {
  font-size: var(--sz-222);
}

.sz-223 {
  font-size: var(--sz-223);
}

.sz-224 {
  font-size: var(--sz-224);
}

.sz-225 {
  font-size: var(--sz-225);
}

.sz-226 {
  font-size: var(--sz-226);
}

.sz-227 {
  font-size: var(--sz-227);
}

.sz-228 {
  font-size: var(--sz-228);
}

.sz-229 {
  font-size: var(--sz-229);
}

.sz-230 {
  font-size: var(--sz-230);
}

.sz-231 {
  font-size: var(--sz-231);
}

.sz-232 {
  font-size: var(--sz-232);
}

.sz-233 {
  font-size: var(--sz-233);
}

.sz-234 {
  font-size: var(--sz-234);
}

.sz-235 {
  font-size: var(--sz-235);
}

.sz-236 {
  font-size: var(--sz-236);
}

.sz-237 {
  font-size: var(--sz-237);
}

.sz-238 {
  font-size: var(--sz-238);
}

.sz-239 {
  font-size: var(--sz-239);
}

.sz-240 {
  font-size: var(--sz-240);
}

.sz-241 {
  font-size: var(--sz-241);
}

.sz-242 {
  font-size: var(--sz-242);
}

.sz-243 {
  font-size: var(--sz-243);
}

.sz-244 {
  font-size: var(--sz-244);
}

.sz-245 {
  font-size: var(--sz-245);
}

.sz-246 {
  font-size: var(--sz-246);
}

.sz-247 {
  font-size: var(--sz-247);
}

.sz-248 {
  font-size: var(--sz-248);
}

.sz-249 {
  font-size: var(--sz-249);
}

.sz-250 {
  font-size: var(--sz-250);
}

.sz-251 {
  font-size: var(--sz-251);
}

.sz-252 {
  font-size: var(--sz-252);
}

.sz-253 {
  font-size: var(--sz-253);
}

.sz-254 {
  font-size: var(--sz-254);
}

.sz-255 {
  font-size: var(--sz-255);
}

.sz-256 {
  font-size: var(--sz-256);
}

.sz-257 {
  font-size: var(--sz-257);
}

.sz-258 {
  font-size: var(--sz-258);
}

.sz-259 {
  font-size: var(--sz-259);
}

.sz-260 {
  font-size: var(--sz-260);
}

.sz-261 {
  font-size: var(--sz-261);
}

.sz-262 {
  font-size: var(--sz-262);
}

.sz-263 {
  font-size: var(--sz-263);
}

.sz-264 {
  font-size: var(--sz-264);
}

.sz-265 {
  font-size: var(--sz-265);
}

.sz-266 {
  font-size: var(--sz-266);
}

.sz-267 {
  font-size: var(--sz-267);
}

.sz-268 {
  font-size: var(--sz-268);
}

.sz-269 {
  font-size: var(--sz-269);
}

.sz-270 {
  font-size: var(--sz-270);
}

.sz-271 {
  font-size: var(--sz-271);
}

.sz-272 {
  font-size: var(--sz-272);
}

.sz-273 {
  font-size: var(--sz-273);
}

.sz-274 {
  font-size: var(--sz-274);
}

.sz-275 {
  font-size: var(--sz-275);
}

.sz-276 {
  font-size: var(--sz-276);
}

.sz-277 {
  font-size: var(--sz-277);
}

.sz-278 {
  font-size: var(--sz-278);
}

.sz-279 {
  font-size: var(--sz-279);
}

.sz-280 {
  font-size: var(--sz-280);
}

.sz-281 {
  font-size: var(--sz-281);
}

.sz-282 {
  font-size: var(--sz-282);
}

.sz-283 {
  font-size: var(--sz-283);
}

.sz-284 {
  font-size: var(--sz-284);
}

.sz-285 {
  font-size: var(--sz-285);
}

.sz-286 {
  font-size: var(--sz-286);
}

.sz-287 {
  font-size: var(--sz-287);
}

.sz-288 {
  font-size: var(--sz-288);
}

.sz-289 {
  font-size: var(--sz-289);
}

.sz-290 {
  font-size: var(--sz-290);
}

.sz-291 {
  font-size: var(--sz-291);
}

.sz-292 {
  font-size: var(--sz-292);
}

.sz-293 {
  font-size: var(--sz-293);
}

.sz-294 {
  font-size: var(--sz-294);
}

.sz-295 {
  font-size: var(--sz-295);
}

.sz-296 {
  font-size: var(--sz-296);
}

.sz-297 {
  font-size: var(--sz-297);
}

.sz-298 {
  font-size: var(--sz-298);
}

.sz-299 {
  font-size: var(--sz-299);
}

.sz-300 {
  font-size: var(--sz-300);
}

.sz-301 {
  font-size: var(--sz-301);
}

.sz-302 {
  font-size: var(--sz-302);
}

.sz-303 {
  font-size: var(--sz-303);
}

.sz-304 {
  font-size: var(--sz-304);
}

.sz-305 {
  font-size: var(--sz-305);
}

.sz-306 {
  font-size: var(--sz-306);
}

.sz-307 {
  font-size: var(--sz-307);
}

.sz-308 {
  font-size: var(--sz-308);
}

.sz-309 {
  font-size: var(--sz-309);
}

.sz-310 {
  font-size: var(--sz-310);
}

.sz-311 {
  font-size: var(--sz-311);
}

.sz-312 {
  font-size: var(--sz-312);
}

.sz-313 {
  font-size: var(--sz-313);
}

.sz-314 {
  font-size: var(--sz-314);
}

.sz-315 {
  font-size: var(--sz-315);
}

.sz-316 {
  font-size: var(--sz-316);
}

.sz-317 {
  font-size: var(--sz-317);
}

.sz-318 {
  font-size: var(--sz-318);
}

.sz-319 {
  font-size: var(--sz-319);
}

.sz-320 {
  font-size: var(--sz-320);
}

.sz-321 {
  font-size: var(--sz-321);
}

.sz-322 {
  font-size: var(--sz-322);
}

.sz-323 {
  font-size: var(--sz-323);
}

.sz-324 {
  font-size: var(--sz-324);
}

.sz-325 {
  font-size: var(--sz-325);
}

.sz-326 {
  font-size: var(--sz-326);
}

.sz-327 {
  font-size: var(--sz-327);
}

.sz-328 {
  font-size: var(--sz-328);
}

.sz-329 {
  font-size: var(--sz-329);
}

.sz-330 {
  font-size: var(--sz-330);
}

.sz-331 {
  font-size: var(--sz-331);
}

.sz-332 {
  font-size: var(--sz-332);
}

.sz-333 {
  font-size: var(--sz-333);
}

.sz-334 {
  font-size: var(--sz-334);
}

.sz-335 {
  font-size: var(--sz-335);
}

.sz-336 {
  font-size: var(--sz-336);
}

.sz-337 {
  font-size: var(--sz-337);
}

.sz-338 {
  font-size: var(--sz-338);
}

.sz-339 {
  font-size: var(--sz-339);
}

.sz-340 {
  font-size: var(--sz-340);
}

.sz-341 {
  font-size: var(--sz-341);
}

.sz-342 {
  font-size: var(--sz-342);
}

.sz-343 {
  font-size: var(--sz-343);
}

.sz-344 {
  font-size: var(--sz-344);
}

.sz-345 {
  font-size: var(--sz-345);
}

.sz-346 {
  font-size: var(--sz-346);
}

.sz-347 {
  font-size: var(--sz-347);
}

.sz-348 {
  font-size: var(--sz-348);
}

.sz-349 {
  font-size: var(--sz-349);
}

.sz-350 {
  font-size: var(--sz-350);
}

.sz-351 {
  font-size: var(--sz-351);
}

.sz-352 {
  font-size: var(--sz-352);
}

.sz-353 {
  font-size: var(--sz-353);
}

.sz-354 {
  font-size: var(--sz-354);
}

.sz-355 {
  font-size: var(--sz-355);
}

.sz-356 {
  font-size: var(--sz-356);
}

.sz-357 {
  font-size: var(--sz-357);
}

.sz-358 {
  font-size: var(--sz-358);
}

.sz-359 {
  font-size: var(--sz-359);
}

.sz-360 {
  font-size: var(--sz-360);
}

.sz-361 {
  font-size: var(--sz-361);
}

.sz-362 {
  font-size: var(--sz-362);
}

.sz-363 {
  font-size: var(--sz-363);
}

.sz-364 {
  font-size: var(--sz-364);
}

.sz-365 {
  font-size: var(--sz-365);
}

.sz-366 {
  font-size: var(--sz-366);
}

.sz-367 {
  font-size: var(--sz-367);
}

.sz-368 {
  font-size: var(--sz-368);
}

.sz-369 {
  font-size: var(--sz-369);
}

.sz-370 {
  font-size: var(--sz-370);
}

.sz-371 {
  font-size: var(--sz-371);
}

.sz-372 {
  font-size: var(--sz-372);
}

.sz-373 {
  font-size: var(--sz-373);
}

.sz-374 {
  font-size: var(--sz-374);
}

.sz-375 {
  font-size: var(--sz-375);
}

.sz-376 {
  font-size: var(--sz-376);
}

.sz-377 {
  font-size: var(--sz-377);
}

.sz-378 {
  font-size: var(--sz-378);
}

.sz-379 {
  font-size: var(--sz-379);
}

.sz-380 {
  font-size: var(--sz-380);
}

.sz-381 {
  font-size: var(--sz-381);
}

.sz-382 {
  font-size: var(--sz-382);
}

.sz-383 {
  font-size: var(--sz-383);
}

.sz-384 {
  font-size: var(--sz-384);
}

.sz-385 {
  font-size: var(--sz-385);
}

.sz-386 {
  font-size: var(--sz-386);
}

.sz-387 {
  font-size: var(--sz-387);
}

.sz-388 {
  font-size: var(--sz-388);
}

.sz-389 {
  font-size: var(--sz-389);
}

.sz-390 {
  font-size: var(--sz-390);
}

.sz-391 {
  font-size: var(--sz-391);
}

.sz-392 {
  font-size: var(--sz-392);
}

.sz-393 {
  font-size: var(--sz-393);
}

.sz-394 {
  font-size: var(--sz-394);
}

.sz-395 {
  font-size: var(--sz-395);
}

.sz-396 {
  font-size: var(--sz-396);
}

.sz-397 {
  font-size: var(--sz-397);
}

.sz-398 {
  font-size: var(--sz-398);
}

.sz-399 {
  font-size: var(--sz-399);
}

.sz-400 {
  font-size: var(--sz-400);
}

.sz-401 {
  font-size: var(--sz-401);
}

.sz-402 {
  font-size: var(--sz-402);
}

.sz-403 {
  font-size: var(--sz-403);
}

.sz-404 {
  font-size: var(--sz-404);
}

.sz-405 {
  font-size: var(--sz-405);
}

.sz-406 {
  font-size: var(--sz-406);
}

.sz-407 {
  font-size: var(--sz-407);
}

.sz-408 {
  font-size: var(--sz-408);
}

.sz-409 {
  font-size: var(--sz-409);
}

.sz-410 {
  font-size: var(--sz-410);
}

.sz-411 {
  font-size: var(--sz-411);
}

.sz-412 {
  font-size: var(--sz-412);
}

.sz-413 {
  font-size: var(--sz-413);
}

.sz-414 {
  font-size: var(--sz-414);
}

.sz-415 {
  font-size: var(--sz-415);
}

.sz-416 {
  font-size: var(--sz-416);
}

.sz-417 {
  font-size: var(--sz-417);
}

.sz-418 {
  font-size: var(--sz-418);
}

.sz-419 {
  font-size: var(--sz-419);
}

.sz-420 {
  font-size: var(--sz-420);
}

.sz-421 {
  font-size: var(--sz-421);
}

.sz-422 {
  font-size: var(--sz-422);
}

.sz-423 {
  font-size: var(--sz-423);
}

.sz-424 {
  font-size: var(--sz-424);
}

.sz-425 {
  font-size: var(--sz-425);
}

.sz-426 {
  font-size: var(--sz-426);
}

.sz-427 {
  font-size: var(--sz-427);
}

.sz-428 {
  font-size: var(--sz-428);
}

.sz-429 {
  font-size: var(--sz-429);
}

.sz-430 {
  font-size: var(--sz-430);
}

.sz-431 {
  font-size: var(--sz-431);
}

.sz-432 {
  font-size: var(--sz-432);
}

.sz-433 {
  font-size: var(--sz-433);
}

.sz-434 {
  font-size: var(--sz-434);
}

.sz-435 {
  font-size: var(--sz-435);
}

.sz-436 {
  font-size: var(--sz-436);
}

.sz-437 {
  font-size: var(--sz-437);
}

.sz-438 {
  font-size: var(--sz-438);
}

.sz-439 {
  font-size: var(--sz-439);
}

.sz-440 {
  font-size: var(--sz-440);
}

.sz-441 {
  font-size: var(--sz-441);
}

.sz-442 {
  font-size: var(--sz-442);
}

.sz-443 {
  font-size: var(--sz-443);
}

.sz-444 {
  font-size: var(--sz-444);
}

.sz-445 {
  font-size: var(--sz-445);
}

.sz-446 {
  font-size: var(--sz-446);
}

.sz-447 {
  font-size: var(--sz-447);
}

.sz-448 {
  font-size: var(--sz-448);
}

.sz-449 {
  font-size: var(--sz-449);
}

.sz-450 {
  font-size: var(--sz-450);
}

.sz-451 {
  font-size: var(--sz-451);
}

.sz-452 {
  font-size: var(--sz-452);
}

.sz-453 {
  font-size: var(--sz-453);
}

.sz-454 {
  font-size: var(--sz-454);
}

.sz-455 {
  font-size: var(--sz-455);
}

.sz-456 {
  font-size: var(--sz-456);
}

.sz-457 {
  font-size: var(--sz-457);
}

.sz-458 {
  font-size: var(--sz-458);
}

.sz-459 {
  font-size: var(--sz-459);
}

.sz-460 {
  font-size: var(--sz-460);
}

.sz-461 {
  font-size: var(--sz-461);
}

.sz-462 {
  font-size: var(--sz-462);
}

.sz-463 {
  font-size: var(--sz-463);
}

.sz-464 {
  font-size: var(--sz-464);
}

.sz-465 {
  font-size: var(--sz-465);
}

.sz-466 {
  font-size: var(--sz-466);
}

.sz-467 {
  font-size: var(--sz-467);
}

.sz-468 {
  font-size: var(--sz-468);
}

.sz-469 {
  font-size: var(--sz-469);
}

.sz-470 {
  font-size: var(--sz-470);
}

.sz-471 {
  font-size: var(--sz-471);
}

.sz-472 {
  font-size: var(--sz-472);
}

.sz-473 {
  font-size: var(--sz-473);
}

.sz-474 {
  font-size: var(--sz-474);
}

.sz-475 {
  font-size: var(--sz-475);
}

.sz-476 {
  font-size: var(--sz-476);
}

.sz-477 {
  font-size: var(--sz-477);
}

.sz-478 {
  font-size: var(--sz-478);
}

.sz-479 {
  font-size: var(--sz-479);
}

.sz-480 {
  font-size: var(--sz-480);
}

.sz-481 {
  font-size: var(--sz-481);
}

.sz-482 {
  font-size: var(--sz-482);
}

.sz-483 {
  font-size: var(--sz-483);
}

.sz-484 {
  font-size: var(--sz-484);
}

.sz-485 {
  font-size: var(--sz-485);
}

.sz-486 {
  font-size: var(--sz-486);
}

.sz-487 {
  font-size: var(--sz-487);
}

.sz-488 {
  font-size: var(--sz-488);
}

.sz-489 {
  font-size: var(--sz-489);
}

.sz-490 {
  font-size: var(--sz-490);
}

.sz-491 {
  font-size: var(--sz-491);
}

.sz-492 {
  font-size: var(--sz-492);
}

.sz-493 {
  font-size: var(--sz-493);
}

.sz-494 {
  font-size: var(--sz-494);
}

.sz-495 {
  font-size: var(--sz-495);
}

.sz-496 {
  font-size: var(--sz-496);
}

.sz-497 {
  font-size: var(--sz-497);
}

.sz-498 {
  font-size: var(--sz-498);
}

.sz-499 {
  font-size: var(--sz-499);
}

.sz-500 {
  font-size: var(--sz-500);
}

.sz-501 {
  font-size: var(--sz-501);
}

.sz-502 {
  font-size: var(--sz-502);
}

.sz-503 {
  font-size: var(--sz-503);
}

.sz-504 {
  font-size: var(--sz-504);
}

.sz-505 {
  font-size: var(--sz-505);
}

.sz-506 {
  font-size: var(--sz-506);
}

.sz-507 {
  font-size: var(--sz-507);
}

.sz-508 {
  font-size: var(--sz-508);
}

.sz-509 {
  font-size: var(--sz-509);
}

.sz-510 {
  font-size: var(--sz-510);
}

.sz-511 {
  font-size: var(--sz-511);
}

.sz-512 {
  font-size: var(--sz-512);
}

.sz-513 {
  font-size: var(--sz-513);
}

.sz-514 {
  font-size: var(--sz-514);
}

.sz-515 {
  font-size: var(--sz-515);
}

.sz-516 {
  font-size: var(--sz-516);
}

.sz-517 {
  font-size: var(--sz-517);
}

.sz-518 {
  font-size: var(--sz-518);
}

.sz-519 {
  font-size: var(--sz-519);
}

.sz-520 {
  font-size: var(--sz-520);
}

.sz-521 {
  font-size: var(--sz-521);
}

.sz-522 {
  font-size: var(--sz-522);
}

.sz-523 {
  font-size: var(--sz-523);
}

.sz-524 {
  font-size: var(--sz-524);
}

.sz-525 {
  font-size: var(--sz-525);
}

.sz-526 {
  font-size: var(--sz-526);
}

.sz-527 {
  font-size: var(--sz-527);
}

.sz-528 {
  font-size: var(--sz-528);
}

.sz-529 {
  font-size: var(--sz-529);
}

.sz-530 {
  font-size: var(--sz-530);
}

.sz-531 {
  font-size: var(--sz-531);
}

.sz-532 {
  font-size: var(--sz-532);
}

.sz-533 {
  font-size: var(--sz-533);
}

.sz-534 {
  font-size: var(--sz-534);
}

.sz-535 {
  font-size: var(--sz-535);
}

.sz-536 {
  font-size: var(--sz-536);
}

.sz-537 {
  font-size: var(--sz-537);
}

.sz-538 {
  font-size: var(--sz-538);
}

.sz-539 {
  font-size: var(--sz-539);
}

.sz-540 {
  font-size: var(--sz-540);
}

.sz-541 {
  font-size: var(--sz-541);
}

.sz-542 {
  font-size: var(--sz-542);
}

.sz-543 {
  font-size: var(--sz-543);
}

.sz-544 {
  font-size: var(--sz-544);
}

.sz-545 {
  font-size: var(--sz-545);
}

.sz-546 {
  font-size: var(--sz-546);
}

.sz-547 {
  font-size: var(--sz-547);
}

.sz-548 {
  font-size: var(--sz-548);
}

.sz-549 {
  font-size: var(--sz-549);
}

.sz-550 {
  font-size: var(--sz-550);
}

.sz-551 {
  font-size: var(--sz-551);
}

.sz-552 {
  font-size: var(--sz-552);
}

.sz-553 {
  font-size: var(--sz-553);
}

.sz-554 {
  font-size: var(--sz-554);
}

.sz-555 {
  font-size: var(--sz-555);
}

.sz-556 {
  font-size: var(--sz-556);
}

.sz-557 {
  font-size: var(--sz-557);
}

.sz-558 {
  font-size: var(--sz-558);
}

.sz-559 {
  font-size: var(--sz-559);
}

.sz-560 {
  font-size: var(--sz-560);
}

.sz-561 {
  font-size: var(--sz-561);
}

.sz-562 {
  font-size: var(--sz-562);
}

.sz-563 {
  font-size: var(--sz-563);
}

.sz-564 {
  font-size: var(--sz-564);
}

.sz-565 {
  font-size: var(--sz-565);
}

.sz-566 {
  font-size: var(--sz-566);
}

.sz-567 {
  font-size: var(--sz-567);
}

.sz-568 {
  font-size: var(--sz-568);
}

.sz-569 {
  font-size: var(--sz-569);
}

.sz-570 {
  font-size: var(--sz-570);
}

.sz-571 {
  font-size: var(--sz-571);
}

.sz-572 {
  font-size: var(--sz-572);
}

.sz-573 {
  font-size: var(--sz-573);
}

.sz-574 {
  font-size: var(--sz-574);
}

.sz-575 {
  font-size: var(--sz-575);
}

.sz-576 {
  font-size: var(--sz-576);
}

.sz-577 {
  font-size: var(--sz-577);
}

.sz-578 {
  font-size: var(--sz-578);
}

.sz-579 {
  font-size: var(--sz-579);
}

.sz-580 {
  font-size: var(--sz-580);
}

.sz-581 {
  font-size: var(--sz-581);
}

.sz-582 {
  font-size: var(--sz-582);
}

.sz-583 {
  font-size: var(--sz-583);
}

.sz-584 {
  font-size: var(--sz-584);
}

.sz-585 {
  font-size: var(--sz-585);
}

.sz-586 {
  font-size: var(--sz-586);
}

.sz-587 {
  font-size: var(--sz-587);
}

.sz-588 {
  font-size: var(--sz-588);
}

.sz-589 {
  font-size: var(--sz-589);
}

.sz-590 {
  font-size: var(--sz-590);
}

.sz-591 {
  font-size: var(--sz-591);
}

.sz-592 {
  font-size: var(--sz-592);
}

.sz-593 {
  font-size: var(--sz-593);
}

.sz-594 {
  font-size: var(--sz-594);
}

.sz-595 {
  font-size: var(--sz-595);
}

.sz-596 {
  font-size: var(--sz-596);
}

.sz-597 {
  font-size: var(--sz-597);
}

.sz-598 {
  font-size: var(--sz-598);
}

.sz-599 {
  font-size: var(--sz-599);
}

.sz-600 {
  font-size: var(--sz-600);
}

.sz-601 {
  font-size: var(--sz-601);
}

.sz-602 {
  font-size: var(--sz-602);
}

.sz-603 {
  font-size: var(--sz-603);
}

.sz-604 {
  font-size: var(--sz-604);
}

.sz-605 {
  font-size: var(--sz-605);
}

.sz-606 {
  font-size: var(--sz-606);
}

.sz-607 {
  font-size: var(--sz-607);
}

.sz-608 {
  font-size: var(--sz-608);
}

.sz-609 {
  font-size: var(--sz-609);
}

.sz-610 {
  font-size: var(--sz-610);
}

.sz-611 {
  font-size: var(--sz-611);
}

.sz-612 {
  font-size: var(--sz-612);
}

.sz-613 {
  font-size: var(--sz-613);
}

.sz-614 {
  font-size: var(--sz-614);
}

.sz-615 {
  font-size: var(--sz-615);
}

.sz-616 {
  font-size: var(--sz-616);
}

.sz-617 {
  font-size: var(--sz-617);
}

.sz-618 {
  font-size: var(--sz-618);
}

.sz-619 {
  font-size: var(--sz-619);
}

.sz-620 {
  font-size: var(--sz-620);
}

.sz-621 {
  font-size: var(--sz-621);
}

.sz-622 {
  font-size: var(--sz-622);
}

.sz-623 {
  font-size: var(--sz-623);
}

.sz-624 {
  font-size: var(--sz-624);
}

.sz-625 {
  font-size: var(--sz-625);
}

.sz-626 {
  font-size: var(--sz-626);
}

.sz-627 {
  font-size: var(--sz-627);
}

.sz-628 {
  font-size: var(--sz-628);
}

.sz-629 {
  font-size: var(--sz-629);
}

.sz-630 {
  font-size: var(--sz-630);
}

.sz-631 {
  font-size: var(--sz-631);
}

.sz-632 {
  font-size: var(--sz-632);
}

.sz-633 {
  font-size: var(--sz-633);
}

.sz-634 {
  font-size: var(--sz-634);
}

.sz-635 {
  font-size: var(--sz-635);
}

.sz-636 {
  font-size: var(--sz-636);
}

.sz-637 {
  font-size: var(--sz-637);
}

.sz-638 {
  font-size: var(--sz-638);
}

.sz-639 {
  font-size: var(--sz-639);
}

.sz-640 {
  font-size: var(--sz-640);
}

.sz-641 {
  font-size: var(--sz-641);
}

.sz-642 {
  font-size: var(--sz-642);
}

.sz-643 {
  font-size: var(--sz-643);
}

.sz-644 {
  font-size: var(--sz-644);
}

.sz-645 {
  font-size: var(--sz-645);
}

.sz-646 {
  font-size: var(--sz-646);
}

.sz-647 {
  font-size: var(--sz-647);
}

.sz-648 {
  font-size: var(--sz-648);
}

.sz-649 {
  font-size: var(--sz-649);
}

.sz-650 {
  font-size: var(--sz-650);
}

.sz-651 {
  font-size: var(--sz-651);
}

.sz-652 {
  font-size: var(--sz-652);
}

.sz-653 {
  font-size: var(--sz-653);
}

.sz-654 {
  font-size: var(--sz-654);
}

.sz-655 {
  font-size: var(--sz-655);
}

.sz-656 {
  font-size: var(--sz-656);
}

.sz-657 {
  font-size: var(--sz-657);
}

.sz-658 {
  font-size: var(--sz-658);
}

.sz-659 {
  font-size: var(--sz-659);
}

.sz-660 {
  font-size: var(--sz-660);
}

.sz-661 {
  font-size: var(--sz-661);
}

.sz-662 {
  font-size: var(--sz-662);
}

.sz-663 {
  font-size: var(--sz-663);
}

.sz-664 {
  font-size: var(--sz-664);
}

.sz-665 {
  font-size: var(--sz-665);
}

.sz-666 {
  font-size: var(--sz-666);
}

.sz-667 {
  font-size: var(--sz-667);
}

.sz-668 {
  font-size: var(--sz-668);
}

.sz-669 {
  font-size: var(--sz-669);
}

.sz-670 {
  font-size: var(--sz-670);
}

.sz-671 {
  font-size: var(--sz-671);
}

.sz-672 {
  font-size: var(--sz-672);
}

.sz-673 {
  font-size: var(--sz-673);
}

.sz-674 {
  font-size: var(--sz-674);
}

.sz-675 {
  font-size: var(--sz-675);
}

.sz-676 {
  font-size: var(--sz-676);
}

.sz-677 {
  font-size: var(--sz-677);
}

.sz-678 {
  font-size: var(--sz-678);
}

.sz-679 {
  font-size: var(--sz-679);
}

.sz-680 {
  font-size: var(--sz-680);
}

.sz-681 {
  font-size: var(--sz-681);
}

.sz-682 {
  font-size: var(--sz-682);
}

.sz-683 {
  font-size: var(--sz-683);
}

.sz-684 {
  font-size: var(--sz-684);
}

.sz-685 {
  font-size: var(--sz-685);
}

.sz-686 {
  font-size: var(--sz-686);
}

.sz-687 {
  font-size: var(--sz-687);
}

.sz-688 {
  font-size: var(--sz-688);
}

.sz-689 {
  font-size: var(--sz-689);
}

.sz-690 {
  font-size: var(--sz-690);
}

.sz-691 {
  font-size: var(--sz-691);
}

.sz-692 {
  font-size: var(--sz-692);
}

.sz-693 {
  font-size: var(--sz-693);
}

.sz-694 {
  font-size: var(--sz-694);
}

.sz-695 {
  font-size: var(--sz-695);
}

.sz-696 {
  font-size: var(--sz-696);
}

.sz-697 {
  font-size: var(--sz-697);
}

.sz-698 {
  font-size: var(--sz-698);
}

.sz-699 {
  font-size: var(--sz-699);
}

.sz-700 {
  font-size: var(--sz-700);
}

.sz-701 {
  font-size: var(--sz-701);
}

.sz-702 {
  font-size: var(--sz-702);
}

.sz-703 {
  font-size: var(--sz-703);
}

.sz-704 {
  font-size: var(--sz-704);
}

.sz-705 {
  font-size: var(--sz-705);
}

.sz-706 {
  font-size: var(--sz-706);
}

.sz-707 {
  font-size: var(--sz-707);
}

.sz-708 {
  font-size: var(--sz-708);
}

.sz-709 {
  font-size: var(--sz-709);
}

.sz-710 {
  font-size: var(--sz-710);
}

.sz-711 {
  font-size: var(--sz-711);
}

.sz-712 {
  font-size: var(--sz-712);
}

.sz-713 {
  font-size: var(--sz-713);
}

.sz-714 {
  font-size: var(--sz-714);
}

.sz-715 {
  font-size: var(--sz-715);
}

.sz-716 {
  font-size: var(--sz-716);
}

.sz-717 {
  font-size: var(--sz-717);
}

.sz-718 {
  font-size: var(--sz-718);
}

.sz-719 {
  font-size: var(--sz-719);
}

.sz-720 {
  font-size: var(--sz-720);
}

.sz-721 {
  font-size: var(--sz-721);
}

.sz-722 {
  font-size: var(--sz-722);
}

.sz-723 {
  font-size: var(--sz-723);
}

.sz-724 {
  font-size: var(--sz-724);
}

.sz-725 {
  font-size: var(--sz-725);
}

.sz-726 {
  font-size: var(--sz-726);
}

.sz-727 {
  font-size: var(--sz-727);
}

.sz-728 {
  font-size: var(--sz-728);
}

.sz-729 {
  font-size: var(--sz-729);
}

.sz-730 {
  font-size: var(--sz-730);
}

.sz-731 {
  font-size: var(--sz-731);
}

.sz-732 {
  font-size: var(--sz-732);
}

.sz-733 {
  font-size: var(--sz-733);
}

.sz-734 {
  font-size: var(--sz-734);
}

.sz-735 {
  font-size: var(--sz-735);
}

.sz-736 {
  font-size: var(--sz-736);
}

.sz-737 {
  font-size: var(--sz-737);
}

.sz-738 {
  font-size: var(--sz-738);
}

.sz-739 {
  font-size: var(--sz-739);
}

.sz-740 {
  font-size: var(--sz-740);
}

.sz-741 {
  font-size: var(--sz-741);
}

.sz-742 {
  font-size: var(--sz-742);
}

.sz-743 {
  font-size: var(--sz-743);
}

.sz-744 {
  font-size: var(--sz-744);
}

.sz-745 {
  font-size: var(--sz-745);
}

.sz-746 {
  font-size: var(--sz-746);
}

.sz-747 {
  font-size: var(--sz-747);
}

.sz-748 {
  font-size: var(--sz-748);
}

.sz-749 {
  font-size: var(--sz-749);
}

.sz-750 {
  font-size: var(--sz-750);
}

.sz-751 {
  font-size: var(--sz-751);
}

.sz-752 {
  font-size: var(--sz-752);
}

.sz-753 {
  font-size: var(--sz-753);
}

.sz-754 {
  font-size: var(--sz-754);
}

.sz-755 {
  font-size: var(--sz-755);
}

.sz-756 {
  font-size: var(--sz-756);
}

.sz-757 {
  font-size: var(--sz-757);
}

.sz-758 {
  font-size: var(--sz-758);
}

.sz-759 {
  font-size: var(--sz-759);
}

.sz-760 {
  font-size: var(--sz-760);
}

.sz-761 {
  font-size: var(--sz-761);
}

.sz-762 {
  font-size: var(--sz-762);
}

.sz-763 {
  font-size: var(--sz-763);
}

.sz-764 {
  font-size: var(--sz-764);
}

.sz-765 {
  font-size: var(--sz-765);
}

.sz-766 {
  font-size: var(--sz-766);
}

.sz-767 {
  font-size: var(--sz-767);
}

.sz-768 {
  font-size: var(--sz-768);
}

.sz-769 {
  font-size: var(--sz-769);
}

.sz-770 {
  font-size: var(--sz-770);
}

.sz-771 {
  font-size: var(--sz-771);
}

.sz-772 {
  font-size: var(--sz-772);
}

.sz-773 {
  font-size: var(--sz-773);
}

.sz-774 {
  font-size: var(--sz-774);
}

.sz-775 {
  font-size: var(--sz-775);
}

.sz-776 {
  font-size: var(--sz-776);
}

.sz-777 {
  font-size: var(--sz-777);
}

.sz-778 {
  font-size: var(--sz-778);
}

.sz-779 {
  font-size: var(--sz-779);
}

.sz-780 {
  font-size: var(--sz-780);
}

.sz-781 {
  font-size: var(--sz-781);
}

.sz-782 {
  font-size: var(--sz-782);
}

.sz-783 {
  font-size: var(--sz-783);
}

.sz-784 {
  font-size: var(--sz-784);
}

.sz-785 {
  font-size: var(--sz-785);
}

.sz-786 {
  font-size: var(--sz-786);
}

.sz-787 {
  font-size: var(--sz-787);
}

.sz-788 {
  font-size: var(--sz-788);
}

.sz-789 {
  font-size: var(--sz-789);
}

.sz-790 {
  font-size: var(--sz-790);
}

.sz-791 {
  font-size: var(--sz-791);
}

.sz-792 {
  font-size: var(--sz-792);
}

.sz-793 {
  font-size: var(--sz-793);
}

.sz-794 {
  font-size: var(--sz-794);
}

.sz-795 {
  font-size: var(--sz-795);
}

.sz-796 {
  font-size: var(--sz-796);
}

.sz-797 {
  font-size: var(--sz-797);
}

.sz-798 {
  font-size: var(--sz-798);
}

.sz-799 {
  font-size: var(--sz-799);
}

.sz-800 {
  font-size: var(--sz-800);
}

.sz-801 {
  font-size: var(--sz-801);
}

.sz-802 {
  font-size: var(--sz-802);
}

.sz-803 {
  font-size: var(--sz-803);
}

.sz-804 {
  font-size: var(--sz-804);
}

.sz-805 {
  font-size: var(--sz-805);
}

.sz-806 {
  font-size: var(--sz-806);
}

.sz-807 {
  font-size: var(--sz-807);
}

.sz-808 {
  font-size: var(--sz-808);
}

.sz-809 {
  font-size: var(--sz-809);
}

.sz-810 {
  font-size: var(--sz-810);
}

.sz-811 {
  font-size: var(--sz-811);
}

.sz-812 {
  font-size: var(--sz-812);
}

.sz-813 {
  font-size: var(--sz-813);
}

.sz-814 {
  font-size: var(--sz-814);
}

.sz-815 {
  font-size: var(--sz-815);
}

.sz-816 {
  font-size: var(--sz-816);
}

.sz-817 {
  font-size: var(--sz-817);
}

.sz-818 {
  font-size: var(--sz-818);
}

.sz-819 {
  font-size: var(--sz-819);
}

.sz-820 {
  font-size: var(--sz-820);
}

.sz-821 {
  font-size: var(--sz-821);
}

.sz-822 {
  font-size: var(--sz-822);
}

.sz-823 {
  font-size: var(--sz-823);
}

.sz-824 {
  font-size: var(--sz-824);
}

.sz-825 {
  font-size: var(--sz-825);
}

.sz-826 {
  font-size: var(--sz-826);
}

.sz-827 {
  font-size: var(--sz-827);
}

.sz-828 {
  font-size: var(--sz-828);
}

.sz-829 {
  font-size: var(--sz-829);
}

.sz-830 {
  font-size: var(--sz-830);
}

.sz-831 {
  font-size: var(--sz-831);
}

.sz-832 {
  font-size: var(--sz-832);
}

.sz-833 {
  font-size: var(--sz-833);
}

.sz-834 {
  font-size: var(--sz-834);
}

.sz-835 {
  font-size: var(--sz-835);
}

.sz-836 {
  font-size: var(--sz-836);
}

.sz-837 {
  font-size: var(--sz-837);
}

.sz-838 {
  font-size: var(--sz-838);
}

.sz-839 {
  font-size: var(--sz-839);
}

.sz-840 {
  font-size: var(--sz-840);
}

.sz-841 {
  font-size: var(--sz-841);
}

.sz-842 {
  font-size: var(--sz-842);
}

.sz-843 {
  font-size: var(--sz-843);
}

.sz-844 {
  font-size: var(--sz-844);
}

.sz-845 {
  font-size: var(--sz-845);
}

.sz-846 {
  font-size: var(--sz-846);
}

.sz-847 {
  font-size: var(--sz-847);
}

.sz-848 {
  font-size: var(--sz-848);
}

.sz-849 {
  font-size: var(--sz-849);
}

.sz-850 {
  font-size: var(--sz-850);
}

.sz-851 {
  font-size: var(--sz-851);
}

.sz-852 {
  font-size: var(--sz-852);
}

.sz-853 {
  font-size: var(--sz-853);
}

.sz-854 {
  font-size: var(--sz-854);
}

.sz-855 {
  font-size: var(--sz-855);
}

.sz-856 {
  font-size: var(--sz-856);
}

.sz-857 {
  font-size: var(--sz-857);
}

.sz-858 {
  font-size: var(--sz-858);
}

.sz-859 {
  font-size: var(--sz-859);
}

.sz-860 {
  font-size: var(--sz-860);
}

.sz-861 {
  font-size: var(--sz-861);
}

.sz-862 {
  font-size: var(--sz-862);
}

.sz-863 {
  font-size: var(--sz-863);
}

.sz-864 {
  font-size: var(--sz-864);
}

.sz-865 {
  font-size: var(--sz-865);
}

.sz-866 {
  font-size: var(--sz-866);
}

.sz-867 {
  font-size: var(--sz-867);
}

.sz-868 {
  font-size: var(--sz-868);
}

.sz-869 {
  font-size: var(--sz-869);
}

.sz-870 {
  font-size: var(--sz-870);
}

.sz-871 {
  font-size: var(--sz-871);
}

.sz-872 {
  font-size: var(--sz-872);
}

.sz-873 {
  font-size: var(--sz-873);
}

.sz-874 {
  font-size: var(--sz-874);
}

.sz-875 {
  font-size: var(--sz-875);
}

.sz-876 {
  font-size: var(--sz-876);
}

.sz-877 {
  font-size: var(--sz-877);
}

.sz-878 {
  font-size: var(--sz-878);
}

.sz-879 {
  font-size: var(--sz-879);
}

.sz-880 {
  font-size: var(--sz-880);
}

.sz-881 {
  font-size: var(--sz-881);
}

.sz-882 {
  font-size: var(--sz-882);
}

.sz-883 {
  font-size: var(--sz-883);
}

.sz-884 {
  font-size: var(--sz-884);
}

.sz-885 {
  font-size: var(--sz-885);
}

.sz-886 {
  font-size: var(--sz-886);
}

.sz-887 {
  font-size: var(--sz-887);
}

.sz-888 {
  font-size: var(--sz-888);
}

.sz-889 {
  font-size: var(--sz-889);
}

.sz-890 {
  font-size: var(--sz-890);
}

.sz-891 {
  font-size: var(--sz-891);
}

.sz-892 {
  font-size: var(--sz-892);
}

.sz-893 {
  font-size: var(--sz-893);
}

.sz-894 {
  font-size: var(--sz-894);
}

.sz-895 {
  font-size: var(--sz-895);
}

.sz-896 {
  font-size: var(--sz-896);
}

.sz-897 {
  font-size: var(--sz-897);
}

.sz-898 {
  font-size: var(--sz-898);
}

.sz-899 {
  font-size: var(--sz-899);
}

.sz-900 {
  font-size: var(--sz-900);
}

.sz-901 {
  font-size: var(--sz-901);
}

.sz-902 {
  font-size: var(--sz-902);
}

.sz-903 {
  font-size: var(--sz-903);
}

.sz-904 {
  font-size: var(--sz-904);
}

.sz-905 {
  font-size: var(--sz-905);
}

.sz-906 {
  font-size: var(--sz-906);
}

.sz-907 {
  font-size: var(--sz-907);
}

.sz-908 {
  font-size: var(--sz-908);
}

.sz-909 {
  font-size: var(--sz-909);
}

.sz-910 {
  font-size: var(--sz-910);
}

.sz-911 {
  font-size: var(--sz-911);
}

.sz-912 {
  font-size: var(--sz-912);
}

.sz-913 {
  font-size: var(--sz-913);
}

.sz-914 {
  font-size: var(--sz-914);
}

.sz-915 {
  font-size: var(--sz-915);
}

.sz-916 {
  font-size: var(--sz-916);
}

.sz-917 {
  font-size: var(--sz-917);
}

.sz-918 {
  font-size: var(--sz-918);
}

.sz-919 {
  font-size: var(--sz-919);
}

.sz-920 {
  font-size: var(--sz-920);
}

.sz-921 {
  font-size: var(--sz-921);
}

.sz-922 {
  font-size: var(--sz-922);
}

.sz-923 {
  font-size: var(--sz-923);
}

.sz-924 {
  font-size: var(--sz-924);
}

.sz-925 {
  font-size: var(--sz-925);
}

.sz-926 {
  font-size: var(--sz-926);
}

.sz-927 {
  font-size: var(--sz-927);
}

.sz-928 {
  font-size: var(--sz-928);
}

.sz-929 {
  font-size: var(--sz-929);
}

.sz-930 {
  font-size: var(--sz-930);
}

.sz-931 {
  font-size: var(--sz-931);
}

.sz-932 {
  font-size: var(--sz-932);
}

.sz-933 {
  font-size: var(--sz-933);
}

.sz-934 {
  font-size: var(--sz-934);
}

.sz-935 {
  font-size: var(--sz-935);
}

.sz-936 {
  font-size: var(--sz-936);
}

.sz-937 {
  font-size: var(--sz-937);
}

.sz-938 {
  font-size: var(--sz-938);
}

.sz-939 {
  font-size: var(--sz-939);
}

.sz-940 {
  font-size: var(--sz-940);
}

.sz-941 {
  font-size: var(--sz-941);
}

.sz-942 {
  font-size: var(--sz-942);
}

.sz-943 {
  font-size: var(--sz-943);
}

.sz-944 {
  font-size: var(--sz-944);
}

.sz-945 {
  font-size: var(--sz-945);
}

.sz-946 {
  font-size: var(--sz-946);
}

.sz-947 {
  font-size: var(--sz-947);
}

.sz-948 {
  font-size: var(--sz-948);
}

.sz-949 {
  font-size: var(--sz-949);
}

.sz-950 {
  font-size: var(--sz-950);
}

.sz-951 {
  font-size: var(--sz-951);
}

.sz-952 {
  font-size: var(--sz-952);
}

.sz-953 {
  font-size: var(--sz-953);
}

.sz-954 {
  font-size: var(--sz-954);
}

.sz-955 {
  font-size: var(--sz-955);
}

.sz-956 {
  font-size: var(--sz-956);
}

.sz-957 {
  font-size: var(--sz-957);
}

.sz-958 {
  font-size: var(--sz-958);
}

.sz-959 {
  font-size: var(--sz-959);
}

.sz-960 {
  font-size: var(--sz-960);
}

.sz-961 {
  font-size: var(--sz-961);
}

.sz-962 {
  font-size: var(--sz-962);
}

.sz-963 {
  font-size: var(--sz-963);
}

.sz-964 {
  font-size: var(--sz-964);
}

.sz-965 {
  font-size: var(--sz-965);
}

.sz-966 {
  font-size: var(--sz-966);
}

.sz-967 {
  font-size: var(--sz-967);
}

.sz-968 {
  font-size: var(--sz-968);
}

.sz-969 {
  font-size: var(--sz-969);
}

.sz-970 {
  font-size: var(--sz-970);
}

.sz-971 {
  font-size: var(--sz-971);
}

.sz-972 {
  font-size: var(--sz-972);
}

.sz-973 {
  font-size: var(--sz-973);
}

.sz-974 {
  font-size: var(--sz-974);
}

.sz-975 {
  font-size: var(--sz-975);
}

.sz-976 {
  font-size: var(--sz-976);
}

.sz-977 {
  font-size: var(--sz-977);
}

.sz-978 {
  font-size: var(--sz-978);
}

.sz-979 {
  font-size: var(--sz-979);
}

.sz-980 {
  font-size: var(--sz-980);
}

.sz-981 {
  font-size: var(--sz-981);
}

.sz-982 {
  font-size: var(--sz-982);
}

.sz-983 {
  font-size: var(--sz-983);
}

.sz-984 {
  font-size: var(--sz-984);
}

.sz-985 {
  font-size: var(--sz-985);
}

.sz-986 {
  font-size: var(--sz-986);
}

.sz-987 {
  font-size: var(--sz-987);
}

.sz-988 {
  font-size: var(--sz-988);
}

.sz-989 {
  font-size: var(--sz-989);
}

.sz-990 {
  font-size: var(--sz-990);
}

.sz-991 {
  font-size: var(--sz-991);
}

.sz-992 {
  font-size: var(--sz-992);
}

.sz-993 {
  font-size: var(--sz-993);
}

.sz-994 {
  font-size: var(--sz-994);
}

.sz-995 {
  font-size: var(--sz-995);
}

.sz-996 {
  font-size: var(--sz-996);
}

.sz-997 {
  font-size: var(--sz-997);
}

.sz-998 {
  font-size: var(--sz-998);
}

.sz-999 {
  font-size: var(--sz-999);
}

.sz-1000 {
  font-size: var(--sz-1000);
}

.sz-1001 {
  font-size: var(--sz-1001);
}

.sz-1002 {
  font-size: var(--sz-1002);
}

.sz-1003 {
  font-size: var(--sz-1003);
}

.sz-1004 {
  font-size: var(--sz-1004);
}

.sz-1005 {
  font-size: var(--sz-1005);
}

.sz-1006 {
  font-size: var(--sz-1006);
}

.sz-1007 {
  font-size: var(--sz-1007);
}

.sz-1008 {
  font-size: var(--sz-1008);
}

.sz-1009 {
  font-size: var(--sz-1009);
}

.sz-1010 {
  font-size: var(--sz-1010);
}

.sz-1011 {
  font-size: var(--sz-1011);
}

.sz-1012 {
  font-size: var(--sz-1012);
}

.sz-1013 {
  font-size: var(--sz-1013);
}

.sz-1014 {
  font-size: var(--sz-1014);
}

.sz-1015 {
  font-size: var(--sz-1015);
}

.sz-1016 {
  font-size: var(--sz-1016);
}

.sz-1017 {
  font-size: var(--sz-1017);
}

.sz-1018 {
  font-size: var(--sz-1018);
}

.sz-1019 {
  font-size: var(--sz-1019);
}

.sz-1020 {
  font-size: var(--sz-1020);
}

.sz-1021 {
  font-size: var(--sz-1021);
}

.sz-1022 {
  font-size: var(--sz-1022);
}

.sz-1023 {
  font-size: var(--sz-1023);
}

.sz-1024 {
  font-size: var(--sz-1024);
}

.sz-1025 {
  font-size: var(--sz-1025);
}

.sz-1026 {
  font-size: var(--sz-1026);
}

.sz-1027 {
  font-size: var(--sz-1027);
}

.sz-1028 {
  font-size: var(--sz-1028);
}

.sz-1029 {
  font-size: var(--sz-1029);
}

.sz-1030 {
  font-size: var(--sz-1030);
}

.sz-1031 {
  font-size: var(--sz-1031);
}

.sz-1032 {
  font-size: var(--sz-1032);
}

.sz-1033 {
  font-size: var(--sz-1033);
}

.sz-1034 {
  font-size: var(--sz-1034);
}

.sz-1035 {
  font-size: var(--sz-1035);
}

.sz-1036 {
  font-size: var(--sz-1036);
}

.sz-1037 {
  font-size: var(--sz-1037);
}

.sz-1038 {
  font-size: var(--sz-1038);
}

.sz-1039 {
  font-size: var(--sz-1039);
}

.sz-1040 {
  font-size: var(--sz-1040);
}

.sz-1041 {
  font-size: var(--sz-1041);
}

.sz-1042 {
  font-size: var(--sz-1042);
}

.sz-1043 {
  font-size: var(--sz-1043);
}

.sz-1044 {
  font-size: var(--sz-1044);
}

.sz-1045 {
  font-size: var(--sz-1045);
}

.sz-1046 {
  font-size: var(--sz-1046);
}

.sz-1047 {
  font-size: var(--sz-1047);
}

.sz-1048 {
  font-size: var(--sz-1048);
}

.sz-1049 {
  font-size: var(--sz-1049);
}

.sz-1050 {
  font-size: var(--sz-1050);
}

.sz-1051 {
  font-size: var(--sz-1051);
}

.sz-1052 {
  font-size: var(--sz-1052);
}

.sz-1053 {
  font-size: var(--sz-1053);
}

.sz-1054 {
  font-size: var(--sz-1054);
}

.sz-1055 {
  font-size: var(--sz-1055);
}

.sz-1056 {
  font-size: var(--sz-1056);
}

.sz-1057 {
  font-size: var(--sz-1057);
}

.sz-1058 {
  font-size: var(--sz-1058);
}

.sz-1059 {
  font-size: var(--sz-1059);
}

.sz-1060 {
  font-size: var(--sz-1060);
}

.sz-1061 {
  font-size: var(--sz-1061);
}

.sz-1062 {
  font-size: var(--sz-1062);
}

.sz-1063 {
  font-size: var(--sz-1063);
}

.sz-1064 {
  font-size: var(--sz-1064);
}

.sz-1065 {
  font-size: var(--sz-1065);
}

.sz-1066 {
  font-size: var(--sz-1066);
}

.sz-1067 {
  font-size: var(--sz-1067);
}

.sz-1068 {
  font-size: var(--sz-1068);
}

.sz-1069 {
  font-size: var(--sz-1069);
}

.sz-1070 {
  font-size: var(--sz-1070);
}

.sz-1071 {
  font-size: var(--sz-1071);
}

.sz-1072 {
  font-size: var(--sz-1072);
}

.sz-1073 {
  font-size: var(--sz-1073);
}

.sz-1074 {
  font-size: var(--sz-1074);
}

.sz-1075 {
  font-size: var(--sz-1075);
}

.sz-1076 {
  font-size: var(--sz-1076);
}

.sz-1077 {
  font-size: var(--sz-1077);
}

.sz-1078 {
  font-size: var(--sz-1078);
}

.sz-1079 {
  font-size: var(--sz-1079);
}

.sz-1080 {
  font-size: var(--sz-1080);
}

.sz-1081 {
  font-size: var(--sz-1081);
}

.sz-1082 {
  font-size: var(--sz-1082);
}

.sz-1083 {
  font-size: var(--sz-1083);
}

.sz-1084 {
  font-size: var(--sz-1084);
}

.sz-1085 {
  font-size: var(--sz-1085);
}

.sz-1086 {
  font-size: var(--sz-1086);
}

.sz-1087 {
  font-size: var(--sz-1087);
}

.sz-1088 {
  font-size: var(--sz-1088);
}

.sz-1089 {
  font-size: var(--sz-1089);
}

.sz-1090 {
  font-size: var(--sz-1090);
}

.sz-1091 {
  font-size: var(--sz-1091);
}

.sz-1092 {
  font-size: var(--sz-1092);
}

.sz-1093 {
  font-size: var(--sz-1093);
}

.sz-1094 {
  font-size: var(--sz-1094);
}

.sz-1095 {
  font-size: var(--sz-1095);
}

.sz-1096 {
  font-size: var(--sz-1096);
}

.sz-1097 {
  font-size: var(--sz-1097);
}

.sz-1098 {
  font-size: var(--sz-1098);
}

.sz-1099 {
  font-size: var(--sz-1099);
}

.sz-1100 {
  font-size: var(--sz-1100);
}

.sz-1101 {
  font-size: var(--sz-1101);
}

.sz-1102 {
  font-size: var(--sz-1102);
}

.sz-1103 {
  font-size: var(--sz-1103);
}

.sz-1104 {
  font-size: var(--sz-1104);
}

.sz-1105 {
  font-size: var(--sz-1105);
}

.sz-1106 {
  font-size: var(--sz-1106);
}

.sz-1107 {
  font-size: var(--sz-1107);
}

.sz-1108 {
  font-size: var(--sz-1108);
}

.sz-1109 {
  font-size: var(--sz-1109);
}

.sz-1110 {
  font-size: var(--sz-1110);
}

.sz-1111 {
  font-size: var(--sz-1111);
}

.sz-1112 {
  font-size: var(--sz-1112);
}

.sz-1113 {
  font-size: var(--sz-1113);
}

.sz-1114 {
  font-size: var(--sz-1114);
}

.sz-1115 {
  font-size: var(--sz-1115);
}

.sz-1116 {
  font-size: var(--sz-1116);
}

.sz-1117 {
  font-size: var(--sz-1117);
}

.sz-1118 {
  font-size: var(--sz-1118);
}

.sz-1119 {
  font-size: var(--sz-1119);
}

.sz-1120 {
  font-size: var(--sz-1120);
}

.sz-1121 {
  font-size: var(--sz-1121);
}

.sz-1122 {
  font-size: var(--sz-1122);
}

.sz-1123 {
  font-size: var(--sz-1123);
}

.sz-1124 {
  font-size: var(--sz-1124);
}

.sz-1125 {
  font-size: var(--sz-1125);
}

.sz-1126 {
  font-size: var(--sz-1126);
}

.sz-1127 {
  font-size: var(--sz-1127);
}

.sz-1128 {
  font-size: var(--sz-1128);
}

.sz-1129 {
  font-size: var(--sz-1129);
}

.sz-1130 {
  font-size: var(--sz-1130);
}

.sz-1131 {
  font-size: var(--sz-1131);
}

.sz-1132 {
  font-size: var(--sz-1132);
}

.sz-1133 {
  font-size: var(--sz-1133);
}

.sz-1134 {
  font-size: var(--sz-1134);
}

.sz-1135 {
  font-size: var(--sz-1135);
}

.sz-1136 {
  font-size: var(--sz-1136);
}

.sz-1137 {
  font-size: var(--sz-1137);
}

.sz-1138 {
  font-size: var(--sz-1138);
}

.sz-1139 {
  font-size: var(--sz-1139);
}

.sz-1140 {
  font-size: var(--sz-1140);
}

.sz-1141 {
  font-size: var(--sz-1141);
}

.sz-1142 {
  font-size: var(--sz-1142);
}

.sz-1143 {
  font-size: var(--sz-1143);
}

.sz-1144 {
  font-size: var(--sz-1144);
}

.sz-1145 {
  font-size: var(--sz-1145);
}

.sz-1146 {
  font-size: var(--sz-1146);
}

.sz-1147 {
  font-size: var(--sz-1147);
}

.sz-1148 {
  font-size: var(--sz-1148);
}

.sz-1149 {
  font-size: var(--sz-1149);
}

.sz-1150 {
  font-size: var(--sz-1150);
}

.sz-1151 {
  font-size: var(--sz-1151);
}

.sz-1152 {
  font-size: var(--sz-1152);
}

.sz-1153 {
  font-size: var(--sz-1153);
}

.sz-1154 {
  font-size: var(--sz-1154);
}

.sz-1155 {
  font-size: var(--sz-1155);
}

.sz-1156 {
  font-size: var(--sz-1156);
}

.sz-1157 {
  font-size: var(--sz-1157);
}

.sz-1158 {
  font-size: var(--sz-1158);
}

.sz-1159 {
  font-size: var(--sz-1159);
}

.sz-1160 {
  font-size: var(--sz-1160);
}

.sz-1161 {
  font-size: var(--sz-1161);
}

.sz-1162 {
  font-size: var(--sz-1162);
}

.sz-1163 {
  font-size: var(--sz-1163);
}

.sz-1164 {
  font-size: var(--sz-1164);
}

.sz-1165 {
  font-size: var(--sz-1165);
}

.sz-1166 {
  font-size: var(--sz-1166);
}

.sz-1167 {
  font-size: var(--sz-1167);
}

.sz-1168 {
  font-size: var(--sz-1168);
}

.sz-1169 {
  font-size: var(--sz-1169);
}

.sz-1170 {
  font-size: var(--sz-1170);
}

.sz-1171 {
  font-size: var(--sz-1171);
}

.sz-1172 {
  font-size: var(--sz-1172);
}

.sz-1173 {
  font-size: var(--sz-1173);
}

.sz-1174 {
  font-size: var(--sz-1174);
}

.sz-1175 {
  font-size: var(--sz-1175);
}

.sz-1176 {
  font-size: var(--sz-1176);
}

.sz-1177 {
  font-size: var(--sz-1177);
}

.sz-1178 {
  font-size: var(--sz-1178);
}

.sz-1179 {
  font-size: var(--sz-1179);
}

.sz-1180 {
  font-size: var(--sz-1180);
}

.sz-1181 {
  font-size: var(--sz-1181);
}

.sz-1182 {
  font-size: var(--sz-1182);
}

.sz-1183 {
  font-size: var(--sz-1183);
}

.sz-1184 {
  font-size: var(--sz-1184);
}

.sz-1185 {
  font-size: var(--sz-1185);
}

.sz-1186 {
  font-size: var(--sz-1186);
}

.sz-1187 {
  font-size: var(--sz-1187);
}

.sz-1188 {
  font-size: var(--sz-1188);
}

.sz-1189 {
  font-size: var(--sz-1189);
}

.sz-1190 {
  font-size: var(--sz-1190);
}

.sz-1191 {
  font-size: var(--sz-1191);
}

.sz-1192 {
  font-size: var(--sz-1192);
}

.sz-1193 {
  font-size: var(--sz-1193);
}

.sz-1194 {
  font-size: var(--sz-1194);
}

.sz-1195 {
  font-size: var(--sz-1195);
}

.sz-1196 {
  font-size: var(--sz-1196);
}

.sz-1197 {
  font-size: var(--sz-1197);
}

.sz-1198 {
  font-size: var(--sz-1198);
}

.sz-1199 {
  font-size: var(--sz-1199);
}

.sz-1200 {
  font-size: var(--sz-1200);
}

.sz-1201 {
  font-size: var(--sz-1201);
}

.sz-1202 {
  font-size: var(--sz-1202);
}

.sz-1203 {
  font-size: var(--sz-1203);
}

.sz-1204 {
  font-size: var(--sz-1204);
}

.sz-1205 {
  font-size: var(--sz-1205);
}

.sz-1206 {
  font-size: var(--sz-1206);
}

.sz-1207 {
  font-size: var(--sz-1207);
}

.sz-1208 {
  font-size: var(--sz-1208);
}

.sz-1209 {
  font-size: var(--sz-1209);
}

.sz-1210 {
  font-size: var(--sz-1210);
}

.sz-1211 {
  font-size: var(--sz-1211);
}

.sz-1212 {
  font-size: var(--sz-1212);
}

.sz-1213 {
  font-size: var(--sz-1213);
}

.sz-1214 {
  font-size: var(--sz-1214);
}

.sz-1215 {
  font-size: var(--sz-1215);
}

.sz-1216 {
  font-size: var(--sz-1216);
}

.sz-1217 {
  font-size: var(--sz-1217);
}

.sz-1218 {
  font-size: var(--sz-1218);
}

.sz-1219 {
  font-size: var(--sz-1219);
}

.sz-1220 {
  font-size: var(--sz-1220);
}

.sz-1221 {
  font-size: var(--sz-1221);
}

.sz-1222 {
  font-size: var(--sz-1222);
}

.sz-1223 {
  font-size: var(--sz-1223);
}

.sz-1224 {
  font-size: var(--sz-1224);
}

.sz-1225 {
  font-size: var(--sz-1225);
}

.sz-1226 {
  font-size: var(--sz-1226);
}

.sz-1227 {
  font-size: var(--sz-1227);
}

.sz-1228 {
  font-size: var(--sz-1228);
}

.sz-1229 {
  font-size: var(--sz-1229);
}

.sz-1230 {
  font-size: var(--sz-1230);
}

.sz-1231 {
  font-size: var(--sz-1231);
}

.sz-1232 {
  font-size: var(--sz-1232);
}

.sz-1233 {
  font-size: var(--sz-1233);
}

.sz-1234 {
  font-size: var(--sz-1234);
}

.sz-1235 {
  font-size: var(--sz-1235);
}

.sz-1236 {
  font-size: var(--sz-1236);
}

.sz-1237 {
  font-size: var(--sz-1237);
}

.sz-1238 {
  font-size: var(--sz-1238);
}

.sz-1239 {
  font-size: var(--sz-1239);
}

.sz-1240 {
  font-size: var(--sz-1240);
}

.sz-1241 {
  font-size: var(--sz-1241);
}

.sz-1242 {
  font-size: var(--sz-1242);
}

.sz-1243 {
  font-size: var(--sz-1243);
}

.sz-1244 {
  font-size: var(--sz-1244);
}

.sz-1245 {
  font-size: var(--sz-1245);
}

.sz-1246 {
  font-size: var(--sz-1246);
}

.sz-1247 {
  font-size: var(--sz-1247);
}

.sz-1248 {
  font-size: var(--sz-1248);
}

.sz-1249 {
  font-size: var(--sz-1249);
}

.sz-1250 {
  font-size: var(--sz-1250);
}

.sz-1251 {
  font-size: var(--sz-1251);
}

.sz-1252 {
  font-size: var(--sz-1252);
}

.sz-1253 {
  font-size: var(--sz-1253);
}

.sz-1254 {
  font-size: var(--sz-1254);
}

.sz-1255 {
  font-size: var(--sz-1255);
}

.sz-1256 {
  font-size: var(--sz-1256);
}

.sz-1257 {
  font-size: var(--sz-1257);
}

.sz-1258 {
  font-size: var(--sz-1258);
}

.sz-1259 {
  font-size: var(--sz-1259);
}

.sz-1260 {
  font-size: var(--sz-1260);
}

.sz-1261 {
  font-size: var(--sz-1261);
}

.sz-1262 {
  font-size: var(--sz-1262);
}

.sz-1263 {
  font-size: var(--sz-1263);
}

.sz-1264 {
  font-size: var(--sz-1264);
}

.sz-1265 {
  font-size: var(--sz-1265);
}

.sz-1266 {
  font-size: var(--sz-1266);
}

.sz-1267 {
  font-size: var(--sz-1267);
}

.sz-1268 {
  font-size: var(--sz-1268);
}

.sz-1269 {
  font-size: var(--sz-1269);
}

.sz-1270 {
  font-size: var(--sz-1270);
}

.sz-1271 {
  font-size: var(--sz-1271);
}

.sz-1272 {
  font-size: var(--sz-1272);
}

.sz-1273 {
  font-size: var(--sz-1273);
}

.sz-1274 {
  font-size: var(--sz-1274);
}

.sz-1275 {
  font-size: var(--sz-1275);
}

.sz-1276 {
  font-size: var(--sz-1276);
}

.sz-1277 {
  font-size: var(--sz-1277);
}

.sz-1278 {
  font-size: var(--sz-1278);
}

.sz-1279 {
  font-size: var(--sz-1279);
}

.sz-1280 {
  font-size: var(--sz-1280);
}

.sz-1281 {
  font-size: var(--sz-1281);
}

.sz-1282 {
  font-size: var(--sz-1282);
}

.sz-1283 {
  font-size: var(--sz-1283);
}

.sz-1284 {
  font-size: var(--sz-1284);
}

.sz-1285 {
  font-size: var(--sz-1285);
}

.sz-1286 {
  font-size: var(--sz-1286);
}

.sz-1287 {
  font-size: var(--sz-1287);
}

.sz-1288 {
  font-size: var(--sz-1288);
}

.sz-1289 {
  font-size: var(--sz-1289);
}

.sz-1290 {
  font-size: var(--sz-1290);
}

.sz-1291 {
  font-size: var(--sz-1291);
}

.sz-1292 {
  font-size: var(--sz-1292);
}

.sz-1293 {
  font-size: var(--sz-1293);
}

.sz-1294 {
  font-size: var(--sz-1294);
}

.sz-1295 {
  font-size: var(--sz-1295);
}

.sz-1296 {
  font-size: var(--sz-1296);
}

.sz-1297 {
  font-size: var(--sz-1297);
}

.sz-1298 {
  font-size: var(--sz-1298);
}

.sz-1299 {
  font-size: var(--sz-1299);
}

.sz-1300 {
  font-size: var(--sz-1300);
}

.sz-1301 {
  font-size: var(--sz-1301);
}

.sz-1302 {
  font-size: var(--sz-1302);
}

.sz-1303 {
  font-size: var(--sz-1303);
}

.sz-1304 {
  font-size: var(--sz-1304);
}

.sz-1305 {
  font-size: var(--sz-1305);
}

.sz-1306 {
  font-size: var(--sz-1306);
}

.sz-1307 {
  font-size: var(--sz-1307);
}

.sz-1308 {
  font-size: var(--sz-1308);
}

.sz-1309 {
  font-size: var(--sz-1309);
}

.sz-1310 {
  font-size: var(--sz-1310);
}

.sz-1311 {
  font-size: var(--sz-1311);
}

.sz-1312 {
  font-size: var(--sz-1312);
}

.sz-1313 {
  font-size: var(--sz-1313);
}

.sz-1314 {
  font-size: var(--sz-1314);
}

.sz-1315 {
  font-size: var(--sz-1315);
}

.sz-1316 {
  font-size: var(--sz-1316);
}

.sz-1317 {
  font-size: var(--sz-1317);
}

.sz-1318 {
  font-size: var(--sz-1318);
}

.sz-1319 {
  font-size: var(--sz-1319);
}

.sz-1320 {
  font-size: var(--sz-1320);
}

.sz-1321 {
  font-size: var(--sz-1321);
}

.sz-1322 {
  font-size: var(--sz-1322);
}

.sz-1323 {
  font-size: var(--sz-1323);
}

.sz-1324 {
  font-size: var(--sz-1324);
}

.sz-1325 {
  font-size: var(--sz-1325);
}

.sz-1326 {
  font-size: var(--sz-1326);
}

.sz-1327 {
  font-size: var(--sz-1327);
}

.sz-1328 {
  font-size: var(--sz-1328);
}

.sz-1329 {
  font-size: var(--sz-1329);
}

.sz-1330 {
  font-size: var(--sz-1330);
}

.sz-1331 {
  font-size: var(--sz-1331);
}

.sz-1332 {
  font-size: var(--sz-1332);
}

.sz-1333 {
  font-size: var(--sz-1333);
}

.sz-1334 {
  font-size: var(--sz-1334);
}

.sz-1335 {
  font-size: var(--sz-1335);
}

.sz-1336 {
  font-size: var(--sz-1336);
}

.sz-1337 {
  font-size: var(--sz-1337);
}

.sz-1338 {
  font-size: var(--sz-1338);
}

.sz-1339 {
  font-size: var(--sz-1339);
}

.sz-1340 {
  font-size: var(--sz-1340);
}

.sz-1341 {
  font-size: var(--sz-1341);
}

.sz-1342 {
  font-size: var(--sz-1342);
}

.sz-1343 {
  font-size: var(--sz-1343);
}

.sz-1344 {
  font-size: var(--sz-1344);
}

.sz-1345 {
  font-size: var(--sz-1345);
}

.sz-1346 {
  font-size: var(--sz-1346);
}

.sz-1347 {
  font-size: var(--sz-1347);
}

.sz-1348 {
  font-size: var(--sz-1348);
}

.sz-1349 {
  font-size: var(--sz-1349);
}

.sz-1350 {
  font-size: var(--sz-1350);
}

.sz-1351 {
  font-size: var(--sz-1351);
}

.sz-1352 {
  font-size: var(--sz-1352);
}

.sz-1353 {
  font-size: var(--sz-1353);
}

.sz-1354 {
  font-size: var(--sz-1354);
}

.sz-1355 {
  font-size: var(--sz-1355);
}

.sz-1356 {
  font-size: var(--sz-1356);
}

.sz-1357 {
  font-size: var(--sz-1357);
}

.sz-1358 {
  font-size: var(--sz-1358);
}

.sz-1359 {
  font-size: var(--sz-1359);
}

.sz-1360 {
  font-size: var(--sz-1360);
}

.sz-1361 {
  font-size: var(--sz-1361);
}

.sz-1362 {
  font-size: var(--sz-1362);
}

.sz-1363 {
  font-size: var(--sz-1363);
}

.sz-1364 {
  font-size: var(--sz-1364);
}

.sz-1365 {
  font-size: var(--sz-1365);
}

.sz-1366 {
  font-size: var(--sz-1366);
}

.sz-1367 {
  font-size: var(--sz-1367);
}

.sz-1368 {
  font-size: var(--sz-1368);
}

.sz-1369 {
  font-size: var(--sz-1369);
}

.sz-1370 {
  font-size: var(--sz-1370);
}

.sz-1371 {
  font-size: var(--sz-1371);
}

.sz-1372 {
  font-size: var(--sz-1372);
}

.sz-1373 {
  font-size: var(--sz-1373);
}

.sz-1374 {
  font-size: var(--sz-1374);
}

.sz-1375 {
  font-size: var(--sz-1375);
}

.sz-1376 {
  font-size: var(--sz-1376);
}

.sz-1377 {
  font-size: var(--sz-1377);
}

.sz-1378 {
  font-size: var(--sz-1378);
}

.sz-1379 {
  font-size: var(--sz-1379);
}

.sz-1380 {
  font-size: var(--sz-1380);
}

.sz-1381 {
  font-size: var(--sz-1381);
}

.sz-1382 {
  font-size: var(--sz-1382);
}

.sz-1383 {
  font-size: var(--sz-1383);
}

.sz-1384 {
  font-size: var(--sz-1384);
}

.sz-1385 {
  font-size: var(--sz-1385);
}

.sz-1386 {
  font-size: var(--sz-1386);
}

.sz-1387 {
  font-size: var(--sz-1387);
}

.sz-1388 {
  font-size: var(--sz-1388);
}

.sz-1389 {
  font-size: var(--sz-1389);
}

.sz-1390 {
  font-size: var(--sz-1390);
}

.sz-1391 {
  font-size: var(--sz-1391);
}

.sz-1392 {
  font-size: var(--sz-1392);
}

.sz-1393 {
  font-size: var(--sz-1393);
}

.sz-1394 {
  font-size: var(--sz-1394);
}

.sz-1395 {
  font-size: var(--sz-1395);
}

.sz-1396 {
  font-size: var(--sz-1396);
}

.sz-1397 {
  font-size: var(--sz-1397);
}

.sz-1398 {
  font-size: var(--sz-1398);
}

.sz-1399 {
  font-size: var(--sz-1399);
}

.sz-1400 {
  font-size: var(--sz-1400);
}

.sz-1401 {
  font-size: var(--sz-1401);
}

.sz-1402 {
  font-size: var(--sz-1402);
}

.sz-1403 {
  font-size: var(--sz-1403);
}

.sz-1404 {
  font-size: var(--sz-1404);
}

.sz-1405 {
  font-size: var(--sz-1405);
}

.sz-1406 {
  font-size: var(--sz-1406);
}

.sz-1407 {
  font-size: var(--sz-1407);
}

.sz-1408 {
  font-size: var(--sz-1408);
}

.sz-1409 {
  font-size: var(--sz-1409);
}

.sz-1410 {
  font-size: var(--sz-1410);
}

.sz-1411 {
  font-size: var(--sz-1411);
}

.sz-1412 {
  font-size: var(--sz-1412);
}

.sz-1413 {
  font-size: var(--sz-1413);
}

.sz-1414 {
  font-size: var(--sz-1414);
}

.sz-1415 {
  font-size: var(--sz-1415);
}

.sz-1416 {
  font-size: var(--sz-1416);
}

.sz-1417 {
  font-size: var(--sz-1417);
}

.sz-1418 {
  font-size: var(--sz-1418);
}

.sz-1419 {
  font-size: var(--sz-1419);
}

.sz-1420 {
  font-size: var(--sz-1420);
}

.sz-1421 {
  font-size: var(--sz-1421);
}

.sz-1422 {
  font-size: var(--sz-1422);
}

.sz-1423 {
  font-size: var(--sz-1423);
}

.sz-1424 {
  font-size: var(--sz-1424);
}

.sz-1425 {
  font-size: var(--sz-1425);
}

.sz-1426 {
  font-size: var(--sz-1426);
}

.sz-1427 {
  font-size: var(--sz-1427);
}

.sz-1428 {
  font-size: var(--sz-1428);
}

.sz-1429 {
  font-size: var(--sz-1429);
}

.sz-1430 {
  font-size: var(--sz-1430);
}

.sz-1431 {
  font-size: var(--sz-1431);
}

.sz-1432 {
  font-size: var(--sz-1432);
}

.sz-1433 {
  font-size: var(--sz-1433);
}

.sz-1434 {
  font-size: var(--sz-1434);
}

.sz-1435 {
  font-size: var(--sz-1435);
}

.sz-1436 {
  font-size: var(--sz-1436);
}

.sz-1437 {
  font-size: var(--sz-1437);
}

.sz-1438 {
  font-size: var(--sz-1438);
}

.sz-1439 {
  font-size: var(--sz-1439);
}

.sz-1440 {
  font-size: var(--sz-1440);
}

.sz-1441 {
  font-size: var(--sz-1441);
}

.sz-1442 {
  font-size: var(--sz-1442);
}

.sz-1443 {
  font-size: var(--sz-1443);
}

.sz-1444 {
  font-size: var(--sz-1444);
}

.sz-1445 {
  font-size: var(--sz-1445);
}

.sz-1446 {
  font-size: var(--sz-1446);
}

.sz-1447 {
  font-size: var(--sz-1447);
}

.sz-1448 {
  font-size: var(--sz-1448);
}

.sz-1449 {
  font-size: var(--sz-1449);
}

.sz-1450 {
  font-size: var(--sz-1450);
}

.sz-1451 {
  font-size: var(--sz-1451);
}

.sz-1452 {
  font-size: var(--sz-1452);
}

.sz-1453 {
  font-size: var(--sz-1453);
}

.sz-1454 {
  font-size: var(--sz-1454);
}

.sz-1455 {
  font-size: var(--sz-1455);
}

.sz-1456 {
  font-size: var(--sz-1456);
}

.sz-1457 {
  font-size: var(--sz-1457);
}

.sz-1458 {
  font-size: var(--sz-1458);
}

.sz-1459 {
  font-size: var(--sz-1459);
}

.sz-1460 {
  font-size: var(--sz-1460);
}

.sz-1461 {
  font-size: var(--sz-1461);
}

.sz-1462 {
  font-size: var(--sz-1462);
}

.sz-1463 {
  font-size: var(--sz-1463);
}

.sz-1464 {
  font-size: var(--sz-1464);
}

.sz-1465 {
  font-size: var(--sz-1465);
}

.sz-1466 {
  font-size: var(--sz-1466);
}

.sz-1467 {
  font-size: var(--sz-1467);
}

.sz-1468 {
  font-size: var(--sz-1468);
}

.sz-1469 {
  font-size: var(--sz-1469);
}

.sz-1470 {
  font-size: var(--sz-1470);
}

.sz-1471 {
  font-size: var(--sz-1471);
}

.sz-1472 {
  font-size: var(--sz-1472);
}

.sz-1473 {
  font-size: var(--sz-1473);
}

.sz-1474 {
  font-size: var(--sz-1474);
}

.sz-1475 {
  font-size: var(--sz-1475);
}

.sz-1476 {
  font-size: var(--sz-1476);
}

.sz-1477 {
  font-size: var(--sz-1477);
}

.sz-1478 {
  font-size: var(--sz-1478);
}

.sz-1479 {
  font-size: var(--sz-1479);
}

.sz-1480 {
  font-size: var(--sz-1480);
}

.sz-1481 {
  font-size: var(--sz-1481);
}

.sz-1482 {
  font-size: var(--sz-1482);
}

.sz-1483 {
  font-size: var(--sz-1483);
}

.sz-1484 {
  font-size: var(--sz-1484);
}

.sz-1485 {
  font-size: var(--sz-1485);
}

.sz-1486 {
  font-size: var(--sz-1486);
}

.sz-1487 {
  font-size: var(--sz-1487);
}

.sz-1488 {
  font-size: var(--sz-1488);
}

.sz-1489 {
  font-size: var(--sz-1489);
}

.sz-1490 {
  font-size: var(--sz-1490);
}

.sz-1491 {
  font-size: var(--sz-1491);
}

.sz-1492 {
  font-size: var(--sz-1492);
}

.sz-1493 {
  font-size: var(--sz-1493);
}

.sz-1494 {
  font-size: var(--sz-1494);
}

.sz-1495 {
  font-size: var(--sz-1495);
}

.sz-1496 {
  font-size: var(--sz-1496);
}

.sz-1497 {
  font-size: var(--sz-1497);
}

.sz-1498 {
  font-size: var(--sz-1498);
}

.sz-1499 {
  font-size: var(--sz-1499);
}

.sz-1500 {
  font-size: var(--sz-1500);
}

.sz-1501 {
  font-size: var(--sz-1501);
}

.sz-1502 {
  font-size: var(--sz-1502);
}

.sz-1503 {
  font-size: var(--sz-1503);
}

.sz-1504 {
  font-size: var(--sz-1504);
}

.sz-1505 {
  font-size: var(--sz-1505);
}

.sz-1506 {
  font-size: var(--sz-1506);
}

.sz-1507 {
  font-size: var(--sz-1507);
}

.sz-1508 {
  font-size: var(--sz-1508);
}

.sz-1509 {
  font-size: var(--sz-1509);
}

.sz-1510 {
  font-size: var(--sz-1510);
}

.sz-1511 {
  font-size: var(--sz-1511);
}

.sz-1512 {
  font-size: var(--sz-1512);
}

.sz-1513 {
  font-size: var(--sz-1513);
}

.sz-1514 {
  font-size: var(--sz-1514);
}

.sz-1515 {
  font-size: var(--sz-1515);
}

.sz-1516 {
  font-size: var(--sz-1516);
}

.sz-1517 {
  font-size: var(--sz-1517);
}

.sz-1518 {
  font-size: var(--sz-1518);
}

.sz-1519 {
  font-size: var(--sz-1519);
}

.sz-1520 {
  font-size: var(--sz-1520);
}

.sz-1521 {
  font-size: var(--sz-1521);
}

.sz-1522 {
  font-size: var(--sz-1522);
}

.sz-1523 {
  font-size: var(--sz-1523);
}

.sz-1524 {
  font-size: var(--sz-1524);
}

.sz-1525 {
  font-size: var(--sz-1525);
}

.sz-1526 {
  font-size: var(--sz-1526);
}

.sz-1527 {
  font-size: var(--sz-1527);
}

.sz-1528 {
  font-size: var(--sz-1528);
}

.sz-1529 {
  font-size: var(--sz-1529);
}

.sz-1530 {
  font-size: var(--sz-1530);
}

.sz-1531 {
  font-size: var(--sz-1531);
}

.sz-1532 {
  font-size: var(--sz-1532);
}

.sz-1533 {
  font-size: var(--sz-1533);
}

.sz-1534 {
  font-size: var(--sz-1534);
}

.sz-1535 {
  font-size: var(--sz-1535);
}

.sz-1536 {
  font-size: var(--sz-1536);
}

.sz-1537 {
  font-size: var(--sz-1537);
}

.sz-1538 {
  font-size: var(--sz-1538);
}

.sz-1539 {
  font-size: var(--sz-1539);
}

.sz-1540 {
  font-size: var(--sz-1540);
}

.sz-1541 {
  font-size: var(--sz-1541);
}

.sz-1542 {
  font-size: var(--sz-1542);
}

.sz-1543 {
  font-size: var(--sz-1543);
}

.sz-1544 {
  font-size: var(--sz-1544);
}

.sz-1545 {
  font-size: var(--sz-1545);
}

.sz-1546 {
  font-size: var(--sz-1546);
}

.sz-1547 {
  font-size: var(--sz-1547);
}

.sz-1548 {
  font-size: var(--sz-1548);
}

.sz-1549 {
  font-size: var(--sz-1549);
}

.sz-1550 {
  font-size: var(--sz-1550);
}

.sz-1551 {
  font-size: var(--sz-1551);
}

.sz-1552 {
  font-size: var(--sz-1552);
}

.sz-1553 {
  font-size: var(--sz-1553);
}

.sz-1554 {
  font-size: var(--sz-1554);
}

.sz-1555 {
  font-size: var(--sz-1555);
}

.sz-1556 {
  font-size: var(--sz-1556);
}

.sz-1557 {
  font-size: var(--sz-1557);
}

.sz-1558 {
  font-size: var(--sz-1558);
}

.sz-1559 {
  font-size: var(--sz-1559);
}

.sz-1560 {
  font-size: var(--sz-1560);
}

.sz-1561 {
  font-size: var(--sz-1561);
}

.sz-1562 {
  font-size: var(--sz-1562);
}

.sz-1563 {
  font-size: var(--sz-1563);
}

.sz-1564 {
  font-size: var(--sz-1564);
}

.sz-1565 {
  font-size: var(--sz-1565);
}

.sz-1566 {
  font-size: var(--sz-1566);
}

.sz-1567 {
  font-size: var(--sz-1567);
}

.sz-1568 {
  font-size: var(--sz-1568);
}

.sz-1569 {
  font-size: var(--sz-1569);
}

.sz-1570 {
  font-size: var(--sz-1570);
}

.sz-1571 {
  font-size: var(--sz-1571);
}

.sz-1572 {
  font-size: var(--sz-1572);
}

.sz-1573 {
  font-size: var(--sz-1573);
}

.sz-1574 {
  font-size: var(--sz-1574);
}

.sz-1575 {
  font-size: var(--sz-1575);
}

.sz-1576 {
  font-size: var(--sz-1576);
}

.sz-1577 {
  font-size: var(--sz-1577);
}

.sz-1578 {
  font-size: var(--sz-1578);
}

.sz-1579 {
  font-size: var(--sz-1579);
}

.sz-1580 {
  font-size: var(--sz-1580);
}

.sz-1581 {
  font-size: var(--sz-1581);
}

.sz-1582 {
  font-size: var(--sz-1582);
}

.sz-1583 {
  font-size: var(--sz-1583);
}

.sz-1584 {
  font-size: var(--sz-1584);
}

.sz-1585 {
  font-size: var(--sz-1585);
}

.sz-1586 {
  font-size: var(--sz-1586);
}

.sz-1587 {
  font-size: var(--sz-1587);
}

.sz-1588 {
  font-size: var(--sz-1588);
}

.sz-1589 {
  font-size: var(--sz-1589);
}

.sz-1590 {
  font-size: var(--sz-1590);
}

.sz-1591 {
  font-size: var(--sz-1591);
}

.sz-1592 {
  font-size: var(--sz-1592);
}

.sz-1593 {
  font-size: var(--sz-1593);
}

.sz-1594 {
  font-size: var(--sz-1594);
}

.sz-1595 {
  font-size: var(--sz-1595);
}

.sz-1596 {
  font-size: var(--sz-1596);
}

.sz-1597 {
  font-size: var(--sz-1597);
}

.sz-1598 {
  font-size: var(--sz-1598);
}

.sz-1599 {
  font-size: var(--sz-1599);
}

.sz-1600 {
  font-size: var(--sz-1600);
}

.sz-1601 {
  font-size: var(--sz-1601);
}

.sz-1602 {
  font-size: var(--sz-1602);
}

.sz-1603 {
  font-size: var(--sz-1603);
}

.sz-1604 {
  font-size: var(--sz-1604);
}

.sz-1605 {
  font-size: var(--sz-1605);
}

.sz-1606 {
  font-size: var(--sz-1606);
}

.sz-1607 {
  font-size: var(--sz-1607);
}

.sz-1608 {
  font-size: var(--sz-1608);
}

.sz-1609 {
  font-size: var(--sz-1609);
}

.sz-1610 {
  font-size: var(--sz-1610);
}

.sz-1611 {
  font-size: var(--sz-1611);
}

.sz-1612 {
  font-size: var(--sz-1612);
}

.sz-1613 {
  font-size: var(--sz-1613);
}

.sz-1614 {
  font-size: var(--sz-1614);
}

.sz-1615 {
  font-size: var(--sz-1615);
}

.sz-1616 {
  font-size: var(--sz-1616);
}

.sz-1617 {
  font-size: var(--sz-1617);
}

.sz-1618 {
  font-size: var(--sz-1618);
}

.sz-1619 {
  font-size: var(--sz-1619);
}

.sz-1620 {
  font-size: var(--sz-1620);
}

.sz-1621 {
  font-size: var(--sz-1621);
}

.sz-1622 {
  font-size: var(--sz-1622);
}

.sz-1623 {
  font-size: var(--sz-1623);
}

.sz-1624 {
  font-size: var(--sz-1624);
}

.sz-1625 {
  font-size: var(--sz-1625);
}

.sz-1626 {
  font-size: var(--sz-1626);
}

.sz-1627 {
  font-size: var(--sz-1627);
}

.sz-1628 {
  font-size: var(--sz-1628);
}

.sz-1629 {
  font-size: var(--sz-1629);
}

.sz-1630 {
  font-size: var(--sz-1630);
}

.sz-1631 {
  font-size: var(--sz-1631);
}

.sz-1632 {
  font-size: var(--sz-1632);
}

.sz-1633 {
  font-size: var(--sz-1633);
}

.sz-1634 {
  font-size: var(--sz-1634);
}

.sz-1635 {
  font-size: var(--sz-1635);
}

.sz-1636 {
  font-size: var(--sz-1636);
}

.sz-1637 {
  font-size: var(--sz-1637);
}

.sz-1638 {
  font-size: var(--sz-1638);
}

.sz-1639 {
  font-size: var(--sz-1639);
}

.sz-1640 {
  font-size: var(--sz-1640);
}

.sz-1641 {
  font-size: var(--sz-1641);
}

.sz-1642 {
  font-size: var(--sz-1642);
}

.sz-1643 {
  font-size: var(--sz-1643);
}

.sz-1644 {
  font-size: var(--sz-1644);
}

.sz-1645 {
  font-size: var(--sz-1645);
}

.sz-1646 {
  font-size: var(--sz-1646);
}

.sz-1647 {
  font-size: var(--sz-1647);
}

.sz-1648 {
  font-size: var(--sz-1648);
}

.sz-1649 {
  font-size: var(--sz-1649);
}

.sz-1650 {
  font-size: var(--sz-1650);
}

.sz-1651 {
  font-size: var(--sz-1651);
}

.sz-1652 {
  font-size: var(--sz-1652);
}

.sz-1653 {
  font-size: var(--sz-1653);
}

.sz-1654 {
  font-size: var(--sz-1654);
}

.sz-1655 {
  font-size: var(--sz-1655);
}

.sz-1656 {
  font-size: var(--sz-1656);
}

.sz-1657 {
  font-size: var(--sz-1657);
}

.sz-1658 {
  font-size: var(--sz-1658);
}

.sz-1659 {
  font-size: var(--sz-1659);
}

.sz-1660 {
  font-size: var(--sz-1660);
}

.sz-1661 {
  font-size: var(--sz-1661);
}

.sz-1662 {
  font-size: var(--sz-1662);
}

.sz-1663 {
  font-size: var(--sz-1663);
}

.sz-1664 {
  font-size: var(--sz-1664);
}

.sz-1665 {
  font-size: var(--sz-1665);
}

.sz-1666 {
  font-size: var(--sz-1666);
}

.sz-1667 {
  font-size: var(--sz-1667);
}

.sz-1668 {
  font-size: var(--sz-1668);
}

.sz-1669 {
  font-size: var(--sz-1669);
}

.sz-1670 {
  font-size: var(--sz-1670);
}

.sz-1671 {
  font-size: var(--sz-1671);
}

.sz-1672 {
  font-size: var(--sz-1672);
}

.sz-1673 {
  font-size: var(--sz-1673);
}

.sz-1674 {
  font-size: var(--sz-1674);
}

.sz-1675 {
  font-size: var(--sz-1675);
}

.sz-1676 {
  font-size: var(--sz-1676);
}

.sz-1677 {
  font-size: var(--sz-1677);
}

.sz-1678 {
  font-size: var(--sz-1678);
}

.sz-1679 {
  font-size: var(--sz-1679);
}

.sz-1680 {
  font-size: var(--sz-1680);
}

.sz-1681 {
  font-size: var(--sz-1681);
}

.sz-1682 {
  font-size: var(--sz-1682);
}

.sz-1683 {
  font-size: var(--sz-1683);
}

.sz-1684 {
  font-size: var(--sz-1684);
}

.sz-1685 {
  font-size: var(--sz-1685);
}

.sz-1686 {
  font-size: var(--sz-1686);
}

.sz-1687 {
  font-size: var(--sz-1687);
}

.sz-1688 {
  font-size: var(--sz-1688);
}

.sz-1689 {
  font-size: var(--sz-1689);
}

.sz-1690 {
  font-size: var(--sz-1690);
}

.sz-1691 {
  font-size: var(--sz-1691);
}

.sz-1692 {
  font-size: var(--sz-1692);
}

.sz-1693 {
  font-size: var(--sz-1693);
}

.sz-1694 {
  font-size: var(--sz-1694);
}

.sz-1695 {
  font-size: var(--sz-1695);
}

.sz-1696 {
  font-size: var(--sz-1696);
}

.sz-1697 {
  font-size: var(--sz-1697);
}

.sz-1698 {
  font-size: var(--sz-1698);
}

.sz-1699 {
  font-size: var(--sz-1699);
}

.sz-1700 {
  font-size: var(--sz-1700);
}

.sz-1701 {
  font-size: var(--sz-1701);
}

.sz-1702 {
  font-size: var(--sz-1702);
}

.sz-1703 {
  font-size: var(--sz-1703);
}

.sz-1704 {
  font-size: var(--sz-1704);
}

.sz-1705 {
  font-size: var(--sz-1705);
}

.sz-1706 {
  font-size: var(--sz-1706);
}

.sz-1707 {
  font-size: var(--sz-1707);
}

.sz-1708 {
  font-size: var(--sz-1708);
}

.sz-1709 {
  font-size: var(--sz-1709);
}

.sz-1710 {
  font-size: var(--sz-1710);
}

.sz-1711 {
  font-size: var(--sz-1711);
}

.sz-1712 {
  font-size: var(--sz-1712);
}

.sz-1713 {
  font-size: var(--sz-1713);
}

.sz-1714 {
  font-size: var(--sz-1714);
}

.sz-1715 {
  font-size: var(--sz-1715);
}

.sz-1716 {
  font-size: var(--sz-1716);
}

.sz-1717 {
  font-size: var(--sz-1717);
}

.sz-1718 {
  font-size: var(--sz-1718);
}

.sz-1719 {
  font-size: var(--sz-1719);
}

.sz-1720 {
  font-size: var(--sz-1720);
}

.sz-1721 {
  font-size: var(--sz-1721);
}

.sz-1722 {
  font-size: var(--sz-1722);
}

.sz-1723 {
  font-size: var(--sz-1723);
}

.sz-1724 {
  font-size: var(--sz-1724);
}

.sz-1725 {
  font-size: var(--sz-1725);
}

.sz-1726 {
  font-size: var(--sz-1726);
}

.sz-1727 {
  font-size: var(--sz-1727);
}

.sz-1728 {
  font-size: var(--sz-1728);
}

.sz-1729 {
  font-size: var(--sz-1729);
}

.sz-1730 {
  font-size: var(--sz-1730);
}

.sz-1731 {
  font-size: var(--sz-1731);
}

.sz-1732 {
  font-size: var(--sz-1732);
}

.sz-1733 {
  font-size: var(--sz-1733);
}

.sz-1734 {
  font-size: var(--sz-1734);
}

.sz-1735 {
  font-size: var(--sz-1735);
}

.sz-1736 {
  font-size: var(--sz-1736);
}

.sz-1737 {
  font-size: var(--sz-1737);
}

.sz-1738 {
  font-size: var(--sz-1738);
}

.sz-1739 {
  font-size: var(--sz-1739);
}

.sz-1740 {
  font-size: var(--sz-1740);
}

.sz-1741 {
  font-size: var(--sz-1741);
}

.sz-1742 {
  font-size: var(--sz-1742);
}

.sz-1743 {
  font-size: var(--sz-1743);
}

.sz-1744 {
  font-size: var(--sz-1744);
}

.sz-1745 {
  font-size: var(--sz-1745);
}

.sz-1746 {
  font-size: var(--sz-1746);
}

.sz-1747 {
  font-size: var(--sz-1747);
}

.sz-1748 {
  font-size: var(--sz-1748);
}

.sz-1749 {
  font-size: var(--sz-1749);
}

.sz-1750 {
  font-size: var(--sz-1750);
}

.sz-1751 {
  font-size: var(--sz-1751);
}

.sz-1752 {
  font-size: var(--sz-1752);
}

.sz-1753 {
  font-size: var(--sz-1753);
}

.sz-1754 {
  font-size: var(--sz-1754);
}

.sz-1755 {
  font-size: var(--sz-1755);
}

.sz-1756 {
  font-size: var(--sz-1756);
}

.sz-1757 {
  font-size: var(--sz-1757);
}

.sz-1758 {
  font-size: var(--sz-1758);
}

.sz-1759 {
  font-size: var(--sz-1759);
}

.sz-1760 {
  font-size: var(--sz-1760);
}

.sz-1761 {
  font-size: var(--sz-1761);
}

.sz-1762 {
  font-size: var(--sz-1762);
}

.sz-1763 {
  font-size: var(--sz-1763);
}

.sz-1764 {
  font-size: var(--sz-1764);
}

.sz-1765 {
  font-size: var(--sz-1765);
}

.sz-1766 {
  font-size: var(--sz-1766);
}

.sz-1767 {
  font-size: var(--sz-1767);
}

.sz-1768 {
  font-size: var(--sz-1768);
}

.sz-1769 {
  font-size: var(--sz-1769);
}

.sz-1770 {
  font-size: var(--sz-1770);
}

.sz-1771 {
  font-size: var(--sz-1771);
}

.sz-1772 {
  font-size: var(--sz-1772);
}

.sz-1773 {
  font-size: var(--sz-1773);
}

.sz-1774 {
  font-size: var(--sz-1774);
}

.sz-1775 {
  font-size: var(--sz-1775);
}

.sz-1776 {
  font-size: var(--sz-1776);
}

.sz-1777 {
  font-size: var(--sz-1777);
}

.sz-1778 {
  font-size: var(--sz-1778);
}

.sz-1779 {
  font-size: var(--sz-1779);
}

.sz-1780 {
  font-size: var(--sz-1780);
}

.sz-1781 {
  font-size: var(--sz-1781);
}

.sz-1782 {
  font-size: var(--sz-1782);
}

.sz-1783 {
  font-size: var(--sz-1783);
}

.sz-1784 {
  font-size: var(--sz-1784);
}

.sz-1785 {
  font-size: var(--sz-1785);
}

.sz-1786 {
  font-size: var(--sz-1786);
}

.sz-1787 {
  font-size: var(--sz-1787);
}

.sz-1788 {
  font-size: var(--sz-1788);
}

.sz-1789 {
  font-size: var(--sz-1789);
}

.sz-1790 {
  font-size: var(--sz-1790);
}

.sz-1791 {
  font-size: var(--sz-1791);
}

.sz-1792 {
  font-size: var(--sz-1792);
}

.sz-1793 {
  font-size: var(--sz-1793);
}

.sz-1794 {
  font-size: var(--sz-1794);
}

.sz-1795 {
  font-size: var(--sz-1795);
}

.sz-1796 {
  font-size: var(--sz-1796);
}

.sz-1797 {
  font-size: var(--sz-1797);
}

.sz-1798 {
  font-size: var(--sz-1798);
}

.sz-1799 {
  font-size: var(--sz-1799);
}

.sz-1800 {
  font-size: var(--sz-1800);
}

.sz-1801 {
  font-size: var(--sz-1801);
}

.sz-1802 {
  font-size: var(--sz-1802);
}

.sz-1803 {
  font-size: var(--sz-1803);
}

.sz-1804 {
  font-size: var(--sz-1804);
}

.sz-1805 {
  font-size: var(--sz-1805);
}

.sz-1806 {
  font-size: var(--sz-1806);
}

.sz-1807 {
  font-size: var(--sz-1807);
}

.sz-1808 {
  font-size: var(--sz-1808);
}

.sz-1809 {
  font-size: var(--sz-1809);
}

.sz-1810 {
  font-size: var(--sz-1810);
}

.sz-1811 {
  font-size: var(--sz-1811);
}

.sz-1812 {
  font-size: var(--sz-1812);
}

.sz-1813 {
  font-size: var(--sz-1813);
}

.sz-1814 {
  font-size: var(--sz-1814);
}

.sz-1815 {
  font-size: var(--sz-1815);
}

.sz-1816 {
  font-size: var(--sz-1816);
}

.sz-1817 {
  font-size: var(--sz-1817);
}

.sz-1818 {
  font-size: var(--sz-1818);
}

.sz-1819 {
  font-size: var(--sz-1819);
}

.sz-1820 {
  font-size: var(--sz-1820);
}

.sz-1821 {
  font-size: var(--sz-1821);
}

.sz-1822 {
  font-size: var(--sz-1822);
}

.sz-1823 {
  font-size: var(--sz-1823);
}

.sz-1824 {
  font-size: var(--sz-1824);
}

.sz-1825 {
  font-size: var(--sz-1825);
}

.sz-1826 {
  font-size: var(--sz-1826);
}

.sz-1827 {
  font-size: var(--sz-1827);
}

.sz-1828 {
  font-size: var(--sz-1828);
}

.sz-1829 {
  font-size: var(--sz-1829);
}

.sz-1830 {
  font-size: var(--sz-1830);
}

.sz-1831 {
  font-size: var(--sz-1831);
}

.sz-1832 {
  font-size: var(--sz-1832);
}

.sz-1833 {
  font-size: var(--sz-1833);
}

.sz-1834 {
  font-size: var(--sz-1834);
}

.sz-1835 {
  font-size: var(--sz-1835);
}

.sz-1836 {
  font-size: var(--sz-1836);
}

.sz-1837 {
  font-size: var(--sz-1837);
}

.sz-1838 {
  font-size: var(--sz-1838);
}

.sz-1839 {
  font-size: var(--sz-1839);
}

.sz-1840 {
  font-size: var(--sz-1840);
}

.sz-1841 {
  font-size: var(--sz-1841);
}

.sz-1842 {
  font-size: var(--sz-1842);
}

.sz-1843 {
  font-size: var(--sz-1843);
}

.sz-1844 {
  font-size: var(--sz-1844);
}

.sz-1845 {
  font-size: var(--sz-1845);
}

.sz-1846 {
  font-size: var(--sz-1846);
}

.sz-1847 {
  font-size: var(--sz-1847);
}

.sz-1848 {
  font-size: var(--sz-1848);
}

.sz-1849 {
  font-size: var(--sz-1849);
}

.sz-1850 {
  font-size: var(--sz-1850);
}

.sz-1851 {
  font-size: var(--sz-1851);
}

.sz-1852 {
  font-size: var(--sz-1852);
}

.sz-1853 {
  font-size: var(--sz-1853);
}

.sz-1854 {
  font-size: var(--sz-1854);
}

.sz-1855 {
  font-size: var(--sz-1855);
}

.sz-1856 {
  font-size: var(--sz-1856);
}

.sz-1857 {
  font-size: var(--sz-1857);
}

.sz-1858 {
  font-size: var(--sz-1858);
}

.sz-1859 {
  font-size: var(--sz-1859);
}

.sz-1860 {
  font-size: var(--sz-1860);
}

.sz-1861 {
  font-size: var(--sz-1861);
}

.sz-1862 {
  font-size: var(--sz-1862);
}

.sz-1863 {
  font-size: var(--sz-1863);
}

.sz-1864 {
  font-size: var(--sz-1864);
}

.sz-1865 {
  font-size: var(--sz-1865);
}

.sz-1866 {
  font-size: var(--sz-1866);
}

.sz-1867 {
  font-size: var(--sz-1867);
}

.sz-1868 {
  font-size: var(--sz-1868);
}

.sz-1869 {
  font-size: var(--sz-1869);
}

.sz-1870 {
  font-size: var(--sz-1870);
}

.sz-1871 {
  font-size: var(--sz-1871);
}

.sz-1872 {
  font-size: var(--sz-1872);
}

.sz-1873 {
  font-size: var(--sz-1873);
}

.sz-1874 {
  font-size: var(--sz-1874);
}

.sz-1875 {
  font-size: var(--sz-1875);
}

.sz-1876 {
  font-size: var(--sz-1876);
}

.sz-1877 {
  font-size: var(--sz-1877);
}

.sz-1878 {
  font-size: var(--sz-1878);
}

.sz-1879 {
  font-size: var(--sz-1879);
}

.sz-1880 {
  font-size: var(--sz-1880);
}

.sz-1881 {
  font-size: var(--sz-1881);
}

.sz-1882 {
  font-size: var(--sz-1882);
}

.sz-1883 {
  font-size: var(--sz-1883);
}

.sz-1884 {
  font-size: var(--sz-1884);
}

.sz-1885 {
  font-size: var(--sz-1885);
}

.sz-1886 {
  font-size: var(--sz-1886);
}

.sz-1887 {
  font-size: var(--sz-1887);
}

.sz-1888 {
  font-size: var(--sz-1888);
}

.sz-1889 {
  font-size: var(--sz-1889);
}

.sz-1890 {
  font-size: var(--sz-1890);
}

.sz-1891 {
  font-size: var(--sz-1891);
}

.sz-1892 {
  font-size: var(--sz-1892);
}

.sz-1893 {
  font-size: var(--sz-1893);
}

.sz-1894 {
  font-size: var(--sz-1894);
}

.sz-1895 {
  font-size: var(--sz-1895);
}

.sz-1896 {
  font-size: var(--sz-1896);
}

.sz-1897 {
  font-size: var(--sz-1897);
}

.sz-1898 {
  font-size: var(--sz-1898);
}

.sz-1899 {
  font-size: var(--sz-1899);
}

.sz-1900 {
  font-size: var(--sz-1900);
}

.sz-1901 {
  font-size: var(--sz-1901);
}

.sz-1902 {
  font-size: var(--sz-1902);
}

.sz-1903 {
  font-size: var(--sz-1903);
}

.sz-1904 {
  font-size: var(--sz-1904);
}

.sz-1905 {
  font-size: var(--sz-1905);
}

.sz-1906 {
  font-size: var(--sz-1906);
}

.sz-1907 {
  font-size: var(--sz-1907);
}

.sz-1908 {
  font-size: var(--sz-1908);
}

.sz-1909 {
  font-size: var(--sz-1909);
}

.sz-1910 {
  font-size: var(--sz-1910);
}

.sz-1911 {
  font-size: var(--sz-1911);
}

.sz-1912 {
  font-size: var(--sz-1912);
}

.sz-1913 {
  font-size: var(--sz-1913);
}

.sz-1914 {
  font-size: var(--sz-1914);
}

.sz-1915 {
  font-size: var(--sz-1915);
}

.sz-1916 {
  font-size: var(--sz-1916);
}

.sz-1917 {
  font-size: var(--sz-1917);
}

.sz-1918 {
  font-size: var(--sz-1918);
}

.sz-1919 {
  font-size: var(--sz-1919);
}

.sz-1920 {
  font-size: var(--sz-1920);
}

.sz-1921 {
  font-size: var(--sz-1921);
}

.sz-1922 {
  font-size: var(--sz-1922);
}

.sz-1923 {
  font-size: var(--sz-1923);
}

.sz-1924 {
  font-size: var(--sz-1924);
}

.sz-1925 {
  font-size: var(--sz-1925);
}

.sz-1926 {
  font-size: var(--sz-1926);
}

.sz-1927 {
  font-size: var(--sz-1927);
}

.sz-1928 {
  font-size: var(--sz-1928);
}

.sz-1929 {
  font-size: var(--sz-1929);
}

.sz-1930 {
  font-size: var(--sz-1930);
}

.sz-1931 {
  font-size: var(--sz-1931);
}

.sz-1932 {
  font-size: var(--sz-1932);
}

.sz-1933 {
  font-size: var(--sz-1933);
}

.sz-1934 {
  font-size: var(--sz-1934);
}

.sz-1935 {
  font-size: var(--sz-1935);
}

.sz-1936 {
  font-size: var(--sz-1936);
}

.sz-1937 {
  font-size: var(--sz-1937);
}

.sz-1938 {
  font-size: var(--sz-1938);
}

.sz-1939 {
  font-size: var(--sz-1939);
}

.sz-1940 {
  font-size: var(--sz-1940);
}

.sz-1941 {
  font-size: var(--sz-1941);
}

.sz-1942 {
  font-size: var(--sz-1942);
}

.sz-1943 {
  font-size: var(--sz-1943);
}

.sz-1944 {
  font-size: var(--sz-1944);
}

.sz-1945 {
  font-size: var(--sz-1945);
}

.sz-1946 {
  font-size: var(--sz-1946);
}

.sz-1947 {
  font-size: var(--sz-1947);
}

.sz-1948 {
  font-size: var(--sz-1948);
}

.sz-1949 {
  font-size: var(--sz-1949);
}

.sz-1950 {
  font-size: var(--sz-1950);
}

.sz-1951 {
  font-size: var(--sz-1951);
}

.sz-1952 {
  font-size: var(--sz-1952);
}

.sz-1953 {
  font-size: var(--sz-1953);
}

.sz-1954 {
  font-size: var(--sz-1954);
}

.sz-1955 {
  font-size: var(--sz-1955);
}

.sz-1956 {
  font-size: var(--sz-1956);
}

.sz-1957 {
  font-size: var(--sz-1957);
}

.sz-1958 {
  font-size: var(--sz-1958);
}

.sz-1959 {
  font-size: var(--sz-1959);
}

.sz-1960 {
  font-size: var(--sz-1960);
}

.sz-1961 {
  font-size: var(--sz-1961);
}

.sz-1962 {
  font-size: var(--sz-1962);
}

.sz-1963 {
  font-size: var(--sz-1963);
}

.sz-1964 {
  font-size: var(--sz-1964);
}

.sz-1965 {
  font-size: var(--sz-1965);
}

.sz-1966 {
  font-size: var(--sz-1966);
}

.sz-1967 {
  font-size: var(--sz-1967);
}

.sz-1968 {
  font-size: var(--sz-1968);
}

.sz-1969 {
  font-size: var(--sz-1969);
}

.sz-1970 {
  font-size: var(--sz-1970);
}

.sz-1971 {
  font-size: var(--sz-1971);
}

.sz-1972 {
  font-size: var(--sz-1972);
}

.sz-1973 {
  font-size: var(--sz-1973);
}

.sz-1974 {
  font-size: var(--sz-1974);
}

.sz-1975 {
  font-size: var(--sz-1975);
}

.sz-1976 {
  font-size: var(--sz-1976);
}

.sz-1977 {
  font-size: var(--sz-1977);
}

.sz-1978 {
  font-size: var(--sz-1978);
}

.sz-1979 {
  font-size: var(--sz-1979);
}

.sz-1980 {
  font-size: var(--sz-1980);
}

.sz-1981 {
  font-size: var(--sz-1981);
}

.sz-1982 {
  font-size: var(--sz-1982);
}

.sz-1983 {
  font-size: var(--sz-1983);
}

.sz-1984 {
  font-size: var(--sz-1984);
}

.sz-1985 {
  font-size: var(--sz-1985);
}

.sz-1986 {
  font-size: var(--sz-1986);
}

.sz-1987 {
  font-size: var(--sz-1987);
}

.sz-1988 {
  font-size: var(--sz-1988);
}

.sz-1989 {
  font-size: var(--sz-1989);
}

.sz-1990 {
  font-size: var(--sz-1990);
}

.sz-1991 {
  font-size: var(--sz-1991);
}

.sz-1992 {
  font-size: var(--sz-1992);
}

.sz-1993 {
  font-size: var(--sz-1993);
}

.sz-1994 {
  font-size: var(--sz-1994);
}

.sz-1995 {
  font-size: var(--sz-1995);
}

.sz-1996 {
  font-size: var(--sz-1996);
}

.sz-1997 {
  font-size: var(--sz-1997);
}

.sz-1998 {
  font-size: var(--sz-1998);
}

.sz-1999 {
  font-size: var(--sz-1999);
}

.sz-2000 {
  font-size: var(--sz-2000);
}

/* font weight */
strong {
  font-weight: 700 !important;
}


/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #337ab7;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #525263;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #337ab7;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 51, 122, 183;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #143149;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #d6e4f1;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #adcae2;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  //--bs-black-rgb: 0, 0, 0;
  --bs-black-rgb: 82, 82, 99;
  --bs-font-sans-serif: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.42857142;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #337ab7;
  --bs-link-color-rgb: 51, 122, 183;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #296292;
  --bs-link-hover-color-rgb: 41, 98, 146;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(51, 122, 183, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #85afd4;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #0a1825;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #1f496e;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #85afd4;
  --bs-link-hover-color: #9dbfdd;
  --bs-link-color-rgb: 133, 175, 212;
  --bs-link-hover-color-rgb: 157, 191, 221;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

.modal {
    --bs-modal-header-padding-y: 0;
    --bs-modal-header-padding-x: 0;
    --bs-modal-header-padding: 0;
    --bs-modal-padding: 0;
    --bs-modal-margin: 0;
    --bs-modal-width: 750px;
    --bs-modal-border-width: 0;
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;

}

*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1, .h1 {
  font-size: calc(1.34375rem + 1.125vw);
}
h2, .h2 {
  font-size: calc(1.3rem + 0.6vw);
}
h3, .h3 {
  font-size: calc(1.278125rem + 0.3375vw);
}
h4, .h4 {
  font-size: calc(1.25625rem + 0.075vw);
}
h5, .h5 {
  font-size: 1.09375rem;
}
h6, .h6 {
  font-size: 0.875rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small, .small {
  font-size: 0.875em;
}
mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.09375rem;
  font-weight: 300;
}
.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.09375rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #d6e4f1;
  --bs-table-border-color: #abb6c1;
  --bs-table-striped-bg: #cbd9e5;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c1cdd9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c6d3df;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.42857142;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.09375rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.765625rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #99bddb;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.42857142em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::-moz-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.42857142em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.42857142em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.42857142em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.42857142em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.42857142em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.42857142em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.42857142em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.42857142em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-select:focus {
  border-color: #99bddb;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.765625rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.09375rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.2499999925rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.21428571em;
  vertical-align: top;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #99bddb;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-check-input:checked {
  background-color: #337ab7;
  border-color: #337ab7;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #337ab7;
  border-color: #337ab7;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2399bddb'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
          appearance: none;
  background-color: #337ab7;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-range::-webkit-slider-thumb:active {
  background-color: #c2d7e9;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
       appearance: none;
  background-color: #337ab7;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-range::-moz-range-thumb:active {
  background-color: #c2d7e9;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.765625rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.42857142em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.357142855em + 0.1875rem) center;
  background-size: calc(0.71428571em + 0.375rem) calc(0.71428571em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.42857142em + 0.75rem);
  background-position: top calc(0.357142855em + 0.1875rem) right calc(0.357142855em + 0.1875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.71428571em + 0.375rem) calc(0.71428571em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.42857142em + 0.75rem));
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.765625rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.42857142em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.357142855em + 0.1875rem) center;
  background-size: calc(0.71428571em + 0.375rem) calc(0.71428571em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.42857142em + 0.75rem);
  background-position: top calc(0.357142855em + 0.1875rem) right calc(0.357142855em + 0.1875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.71428571em + 0.375rem) calc(0.71428571em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.42857142em + 0.75rem));
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.42857142;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #337ab7;
  --bs-btn-border-color: #337ab7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2b689c;
  --bs-btn-hover-border-color: #296292;
  --bs-btn-focus-shadow-rgb: 82, 142, 194;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #296292;
  --bs-btn-active-border-color: #265c89;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #337ab7;
  --bs-btn-disabled-border-color: #337ab7;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #337ab7;
  --bs-btn-border-color: #337ab7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #337ab7;
  --bs-btn-hover-border-color: #337ab7;
  --bs-btn-focus-shadow-rgb: 51, 122, 183;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #337ab7;
  --bs-btn-active-border-color: #337ab7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #337ab7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #337ab7;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 82, 142, 194;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.09375rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.765625rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 0.875rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #337ab7;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.765625rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #337ab7;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #337ab7;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3437500009rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.09375rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.09375rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23143149'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #99bddb;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 0.875rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2385afd4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2385afd4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #337ab7;
  --bs-pagination-active-border-color: #337ab7;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.09375rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.765625rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.65625rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #337ab7;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #337ab7;
  --bs-list-group-active-border-color: #337ab7;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}
[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.42857142;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.765625rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857142;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.765625rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 0.875rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857142;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}
[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000;
}
[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
  color: #000;
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.42857142;
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
          mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(41, 98, 146, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(41, 98, 146, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(41, 98, 146, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
          text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
          text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.object-fit-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.object-fit-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}
.object-fit-scale {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}
.object-fit-none {
  -o-object-fit: none !important;
     object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}
.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
       column-gap: 0.25rem !important;
}
.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}
.column-gap-3 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}
.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}
.column-gap-5 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.34375rem + 1.125vw) !important;
}
.fs-2 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-3 {
  font-size: calc(1.278125rem + 0.3375vw) !important;
}
.fs-4 {
  font-size: calc(1.25625rem + 0.075vw) !important;
}
.fs-5 {
  font-size: 1.09375rem !important;
}
.fs-6 {
  font-size: 0.875rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.42857142 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
          text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
body {
  color: #525263;
  transition: z-index 0ms 5.28455ms;
  background: #f6f6f6;
  margin: 0;
}
a {
  text-decoration: none;
}
pre {
  background-color: transparent;
  border: none;
  padding: 16px 0;
}
p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
見出し

ページ内で見出しとして機能する要素のスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 1.1
*/
/*
見出し

商品紹介等で利用される、一般的な見出しのスタイルです。

ex [商品詳細ページ　商品見出し部分](http://demo3.ec-cube.net/products/detail/27)

Markup:
.ec-headingTitle マトリョーシカ

Styleguide 1.1.1
*/
.ec-headingTitle {
  margin: 0 0 8px;
  font-size: 32px;
  font-weight: normal;
  color: #525263;
}
/*
ページヘッダ

各種ページで用いられるページヘッダのデザインです。

ex [利用規約ページ　ページヘッダ部](http://demo3.ec-cube.net/help/agreement)

Markup:
.ec-pageHeader
  h1 利用規約

Styleguide 1.1.2
*/
.ec-pageHeader {
  text-align: center;
}

.ec-pageHeader h1, .ec-pageHeader .h1 {
  margin: 0 0 8px;
  border-bottom: 1px dotted #ccc;
  border-top: 1px solid #ccc;
  padding: 8px 0 12px;
  font-size: 30px;
  font-weight: bold;
}
/*
サブ見出し

利用規約など、文字主体のページで用いられるサブ見出しです。

ex [利用規約ページ サブ見出し部分](http://demo3.ec-cube.net/help/agreement)

Markup:
.ec-heading 第1条 (会員)

Styleguide 1.1.3
*/
.ec-heading {
  margin: 24px 0;
}
/*
サブ見出し(太字)

文字主体のページで用いられるサブ見出しの太字のスタイルです。

ex [プライバシーポリシー サブ見出し部分](http://demo3.ec-cube.net/help/privacy)

Markup:
.ec-heading-bold 個人情報の定義

Styleguide 1.1.4
*/
.ec-heading-bold {
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
}
/*
背景付き見出し

マイページ注文履歴等で用いられる背景付きの見出しです。

ex [ご注文履歴詳細　背景付き見出し部分](http://demo3.ec-cube.net/mypage/history/1063)

Markup:
.ec-rectHeading
  h2 配送情報
.ec-rectHeading
  h2 お支払について

Styleguide 1.1.5
*/
.ec-rectHeading h1, .ec-rectHeading .h1, .ec-rectHeading h2, .ec-rectHeading .h2, .ec-rectHeading h3, .ec-rectHeading .h3,
.ec-rectHeading h4,
.ec-rectHeading .h4, .ec-rectHeading h5, .ec-rectHeading .h5, .ec-rectHeading h6, .ec-rectHeading .h6 {
  background: #F3F3F3;
  padding: 8px 12px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}
/*
メッセージ見出し

ユーザが行った操作に対する、完了報告やエラー表示のページで使用される見出しのスタイルです。

ex [注文完了 ログイン後、カートに商品を入れ注文完了まで行う](http://demo3.ec-cube.net/shopping/)

Markup:
.ec-reportHeading
  h2 ご注文ありがとうございました

Styleguide 1.1.6
*/
.ec-reportHeading {
  width: 100%;
  border-top: 1px dotted #ccc;
  margin: 20px 0 30px;
  padding: 0;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
.ec-reportHeading h1, .ec-reportHeading .h1, .ec-reportHeading h2, .ec-reportHeading .h2, .ec-reportHeading h3, .ec-reportHeading .h3,
.ec-reportHeading h4,
.ec-reportHeading .h4, .ec-reportHeading h5, .ec-reportHeading .h5, .ec-reportHeading h6, .ec-reportHeading .h6, .ec-reportHeading p {
  font-weight: bold;
  font-size: 24px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
文字装飾

文字装飾をするためのスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 1.2
*/
/*
テキストリンク

テキストリンクのスタイルです。

Markup:
a(href="#").ec-link さくらのクラウド

Styleguide 1.2.1
*/
.ec-link {
  color: #0092C4;
  text-decoration: none;
  cursor: pointer;
}
.ec-link:hover {
  color: #33A8D0;
  text-decoration: none;
}
/*
テキスト（太字）

テキストを太くするためのスタイルです。

Markup:
p.ec-font-bold この季節にぴったりな商品をご用意しました

Styleguide 1.2.2
*/
.ec-font-bold {
  font-weight: bold;
}
/*
テキスト（グレー）

テキストをグレーにするためのスタイルです。

Markup:
p.ec-color-grey 青色が美しい職人が仕上げた吹きガラス

Styleguide 1.2.3
*/
.ec-color-grey {
  color: #9a947e;
}
/*
テキスト（赤）

テキストを赤にするためのスタイルです。

Markup:
p.ec-color-red ¥ 2,728 税込
p.ec-color-accent ¥ 2,728 税込

Styleguide 1.2.4
*/
.ec-color-red {
  color: #DE5D50;
}
.ec-color-accent {
  color: #DE5D50;
}
/*
フォントサイズ

フォントサイズを指定するためのスタイルです。

Markup:
.ec-font-size-1 さわやかな日差しが過ごしやすい季節
.ec-font-size-2 さわやかな日差しが過ごしやすい季節
.ec-font-size-3 さわやかな日差しが過ごしやすい季節
.ec-font-size-4 さわやかな日差しが過ごしやすい季節
.ec-font-size-5 さわやかな日差しが過ごしやすい季節
.ec-font-size-6 さわやかな日差しが過ごしやすい季節


Styleguide 1.2.5
*/
.ec-font-size-1 {
  font-size: 12px;
}
.ec-font-size-2 {
  font-size: 14px;
}
.ec-font-size-3 {
  font-size: 16px;
}
.ec-font-size-4 {
  font-size: 20px;
}
.ec-font-size-5 {
  font-size: 32px;
}
.ec-font-size-6 {
  font-size: 40px;
}
/*
テキスト水平位置

テキストをセンタリングするためのスタイルです。

Markup:
p.ec-text-ac さわやかな日差しが過ごしやすい季節

Styleguide 1.2.6
*/
.ec-text-ac {
  text-align: center;
}
/*
価格テキスト

価格を表示するテキストです。

価格文字にスペースを取るほか、税込み等の表示を小さくする効果もあります。

spanを用いたインライン要素として利用します。

Markup:
div(style="color:#DE5D50;font-size:28px")
    span.ec-price
      span.ec-price__unit ¥
      span.ec-price__price 1,280
      span.ec-price__tax 税込

Styleguide 1.2.7
*/
.ec-price .ec-price__unit {
  font-size: 18px;
  font-weight: bold;
}
.ec-price .ec-price__price {
  display: inline-block;
  padding: 0 0.3em;
  font-size: 18px;
  font-weight: bold;
}
.ec-price .ec-price__tax {
  font-size: 12px;
}
/*
テキストの位置

テキストや、入れ子にしたインライン要素を
「左揃え」「中央揃え」「右揃え」に設定することができます。

Markup:
h3 左揃え
p.text-left
  | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt praesentium repellat sapiente suscipit, unde veniam! Doloribus error, expedita id impedit iusto qui sint totam? Aspernatur error facere possimus quam quos?
br
h3 中央揃え
p.text-center
  | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt praesentium repellat sapiente suscipit, unde veniam! Doloribus error, expedita id impedit iusto qui sint totam? Aspernatur error facere possimus quam quos?
br
h3 右揃え
p.text-right
  | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt praesentium repellat sapiente suscipit, unde veniam! Doloribus error, expedita id impedit iusto qui sint totam? Aspernatur error facere possimus quam quos?

Styleguide 1.2.8
*/
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/*
メッセージテキスト

ユーザが行った操作に対する、完了報告やエラー表示のページで使用されるテキストのスタイルです。

ex [注文完了 （ログイン後、カートに商品を入れ注文完了まで行う）](http://demo3.ec-cube.net/shopping/)

Markup:
.ec-reportHeading
  h2 ご注文ありがとうございました
p.ec-reportDescription
      | ただいま、ご注文の確認メールをお送りさせていただきました。
      br
      | 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。
      br
      | 今後ともご愛顧賜りますようよろしくお願い申し上げます。


Styleguide 1.2.9
*/
.ec-reportDescription {
  margin-bottom: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
}
/*
テキスト下部のスペース

テキストの下に余白を追加することができます。 .ec-para-normalで16pxの余白をつけることができます。

Markup:
p.ec-para-normal 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。
p.ec-para-normal 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。

Styleguide 1.2.10
*/
.ec-para-normal {
  margin-bottom: 16px;
}
h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
リスト

シンプルなリストを構成するためのスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 1.3
*/
/*
水平定義リスト

シンプルな定義リストのスタイルを定義します。

dl要素を用いてコーディングします。

ex [当サイトについて　水平定義リスト部分](http://demo3.ec-cube.net/help/about)

Markup:
dl.ec-definitions
    dt 店名
    dd EC-CUBE3 DEMO SHOP
dl.ec-definitions
    dt 会社名
    dd EC-CUBE3
dl.ec-definitions--soft
    dt 所在地
    dd 〒 550-0001

Styleguide 1.3.1
*/
.ec-definitions, .ec-definitions--soft {
  margin: 5px 0;
  display: block;
}
.ec-definitions dt, .ec-definitions--soft dt, .ec-definitions dd, .ec-definitions--soft dd {
  display: inline-block;
  margin: 0;
}
.ec-definitions dt, .ec-definitions--soft dt {
  font-weight: bold;
}
.ec-definitions--soft dt {
  font-weight: normal;
}
/*
下線つき定義リスト

線が添えられた定義リストのスタイルを定義します。

dl要素を用いてコーディングします。

ex [当サイトについて　下線つき定義リスト](http://demo3.ec-cube.net/help/about)

Markup:
.ec-borderedDefs
  dl
    dt 店名
    dd EC-CUBE3 DEMO SHOP
  dl
    dt 会社名
    dd EC-CUBE3
  dl
    dt 所在地
    dd 〒550 - 0001

Styleguide 1.3.2
*/
.ec-borderedDefs {
  width: 100%;
  border-top: 1px dotted #ccc;
  margin-bottom: 16px;
}
.ec-borderedDefs dl {
  display: flex;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding: 10px 0 0;
  flex-wrap: wrap;
}
.ec-borderedDefs dt, .ec-borderedDefs dd {
  padding: 0;
}
.ec-borderedDefs dt {
  font-weight: normal;
  width: 100%;
  padding-top: 0;
}
.ec-borderedDefs dd {
  padding: 0;
  width: 100%;
  line-height: 2.5;
}
.ec-borderedDefs p {
  line-height: 1.4;
}
.ec-list-chilled {
  display: table-row;
  border: 0 none;
  padding: 8px 0;
}
.ec-list-chilled dt, .ec-list-chilled dd {
  display: table-cell;
  border-bottom: 1px dotted #ccc;
  padding: 0;
}
.ec-list-chilled dt {
  width: 30%;
}
.ec-list-chilled dd {
  padding: 0;
}
/*
ボーダーリスト

線が添えられたリストを表示します。

ex [当サイトについて　ボーダーリスト](http://demo3.ec-cube.net/help/about)

Markup:
ul.ec-borderedList
  li: p lorem
  li: p lorem
  li: p lorem


Styleguide 1.3.3
*/
.ec-borderedList {
  width: 100%;
  border-top: 0;
  list-style: none;
  padding: 0;
}
.ec-borderedList li {
  border-bottom: 1px dotted #ccc;
}
.ec-list-chilled {
  display: table-row;
  border: 0 none;
  padding: 8px 0;
}
.ec-list-chilled dt, .ec-list-chilled dd {
  display: table-cell;
  border-bottom: 1px dotted #ccc;
  padding: 16px 0;
}
.ec-list-chilled dt {
  width: 30%;
}
.ec-list-chilled dd {
  padding: 16px;
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
ボタンサイズ

ボタンサイズを変更するスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 2.1
*/
/*
通常ボタン

インラインの要素としてボタンを定義出来ます。

ex [トップページ　ボタン部分](http://demo3.ec-cube.net/)

Markup:
.ec-inlineBtn 住所検索
.ec-inlineBtn--primary もっと見る
.ec-inlineBtn--action カートに入れる
.ec-inlineBtn--cancel キャンセル

Styleguide 2.1.1
*/
.ec-inlineBtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #525263;
  background-color: #F5F7F8;
  border-color: #ccc;
}
.ec-inlineBtn:focus, .ec-inlineBtn.focus, .ec-inlineBtn:active:focus, .ec-inlineBtn:active.focus, .ec-inlineBtn.active:focus, .ec-inlineBtn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-inlineBtn:hover, .ec-inlineBtn:focus, .ec-inlineBtn.focus {
  color: #525263;
  text-decoration: none;
}
.ec-inlineBtn:active, .ec-inlineBtn.active {
  outline: 0;
  background-image: none;
}
.ec-inlineBtn.disabled, .ec-inlineBtn[disabled], fieldset[disabled] .ec-inlineBtn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-inlineBtn:hover {
  color: #000;
  background-color: #f7f8f9;
  border-color: #d1d1d1;
}
.btn-check:focus + .ec-inlineBtn, .ec-inlineBtn:focus {
  color: #000;
  background-color: #f7f8f9;
  border-color: #d1d1d1;
  box-shadow: 0 0 0 0.25rem rgba(186, 186, 188, 0.5);
}
.btn-check:checked + .ec-inlineBtn, .btn-check:active + .ec-inlineBtn, .ec-inlineBtn:active, .ec-inlineBtn.active, .show > .ec-inlineBtn.dropdown-toggle {
  color: #000;
  background-color: #f7f9f9;
  border-color: #d1d1d1;
}
.btn-check:checked + .ec-inlineBtn:focus, .btn-check:active + .ec-inlineBtn:focus, .ec-inlineBtn:active:focus, .ec-inlineBtn.active:focus, .show > .ec-inlineBtn.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(186, 186, 188, 0.5);
}
.ec-inlineBtn:disabled, .ec-inlineBtn.disabled {
  color: #525263;
  background-color: #F5F7F8;
  border-color: #ccc;
}
.ec-inlineBtn .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
.ec-inlineBtn--primary {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #5CB1B1;
  border-color: #5CB1B1;
}
.ec-inlineBtn--primary:focus, .ec-inlineBtn--primary.focus, .ec-inlineBtn--primary:active:focus, .ec-inlineBtn--primary:active.focus, .ec-inlineBtn--primary.active:focus, .ec-inlineBtn--primary.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-inlineBtn--primary:hover, .ec-inlineBtn--primary:focus, .ec-inlineBtn--primary.focus {
  color: #525263;
  text-decoration: none;
}
.ec-inlineBtn--primary:active, .ec-inlineBtn--primary.active {
  outline: 0;
  background-image: none;
}
.ec-inlineBtn--primary.disabled, .ec-inlineBtn--primary[disabled], fieldset[disabled] .ec-inlineBtn--primary {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-inlineBtn--primary:hover {
  color: #000;
  background-color: #4e9696;
  border-color: #4a8e8e;
}
.btn-check:focus + .ec-inlineBtn--primary, .ec-inlineBtn--primary:focus {
  color: #000;
  background-color: #4e9696;
  border-color: #4a8e8e;
  box-shadow: 0 0 0 0.25rem rgba(116, 189, 189, 0.5);
}
.btn-check:checked + .ec-inlineBtn--primary, .btn-check:active + .ec-inlineBtn--primary, .ec-inlineBtn--primary:active, .ec-inlineBtn--primary.active, .show > .ec-inlineBtn--primary.dropdown-toggle {
  color: #000;
  background-color: #4a8e8e;
  border-color: #458585;
}
.btn-check:checked + .ec-inlineBtn--primary:focus, .btn-check:active + .ec-inlineBtn--primary:focus, .ec-inlineBtn--primary:active:focus, .ec-inlineBtn--primary.active:focus, .show > .ec-inlineBtn--primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(116, 189, 189, 0.5);
}
.ec-inlineBtn--primary:disabled, .ec-inlineBtn--primary.disabled {
  color: #fff;
  background-color: #5CB1B1;
  border-color: #5CB1B1;
}
.ec-inlineBtn--primary .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
.ec-inlineBtn--action {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #DE5D50;
  border-color: #DE5D50;
}
.ec-inlineBtn--action:focus, .ec-inlineBtn--action.focus, .ec-inlineBtn--action:active:focus, .ec-inlineBtn--action:active.focus, .ec-inlineBtn--action.active:focus, .ec-inlineBtn--action.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-inlineBtn--action:hover, .ec-inlineBtn--action:focus, .ec-inlineBtn--action.focus {
  color: #525263;
  text-decoration: none;
}
.ec-inlineBtn--action:active, .ec-inlineBtn--action.active {
  outline: 0;
  background-image: none;
}
.ec-inlineBtn--action.disabled, .ec-inlineBtn--action[disabled], fieldset[disabled] .ec-inlineBtn--action {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-inlineBtn--action:hover {
  color: #fff;
  background-color: #bd4f44;
  border-color: #b24a40;
}
.btn-check:focus + .ec-inlineBtn--action, .ec-inlineBtn--action:focus {
  color: #fff;
  background-color: #bd4f44;
  border-color: #b24a40;
  box-shadow: 0 0 0 0.25rem rgba(227, 117, 106, 0.5);
}
.btn-check:checked + .ec-inlineBtn--action, .btn-check:active + .ec-inlineBtn--action, .ec-inlineBtn--action:active, .ec-inlineBtn--action.active, .show > .ec-inlineBtn--action.dropdown-toggle {
  color: #fff;
  background-color: #b24a40;
  border-color: #a7463c;
}
.btn-check:checked + .ec-inlineBtn--action:focus, .btn-check:active + .ec-inlineBtn--action:focus, .ec-inlineBtn--action:active:focus, .ec-inlineBtn--action.active:focus, .show > .ec-inlineBtn--action.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(227, 117, 106, 0.5);
}
.ec-inlineBtn--action:disabled, .ec-inlineBtn--action.disabled {
  color: #fff;
  background-color: #DE5D50;
  border-color: #DE5D50;
}
.ec-inlineBtn--action .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
.ec-inlineBtn--cancel {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #525263;
  border-color: #525263;
}
.ec-inlineBtn--cancel:focus, .ec-inlineBtn--cancel.focus, .ec-inlineBtn--cancel:active:focus, .ec-inlineBtn--cancel:active.focus, .ec-inlineBtn--cancel.active:focus, .ec-inlineBtn--cancel.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-inlineBtn--cancel:hover, .ec-inlineBtn--cancel:focus, .ec-inlineBtn--cancel.focus {
  color: #525263;
  text-decoration: none;
}
.ec-inlineBtn--cancel:active, .ec-inlineBtn--cancel.active {
  outline: 0;
  background-image: none;
}
.ec-inlineBtn--cancel.disabled, .ec-inlineBtn--cancel[disabled], fieldset[disabled] .ec-inlineBtn--cancel {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-inlineBtn--cancel:hover {
  color: #fff;
  background-color: #464654;
  border-color: #42424f;
}
.btn-check:focus + .ec-inlineBtn--cancel, .ec-inlineBtn--cancel:focus {
  color: #fff;
  background-color: #464654;
  border-color: #42424f;
  box-shadow: 0 0 0 0.25rem rgba(108, 108, 122, 0.5);
}
.btn-check:checked + .ec-inlineBtn--cancel, .btn-check:active + .ec-inlineBtn--cancel, .ec-inlineBtn--cancel:active, .ec-inlineBtn--cancel.active, .show > .ec-inlineBtn--cancel.dropdown-toggle {
  color: #fff;
  background-color: #42424f;
  border-color: #3e3e4a;
}
.btn-check:checked + .ec-inlineBtn--cancel:focus, .btn-check:active + .ec-inlineBtn--cancel:focus, .ec-inlineBtn--cancel:active:focus, .ec-inlineBtn--cancel.active:focus, .show > .ec-inlineBtn--cancel.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 108, 122, 0.5);
}
.ec-inlineBtn--cancel:disabled, .ec-inlineBtn--cancel.disabled {
  color: #fff;
  background-color: #525263;
  border-color: #525263;
}
.ec-inlineBtn--cancel .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
/*
ブロックボタン（全幅）

ボタンサイズは em で指定するため、テキストサイズの変更でボタンサイズを変更できます。

ex [商品詳細ページ　カートボタン部分](http://demo3.ec-cube.net/products/detail/30)

Markup:
p: .ec-blockBtn 住所検索
p: .ec-blockBtn--primary もっと見る
p: .ec-blockBtn--action カートに入れる
p: .ec-blockBtn--cancel キャンセル

Styleguide 2.1.2
*/
.ec-blockBtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #525263;
  background-color: #F5F7F8;
  border-color: #ccc;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
}
.ec-blockBtn:focus, .ec-blockBtn.focus, .ec-blockBtn:active:focus, .ec-blockBtn:active.focus, .ec-blockBtn.active:focus, .ec-blockBtn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-blockBtn:hover, .ec-blockBtn:focus, .ec-blockBtn.focus {
  color: #525263;
  text-decoration: none;
}
.ec-blockBtn:active, .ec-blockBtn.active {
  outline: 0;
  background-image: none;
}
.ec-blockBtn.disabled, .ec-blockBtn[disabled], fieldset[disabled] .ec-blockBtn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-blockBtn:hover {
  color: #000;
  background-color: #f7f8f9;
  border-color: #d1d1d1;
}
.btn-check:focus + .ec-blockBtn, .ec-blockBtn:focus {
  color: #000;
  background-color: #f7f8f9;
  border-color: #d1d1d1;
  box-shadow: 0 0 0 0.25rem rgba(186, 186, 188, 0.5);
}
.btn-check:checked + .ec-blockBtn, .btn-check:active + .ec-blockBtn, .ec-blockBtn:active, .ec-blockBtn.active, .show > .ec-blockBtn.dropdown-toggle {
  color: #000;
  background-color: #f7f9f9;
  border-color: #d1d1d1;
}
.btn-check:checked + .ec-blockBtn:focus, .btn-check:active + .ec-blockBtn:focus, .ec-blockBtn:active:focus, .ec-blockBtn.active:focus, .show > .ec-blockBtn.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(186, 186, 188, 0.5);
}
.ec-blockBtn:disabled, .ec-blockBtn.disabled {
  color: #525263;
  background-color: #F5F7F8;
  border-color: #ccc;
}
.ec-blockBtn .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
.ec-blockBtn--primary {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #5CB1B1;
  border-color: #5CB1B1;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
}
.ec-blockBtn--primary:focus, .ec-blockBtn--primary.focus, .ec-blockBtn--primary:active:focus, .ec-blockBtn--primary:active.focus, .ec-blockBtn--primary.active:focus, .ec-blockBtn--primary.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-blockBtn--primary:hover, .ec-blockBtn--primary:focus, .ec-blockBtn--primary.focus {
  color: #525263;
  text-decoration: none;
}
.ec-blockBtn--primary:active, .ec-blockBtn--primary.active {
  outline: 0;
  background-image: none;
}
.ec-blockBtn--primary.disabled, .ec-blockBtn--primary[disabled], fieldset[disabled] .ec-blockBtn--primary {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-blockBtn--primary:hover {
  color: #000;
  background-color: #4e9696;
  border-color: #4a8e8e;
}
.btn-check:focus + .ec-blockBtn--primary, .ec-blockBtn--primary:focus {
  color: #000;
  background-color: #4e9696;
  border-color: #4a8e8e;
  box-shadow: 0 0 0 0.25rem rgba(116, 189, 189, 0.5);
}
.btn-check:checked + .ec-blockBtn--primary, .btn-check:active + .ec-blockBtn--primary, .ec-blockBtn--primary:active, .ec-blockBtn--primary.active, .show > .ec-blockBtn--primary.dropdown-toggle {
  color: #000;
  background-color: #4a8e8e;
  border-color: #458585;
}
.btn-check:checked + .ec-blockBtn--primary:focus, .btn-check:active + .ec-blockBtn--primary:focus, .ec-blockBtn--primary:active:focus, .ec-blockBtn--primary.active:focus, .show > .ec-blockBtn--primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(116, 189, 189, 0.5);
}
.ec-blockBtn--primary:disabled, .ec-blockBtn--primary.disabled {
  color: #fff;
  background-color: #5CB1B1;
  border-color: #5CB1B1;
}
.ec-blockBtn--primary .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
.ec-blockBtn--action {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #DE5D50;
  border-color: #DE5D50;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
}
.ec-blockBtn--action:focus, .ec-blockBtn--action.focus, .ec-blockBtn--action:active:focus, .ec-blockBtn--action:active.focus, .ec-blockBtn--action.active:focus, .ec-blockBtn--action.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-blockBtn--action:hover, .ec-blockBtn--action:focus, .ec-blockBtn--action.focus {
  color: #525263;
  text-decoration: none;
}
.ec-blockBtn--action:active, .ec-blockBtn--action.active {
  outline: 0;
  background-image: none;
}
.ec-blockBtn--action.disabled, .ec-blockBtn--action[disabled], fieldset[disabled] .ec-blockBtn--action {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-blockBtn--action:hover {
  color: #fff;
  background-color: #bd4f44;
  border-color: #b24a40;
}
.btn-check:focus + .ec-blockBtn--action, .ec-blockBtn--action:focus {
  color: #fff;
  background-color: #bd4f44;
  border-color: #b24a40;
  box-shadow: 0 0 0 0.25rem rgba(227, 117, 106, 0.5);
}
.btn-check:checked + .ec-blockBtn--action, .btn-check:active + .ec-blockBtn--action, .ec-blockBtn--action:active, .ec-blockBtn--action.active, .show > .ec-blockBtn--action.dropdown-toggle {
  color: #fff;
  background-color: #b24a40;
  border-color: #a7463c;
}
.btn-check:checked + .ec-blockBtn--action:focus, .btn-check:active + .ec-blockBtn--action:focus, .ec-blockBtn--action:active:focus, .ec-blockBtn--action.active:focus, .show > .ec-blockBtn--action.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(227, 117, 106, 0.5);
}
.ec-blockBtn--action:disabled, .ec-blockBtn--action.disabled {
  color: #fff;
  background-color: #DE5D50;
  border-color: #DE5D50;
}
.ec-blockBtn--action .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
.ec-blockBtn--cancel {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #525263;
  border-color: #525263;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
}
.ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus, .ec-blockBtn--cancel:active:focus, .ec-blockBtn--cancel:active.focus, .ec-blockBtn--cancel.active:focus, .ec-blockBtn--cancel.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-blockBtn--cancel:hover, .ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus {
  color: #525263;
  text-decoration: none;
}
.ec-blockBtn--cancel:active, .ec-blockBtn--cancel.active {
  outline: 0;
  background-image: none;
}
.ec-blockBtn--cancel.disabled, .ec-blockBtn--cancel[disabled], fieldset[disabled] .ec-blockBtn--cancel {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-blockBtn--cancel:hover {
  color: #fff;
  background-color: #464654;
  border-color: #42424f;
}
.btn-check:focus + .ec-blockBtn--cancel, .ec-blockBtn--cancel:focus {
  color: #fff;
  background-color: #464654;
  border-color: #42424f;
  box-shadow: 0 0 0 0.25rem rgba(108, 108, 122, 0.5);
}
.btn-check:checked + .ec-blockBtn--cancel, .btn-check:active + .ec-blockBtn--cancel, .ec-blockBtn--cancel:active, .ec-blockBtn--cancel.active, .show > .ec-blockBtn--cancel.dropdown-toggle {
  color: #fff;
  background-color: #42424f;
  border-color: #3e3e4a;
}
.btn-check:checked + .ec-blockBtn--cancel:focus, .btn-check:active + .ec-blockBtn--cancel:focus, .ec-blockBtn--cancel:active:focus, .ec-blockBtn--cancel.active:focus, .show > .ec-blockBtn--cancel.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 108, 122, 0.5);
}
.ec-blockBtn--cancel:disabled, .ec-blockBtn--cancel.disabled {
  color: #fff;
  background-color: #525263;
  border-color: #525263;
}
.ec-blockBtn--cancel .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
/*
アイコンボタン

SVGアイコンを用いたアイコンボタンです。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>

Styleguide 2.2
*/
/*
アイコンボタン

閉じるなどSVGアイコンを用いたボタン装飾で利用します。

ex [ログイン画面　☓ボタン部分](http://demo3.ec-cube.net/mypage/login)

Markup:
a.ec-closeBtn
  .ec-icon
    img(src='/moc/icon/cross.svg', alt='close')

Styleguide 2.2.1
*/
.ec-closeBtn {
  cursor: pointer;
}
.ec-closeBtn .ec-icon img {
  display: inline-block;
  margin-right: 5px;
  width: 1em;
  height: 1em;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
/*
アイコンボタン(○)

閉じるなどSVGアイコンを用いたボタン装飾で利用します。

ex [ログイン画面　☓ボタン部分](http://demo3.ec-cube.net/mypage/login)



ex [お届け先編集画面　☓ボタン部分](http://demo3.ec-cube.net/mypage/delivery)

Markup:
a.ec-closeBtn--circle
  .ec-icon
    img(src='/moc/icon/cross-white.svg', alt='close')

Styleguide 2.2.2
*/
.ec-closeBtn--circle {
  display: block;
  border: 0 none;
  padding: 0;
  margin: 0;
  text-shadow: none;
  box-shadow: none;
  border-radius: 50%;
  background: #B8BEC4;
  cursor: pointer;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
.ec-closeBtn--circle .ec-icon img {
  display: block;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
その他のボタン

通常のボタンや、アイコンボタン以外のボタンを定義します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 2.3
*/
/*
ページトップボタン

ページトップボタンを表示します

ex [商品詳細ページ　カートボタン部分](http://demo3.ec-cube.net/products/detail/30)

Markup:
.ec-blockTopBtn

Styleguide 2.3.1
*/
.ec-blockTopBtn {
  display: none;
  position: fixed;
  width: 120px;
  height: 40px;
  right: 0;
  bottom: 10px;
  cursor: pointer;
  color: #FFFFFF;
  text-align: center;
  line-height: 40px;
  opacity: 0.8;
  background-color: #9da3a9;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
フォーム部品(テキスト)

テキストや数値の入力項目に関する要素を定義します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 3.1
*/
/*
フォーム

`.ec-input` 要素は全ての入力項目に関する標準的なコンポーネントクラスです。


ex [会員情報編集画面　フォーム部分](http://demo3.ec-cube.net/mypage/change)

Markup:
p.ec-input
  input(type="number")
p.ec-input
  textarea(rows="6")

Styleguide 3.1.1
*/
.ec-input input[type=radio], .ec-birth input[type=radio], .ec-select input[type=radio], .ec-telInput input[type=radio], .ec-zipInput input[type=radio], .ec-numberInput input[type=radio], .ec-halfInput input[type=radio],
.ec-input input[type=checkbox],
.ec-birth input[type=checkbox],
.ec-select input[type=checkbox],
.ec-telInput input[type=checkbox],
.ec-zipInput input[type=checkbox],
.ec-numberInput input[type=checkbox],
.ec-halfInput input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
.ec-input input[type=file], .ec-birth input[type=file], .ec-select input[type=file], .ec-telInput input[type=file], .ec-zipInput input[type=file], .ec-numberInput input[type=file], .ec-halfInput input[type=file] {
  display: block;
}
.ec-input input[type=range], .ec-birth input[type=range], .ec-select input[type=range], .ec-telInput input[type=range], .ec-zipInput input[type=range], .ec-numberInput input[type=range], .ec-halfInput input[type=range] {
  display: block;
  width: 100%;
}
.ec-input select[multiple], .ec-birth select[multiple], .ec-select select[multiple], .ec-telInput select[multiple], .ec-zipInput select[multiple], .ec-numberInput select[multiple], .ec-halfInput select[multiple],
.ec-input select[size],
.ec-birth select[size],
.ec-select select[size],
.ec-telInput select[size],
.ec-zipInput select[size],
.ec-numberInput select[size],
.ec-halfInput select[size] {
  height: auto;
}
.ec-input input[type=file]:focus, .ec-birth input[type=file]:focus, .ec-select input[type=file]:focus, .ec-telInput input[type=file]:focus, .ec-zipInput input[type=file]:focus, .ec-numberInput input[type=file]:focus, .ec-halfInput input[type=file]:focus,
.ec-input input[type=radio]:focus,
.ec-birth input[type=radio]:focus,
.ec-select input[type=radio]:focus,
.ec-telInput input[type=radio]:focus,
.ec-zipInput input[type=radio]:focus,
.ec-numberInput input[type=radio]:focus,
.ec-halfInput input[type=radio]:focus,
.ec-input input[type=checkbox]:focus,
.ec-birth input[type=checkbox]:focus,
.ec-select input[type=checkbox]:focus,
.ec-telInput input[type=checkbox]:focus,
.ec-zipInput input[type=checkbox]:focus,
.ec-numberInput input[type=checkbox]:focus,
.ec-halfInput input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-input input, .ec-birth input, .ec-select input, .ec-telInput input, .ec-zipInput input, .ec-numberInput input, .ec-halfInput input {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: none;
  border: 1px solid #ccc;
  border-radius: var(--bs-border-radius);
  -webkit-appearance: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 3px;
}
.ec-input input:focus, .ec-birth input:focus, .ec-select input:focus, .ec-telInput input:focus, .ec-zipInput input:focus, .ec-numberInput input:focus, .ec-halfInput input:focus {
  border-color: #66afe9;
  outline: 0;
}
.ec-input input::-moz-placeholder, .ec-birth input::-moz-placeholder, .ec-select input::-moz-placeholder, .ec-telInput input::-moz-placeholder, .ec-zipInput input::-moz-placeholder, .ec-numberInput input::-moz-placeholder, .ec-halfInput input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.ec-input input:-ms-input-placeholder, .ec-birth input:-ms-input-placeholder, .ec-select input:-ms-input-placeholder, .ec-telInput input:-ms-input-placeholder, .ec-zipInput input:-ms-input-placeholder, .ec-numberInput input:-ms-input-placeholder, .ec-halfInput input:-ms-input-placeholder {
  color: #999;
}
.ec-input input::-webkit-input-placeholder, .ec-birth input::-webkit-input-placeholder, .ec-select input::-webkit-input-placeholder, .ec-telInput input::-webkit-input-placeholder, .ec-zipInput input::-webkit-input-placeholder, .ec-numberInput input::-webkit-input-placeholder, .ec-halfInput input::-webkit-input-placeholder {
  color: #999;
}
.ec-input input::-ms-expand, .ec-birth input::-ms-expand, .ec-select input::-ms-expand, .ec-telInput input::-ms-expand, .ec-zipInput input::-ms-expand, .ec-numberInput input::-ms-expand, .ec-halfInput input::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ec-input input[disabled], .ec-birth input[disabled], .ec-select input[disabled], .ec-telInput input[disabled], .ec-zipInput input[disabled], .ec-numberInput input[disabled], .ec-halfInput input[disabled], .ec-input input[readonly], .ec-birth input[readonly], .ec-select input[readonly], .ec-telInput input[readonly], .ec-zipInput input[readonly], .ec-numberInput input[readonly], .ec-halfInput input[readonly], fieldset[disabled] .ec-input input, fieldset[disabled] .ec-birth input, fieldset[disabled] .ec-select input, fieldset[disabled] .ec-telInput input, fieldset[disabled] .ec-zipInput input, fieldset[disabled] .ec-numberInput input, fieldset[disabled] .ec-halfInput input {
  opacity: 1;
}
.ec-input input[disabled], .ec-birth input[disabled], .ec-select input[disabled], .ec-telInput input[disabled], .ec-zipInput input[disabled], .ec-numberInput input[disabled], .ec-halfInput input[disabled], fieldset[disabled] .ec-input input, fieldset[disabled] .ec-birth input, fieldset[disabled] .ec-select input, fieldset[disabled] .ec-telInput input, fieldset[disabled] .ec-zipInput input, fieldset[disabled] .ec-numberInput input, fieldset[disabled] .ec-halfInput input {
  cursor: not-allowed;
}
.ec-input select, .ec-birth select, .ec-select select, .ec-telInput select, .ec-zipInput select, .ec-numberInput select, .ec-halfInput select {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: none;
  border: 1px solid #ccc;
  border-radius: var(--bs-border-radius);
  -webkit-appearance: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 3px;
}
.ec-input select:focus, .ec-birth select:focus, .ec-select select:focus, .ec-telInput select:focus, .ec-zipInput select:focus, .ec-numberInput select:focus, .ec-halfInput select:focus {
  border-color: #66afe9;
  outline: 0;
}
.ec-input select::-moz-placeholder, .ec-birth select::-moz-placeholder, .ec-select select::-moz-placeholder, .ec-telInput select::-moz-placeholder, .ec-zipInput select::-moz-placeholder, .ec-numberInput select::-moz-placeholder, .ec-halfInput select::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.ec-input select:-ms-input-placeholder, .ec-birth select:-ms-input-placeholder, .ec-select select:-ms-input-placeholder, .ec-telInput select:-ms-input-placeholder, .ec-zipInput select:-ms-input-placeholder, .ec-numberInput select:-ms-input-placeholder, .ec-halfInput select:-ms-input-placeholder {
  color: #999;
}
.ec-input select::-webkit-input-placeholder, .ec-birth select::-webkit-input-placeholder, .ec-select select::-webkit-input-placeholder, .ec-telInput select::-webkit-input-placeholder, .ec-zipInput select::-webkit-input-placeholder, .ec-numberInput select::-webkit-input-placeholder, .ec-halfInput select::-webkit-input-placeholder {
  color: #999;
}
.ec-input select::-ms-expand, .ec-birth select::-ms-expand, .ec-select select::-ms-expand, .ec-telInput select::-ms-expand, .ec-zipInput select::-ms-expand, .ec-numberInput select::-ms-expand, .ec-halfInput select::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ec-input select[disabled], .ec-birth select[disabled], .ec-select select[disabled], .ec-telInput select[disabled], .ec-zipInput select[disabled], .ec-numberInput select[disabled], .ec-halfInput select[disabled], .ec-input select[readonly], .ec-birth select[readonly], .ec-select select[readonly], .ec-telInput select[readonly], .ec-zipInput select[readonly], .ec-numberInput select[readonly], .ec-halfInput select[readonly], fieldset[disabled] .ec-input select, fieldset[disabled] .ec-birth select, fieldset[disabled] .ec-select select, fieldset[disabled] .ec-telInput select, fieldset[disabled] .ec-zipInput select, fieldset[disabled] .ec-numberInput select, fieldset[disabled] .ec-halfInput select {
  opacity: 1;
}
.ec-input select[disabled], .ec-birth select[disabled], .ec-select select[disabled], .ec-telInput select[disabled], .ec-zipInput select[disabled], .ec-numberInput select[disabled], .ec-halfInput select[disabled], fieldset[disabled] .ec-input select, fieldset[disabled] .ec-birth select, fieldset[disabled] .ec-select select, fieldset[disabled] .ec-telInput select, fieldset[disabled] .ec-zipInput select, fieldset[disabled] .ec-numberInput select, fieldset[disabled] .ec-halfInput select {
  cursor: not-allowed;
}
.ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-telInput textarea, .ec-zipInput textarea, .ec-numberInput textarea, .ec-halfInput textarea {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: none;
  border: 1px solid #ccc;
  border-radius: var(--bs-border-radius);
  -webkit-appearance: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 3px;
}
.ec-input textarea:focus, .ec-birth textarea:focus, .ec-select textarea:focus, .ec-telInput textarea:focus, .ec-zipInput textarea:focus, .ec-numberInput textarea:focus, .ec-halfInput textarea:focus {
  border-color: #66afe9;
  outline: 0;
}
.ec-input textarea::-moz-placeholder, .ec-birth textarea::-moz-placeholder, .ec-select textarea::-moz-placeholder, .ec-telInput textarea::-moz-placeholder, .ec-zipInput textarea::-moz-placeholder, .ec-numberInput textarea::-moz-placeholder, .ec-halfInput textarea::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.ec-input textarea:-ms-input-placeholder, .ec-birth textarea:-ms-input-placeholder, .ec-select textarea:-ms-input-placeholder, .ec-telInput textarea:-ms-input-placeholder, .ec-zipInput textarea:-ms-input-placeholder, .ec-numberInput textarea:-ms-input-placeholder, .ec-halfInput textarea:-ms-input-placeholder {
  color: #999;
}
.ec-input textarea::-webkit-input-placeholder, .ec-birth textarea::-webkit-input-placeholder, .ec-select textarea::-webkit-input-placeholder, .ec-telInput textarea::-webkit-input-placeholder, .ec-zipInput textarea::-webkit-input-placeholder, .ec-numberInput textarea::-webkit-input-placeholder, .ec-halfInput textarea::-webkit-input-placeholder {
  color: #999;
}
.ec-input textarea::-ms-expand, .ec-birth textarea::-ms-expand, .ec-select textarea::-ms-expand, .ec-telInput textarea::-ms-expand, .ec-zipInput textarea::-ms-expand, .ec-numberInput textarea::-ms-expand, .ec-halfInput textarea::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ec-input textarea[disabled], .ec-birth textarea[disabled], .ec-select textarea[disabled], .ec-telInput textarea[disabled], .ec-zipInput textarea[disabled], .ec-numberInput textarea[disabled], .ec-halfInput textarea[disabled], .ec-input textarea[readonly], .ec-birth textarea[readonly], .ec-select textarea[readonly], .ec-telInput textarea[readonly], .ec-zipInput textarea[readonly], .ec-numberInput textarea[readonly], .ec-halfInput textarea[readonly], fieldset[disabled] .ec-input textarea, fieldset[disabled] .ec-birth textarea, fieldset[disabled] .ec-select textarea, fieldset[disabled] .ec-telInput textarea, fieldset[disabled] .ec-zipInput textarea, fieldset[disabled] .ec-numberInput textarea, fieldset[disabled] .ec-halfInput textarea {
  opacity: 1;
}
.ec-input textarea[disabled], .ec-birth textarea[disabled], .ec-select textarea[disabled], .ec-telInput textarea[disabled], .ec-zipInput textarea[disabled], .ec-numberInput textarea[disabled], .ec-halfInput textarea[disabled], fieldset[disabled] .ec-input textarea, fieldset[disabled] .ec-birth textarea, fieldset[disabled] .ec-select textarea, fieldset[disabled] .ec-telInput textarea, fieldset[disabled] .ec-zipInput textarea, fieldset[disabled] .ec-numberInput textarea, fieldset[disabled] .ec-halfInput textarea {
  cursor: not-allowed;
}
.ec-input input:focus, .ec-birth input:focus, .ec-select input:focus, .ec-telInput input:focus, .ec-zipInput input:focus, .ec-numberInput input:focus, .ec-halfInput input:focus, .ec-input textarea:focus, .ec-birth textarea:focus, .ec-select textarea:focus, .ec-telInput textarea:focus, .ec-zipInput textarea:focus, .ec-numberInput textarea:focus, .ec-halfInput textarea:focus {
  box-shadow: none;
  border-color: #3c8dbc;
}
.ec-input input, .ec-birth input, .ec-select input, .ec-telInput input, .ec-zipInput input, .ec-numberInput input, .ec-halfInput input {
  height: 40px;
  margin-bottom: 10px;
}
.ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-telInput textarea, .ec-zipInput textarea, .ec-numberInput textarea, .ec-halfInput textarea {
  height: auto;
  min-height: 100px;
}
.ec-input p, .ec-birth p, .ec-select p, .ec-telInput p, .ec-zipInput p, .ec-numberInput p, .ec-halfInput p {
  line-height: 1.4;
}
.ec-input .ec-errorMessage, .ec-birth .ec-errorMessage, .ec-select .ec-errorMessage, .ec-telInput .ec-errorMessage, .ec-zipInput .ec-errorMessage, .ec-numberInput .ec-errorMessage, .ec-halfInput .ec-errorMessage {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #DE5D50;
}
.error.ec-input input, .error.ec-birth input, .error.ec-select input, .error.ec-telInput input, .error.ec-zipInput input, .error.ec-numberInput input, .error.ec-halfInput input, .error.ec-input select, .error.ec-birth select, .error.ec-select select, .error.ec-telInput select, .error.ec-zipInput select, .error.ec-numberInput select, .error.ec-halfInput select, .error.ec-input textarea, .error.ec-birth textarea, .error.ec-select textarea, .error.ec-telInput textarea, .error.ec-zipInput textarea, .error.ec-numberInput textarea, .error.ec-halfInput textarea {
  margin-bottom: 5px;
  border-color: #CF3F34;
  background: #FDF1F0;
}
.ec-checkbox .ec-errorMessage, .ec-radio .ec-errorMessage {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #DE5D50;
}
.error.ec-checkbox input, .error.ec-checkbox label, .error.ec-checkbox div, .error.ec-radio input, .error.ec-radio label, .error.ec-radio div {
  border-color: #CF3F34;
  background: #FDF1F0;
}
/*
フォーム（text２つ）

姓名など2つ入力させたい入力項目で使用します。

入力フォームを半分で用意したいときにも利用可能です。

ex [会員情報編集画面　フォーム部分](http://demo3.ec-cube.net/mypage/change)

Markup:
p.ec-halfInput
  input(type="text")
  input(type="text")
p.ec-halfInput
  input(type="text")

Styleguide 3.1.2
*/
.ec-halfInput input[type=text] {
  display: inline-block;
  width: 47%;
  margin-left: 2%;
}
.ec-halfInput .ec-errorMessage {
  display: inline-block;
  width: 47%;
}
.ec-halfInput input[type=text]:first-of-type,
.ec-halfInput .ec-errorMessage:first-of-type {
  margin-left: 0;
}
/*
数量ボタン

数量を表示するための小さなコンポーネントです。

数値表示に最適化するため、数字は右端揃えで表示されます。

ex [商品詳細画面　数量ボタン部分](http://demo3.ec-cube.net/products/detail/27)

Markup:
.ec-numberInput
  span 数量
  input(type="number",value="0")

Styleguide 3.1.3
*/
.ec-numberInput input[type=number] {
  display: inline-block;
  width: auto;
  max-width: 100px;
  text-align: right;
}
/*
郵便番号フォーム

数量を表示するための小さなコンポーネントです。

内部に input 要素を配置してコーディングします。

ex [会員情報編集画面　郵便番号部分](http://demo3.ec-cube.net/mypage/change)

Markup:
.ec-zipInput
  span 〒
  input(type="text")
.ec-zipInputHelp
  a(href="http://www.post.japanpost.jp/zipcode/" target="_blank")
    .ec-zipInputHelp__icon
      .ec-icon
        img(src='/moc/icon/question-white.svg', alt='')
    span 郵便番号検索
.ec-zipAuto
  a.ec-inlineBtn 郵便番号から自動入力

Styleguide 3.1.4
*/
.ec-zipInput {
  display: inline-block;
}
.ec-zipInput input {
  display: inline-block;
  text-align: left;
  width: auto;
  max-width: 9em;
  font-size: 16px;
}
.ec-zipInput span {
  display: inline-block;
  padding: 0 5px 0 3px;
  margin-left: 5px;
}
.ec-zipInputHelp {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 16px;
  vertical-align: baseline;
  line-height: 0;
}
.ec-zipInputHelp .ec-zipInputHelp__icon {
  display: inline-block;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: #525263;
  border-radius: 50%;
  font-size: 13px;
  position: relative;
  top: -6px;
}
.ec-zipInputHelp .ec-zipInputHelp__icon .ec-icon img {
  width: 1em;
  height: 1em;
  position: relative;
  left: 3px;
  top: 3px;
}
.ec-zipInputHelp span {
  margin-left: 8px;
  display: inline-block;
  color: #0092C4;
  vertical-align: 3px;
}
.ec-zipAuto {
  margin-bottom: 16px;
}
.ec-zipAuto .ec-inlineBtn {
  font-weight: normal;
}
/*
電話番号ボタン

数量を表示するための小さなコンポーネントです。

内部に input 要素を配置してコーディングします。

ex [会員情報編集画面　電話番号部分](http://demo3.ec-cube.net/mypage/change)

Markup:
.ec-telInput
  input(type="text")

Styleguide 3.1.5
*/
.ec-telInput input {
  max-width: 12em;
  text-align: left;
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
フォーム部品(テキスト)

テキストや数値の入力項目に関する要素を定義します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 3.1
*/
/*
フォーム

`.ec-input` 要素は全ての入力項目に関する標準的なコンポーネントクラスです。


ex [会員情報編集画面　フォーム部分](http://demo3.ec-cube.net/mypage/change)

Markup:
p.ec-input
  input(type="number")
p.ec-input
  textarea(rows="6")

Styleguide 3.1.1
*/
.ec-input input[type=radio], .ec-birth input[type=radio], .ec-select input[type=radio], .ec-halfInput input[type=radio], .ec-numberInput input[type=radio], .ec-zipInput input[type=radio], .ec-telInput input[type=radio],
.ec-input input[type=checkbox],
.ec-birth input[type=checkbox],
.ec-select input[type=checkbox],
.ec-halfInput input[type=checkbox],
.ec-numberInput input[type=checkbox],
.ec-zipInput input[type=checkbox],
.ec-telInput input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
.ec-input input[type=file], .ec-birth input[type=file], .ec-select input[type=file], .ec-halfInput input[type=file], .ec-numberInput input[type=file], .ec-zipInput input[type=file], .ec-telInput input[type=file] {
  display: block;
}
.ec-input input[type=range], .ec-birth input[type=range], .ec-select input[type=range], .ec-halfInput input[type=range], .ec-numberInput input[type=range], .ec-zipInput input[type=range], .ec-telInput input[type=range] {
  display: block;
  width: 100%;
}
.ec-input select[multiple], .ec-birth select[multiple], .ec-select select[multiple], .ec-halfInput select[multiple], .ec-numberInput select[multiple], .ec-zipInput select[multiple], .ec-telInput select[multiple],
.ec-input select[size],
.ec-birth select[size],
.ec-select select[size],
.ec-halfInput select[size],
.ec-numberInput select[size],
.ec-zipInput select[size],
.ec-telInput select[size] {
  height: auto;
}
.ec-input input[type=file]:focus, .ec-birth input[type=file]:focus, .ec-select input[type=file]:focus, .ec-halfInput input[type=file]:focus, .ec-numberInput input[type=file]:focus, .ec-zipInput input[type=file]:focus, .ec-telInput input[type=file]:focus,
.ec-input input[type=radio]:focus,
.ec-birth input[type=radio]:focus,
.ec-select input[type=radio]:focus,
.ec-halfInput input[type=radio]:focus,
.ec-numberInput input[type=radio]:focus,
.ec-zipInput input[type=radio]:focus,
.ec-telInput input[type=radio]:focus,
.ec-input input[type=checkbox]:focus,
.ec-birth input[type=checkbox]:focus,
.ec-select input[type=checkbox]:focus,
.ec-halfInput input[type=checkbox]:focus,
.ec-numberInput input[type=checkbox]:focus,
.ec-zipInput input[type=checkbox]:focus,
.ec-telInput input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: none;
  border: 1px solid #ccc;
  border-radius: var(--bs-border-radius);
  -webkit-appearance: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 3px;
}
.ec-input input:focus, .ec-birth input:focus, .ec-select input:focus, .ec-halfInput input:focus, .ec-numberInput input:focus, .ec-zipInput input:focus, .ec-telInput input:focus {
  border-color: #66afe9;
  outline: 0;
}
.ec-input input::-moz-placeholder, .ec-birth input::-moz-placeholder, .ec-select input::-moz-placeholder, .ec-halfInput input::-moz-placeholder, .ec-numberInput input::-moz-placeholder, .ec-zipInput input::-moz-placeholder, .ec-telInput input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.ec-input input:-ms-input-placeholder, .ec-birth input:-ms-input-placeholder, .ec-select input:-ms-input-placeholder, .ec-halfInput input:-ms-input-placeholder, .ec-numberInput input:-ms-input-placeholder, .ec-zipInput input:-ms-input-placeholder, .ec-telInput input:-ms-input-placeholder {
  color: #999;
}
.ec-input input::-webkit-input-placeholder, .ec-birth input::-webkit-input-placeholder, .ec-select input::-webkit-input-placeholder, .ec-halfInput input::-webkit-input-placeholder, .ec-numberInput input::-webkit-input-placeholder, .ec-zipInput input::-webkit-input-placeholder, .ec-telInput input::-webkit-input-placeholder {
  color: #999;
}
.ec-input input::-ms-expand, .ec-birth input::-ms-expand, .ec-select input::-ms-expand, .ec-halfInput input::-ms-expand, .ec-numberInput input::-ms-expand, .ec-zipInput input::-ms-expand, .ec-telInput input::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ec-input input[disabled], .ec-birth input[disabled], .ec-select input[disabled], .ec-halfInput input[disabled], .ec-numberInput input[disabled], .ec-zipInput input[disabled], .ec-telInput input[disabled], .ec-input input[readonly], .ec-birth input[readonly], .ec-select input[readonly], .ec-halfInput input[readonly], .ec-numberInput input[readonly], .ec-zipInput input[readonly], .ec-telInput input[readonly], fieldset[disabled] .ec-input input, fieldset[disabled] .ec-birth input, fieldset[disabled] .ec-select input, fieldset[disabled] .ec-halfInput input, fieldset[disabled] .ec-numberInput input, fieldset[disabled] .ec-zipInput input, fieldset[disabled] .ec-telInput input {
  opacity: 1;
}
.ec-input input[disabled], .ec-birth input[disabled], .ec-select input[disabled], .ec-halfInput input[disabled], .ec-numberInput input[disabled], .ec-zipInput input[disabled], .ec-telInput input[disabled], fieldset[disabled] .ec-input input, fieldset[disabled] .ec-birth input, fieldset[disabled] .ec-select input, fieldset[disabled] .ec-halfInput input, fieldset[disabled] .ec-numberInput input, fieldset[disabled] .ec-zipInput input, fieldset[disabled] .ec-telInput input {
  cursor: not-allowed;
}
.ec-input select, .ec-birth select, .ec-select select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: none;
  border: 1px solid #ccc;
  border-radius: var(--bs-border-radius);
  -webkit-appearance: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 3px;
}
.ec-input select:focus, .ec-birth select:focus, .ec-select select:focus, .ec-halfInput select:focus, .ec-numberInput select:focus, .ec-zipInput select:focus, .ec-telInput select:focus {
  border-color: #66afe9;
  outline: 0;
}
.ec-input select::-moz-placeholder, .ec-birth select::-moz-placeholder, .ec-select select::-moz-placeholder, .ec-halfInput select::-moz-placeholder, .ec-numberInput select::-moz-placeholder, .ec-zipInput select::-moz-placeholder, .ec-telInput select::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.ec-input select:-ms-input-placeholder, .ec-birth select:-ms-input-placeholder, .ec-select select:-ms-input-placeholder, .ec-halfInput select:-ms-input-placeholder, .ec-numberInput select:-ms-input-placeholder, .ec-zipInput select:-ms-input-placeholder, .ec-telInput select:-ms-input-placeholder {
  color: #999;
}
.ec-input select::-webkit-input-placeholder, .ec-birth select::-webkit-input-placeholder, .ec-select select::-webkit-input-placeholder, .ec-halfInput select::-webkit-input-placeholder, .ec-numberInput select::-webkit-input-placeholder, .ec-zipInput select::-webkit-input-placeholder, .ec-telInput select::-webkit-input-placeholder {
  color: #999;
}
.ec-input select::-ms-expand, .ec-birth select::-ms-expand, .ec-select select::-ms-expand, .ec-halfInput select::-ms-expand, .ec-numberInput select::-ms-expand, .ec-zipInput select::-ms-expand, .ec-telInput select::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ec-input select[disabled], .ec-birth select[disabled], .ec-select select[disabled], .ec-halfInput select[disabled], .ec-numberInput select[disabled], .ec-zipInput select[disabled], .ec-telInput select[disabled], .ec-input select[readonly], .ec-birth select[readonly], .ec-select select[readonly], .ec-halfInput select[readonly], .ec-numberInput select[readonly], .ec-zipInput select[readonly], .ec-telInput select[readonly], fieldset[disabled] .ec-input select, fieldset[disabled] .ec-birth select, fieldset[disabled] .ec-select select, fieldset[disabled] .ec-halfInput select, fieldset[disabled] .ec-numberInput select, fieldset[disabled] .ec-zipInput select, fieldset[disabled] .ec-telInput select {
  opacity: 1;
}
.ec-input select[disabled], .ec-birth select[disabled], .ec-select select[disabled], .ec-halfInput select[disabled], .ec-numberInput select[disabled], .ec-zipInput select[disabled], .ec-telInput select[disabled], fieldset[disabled] .ec-input select, fieldset[disabled] .ec-birth select, fieldset[disabled] .ec-select select, fieldset[disabled] .ec-halfInput select, fieldset[disabled] .ec-numberInput select, fieldset[disabled] .ec-zipInput select, fieldset[disabled] .ec-telInput select {
  cursor: not-allowed;
}
.ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea {
  display: block;
  width: 100%;
  height: 1rem px12px2 px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857142;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: none;
  border: 1px solid #ccc;
  border-radius: var(--bs-border-radius);
  -webkit-appearance: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 3px;
}
.ec-input textarea:focus, .ec-birth textarea:focus, .ec-select textarea:focus, .ec-halfInput textarea:focus, .ec-numberInput textarea:focus, .ec-zipInput textarea:focus, .ec-telInput textarea:focus {
  border-color: #66afe9;
  outline: 0;
}
.ec-input textarea::-moz-placeholder, .ec-birth textarea::-moz-placeholder, .ec-select textarea::-moz-placeholder, .ec-halfInput textarea::-moz-placeholder, .ec-numberInput textarea::-moz-placeholder, .ec-zipInput textarea::-moz-placeholder, .ec-telInput textarea::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.ec-input textarea:-ms-input-placeholder, .ec-birth textarea:-ms-input-placeholder, .ec-select textarea:-ms-input-placeholder, .ec-halfInput textarea:-ms-input-placeholder, .ec-numberInput textarea:-ms-input-placeholder, .ec-zipInput textarea:-ms-input-placeholder, .ec-telInput textarea:-ms-input-placeholder {
  color: #999;
}
.ec-input textarea::-webkit-input-placeholder, .ec-birth textarea::-webkit-input-placeholder, .ec-select textarea::-webkit-input-placeholder, .ec-halfInput textarea::-webkit-input-placeholder, .ec-numberInput textarea::-webkit-input-placeholder, .ec-zipInput textarea::-webkit-input-placeholder, .ec-telInput textarea::-webkit-input-placeholder {
  color: #999;
}
.ec-input textarea::-ms-expand, .ec-birth textarea::-ms-expand, .ec-select textarea::-ms-expand, .ec-halfInput textarea::-ms-expand, .ec-numberInput textarea::-ms-expand, .ec-zipInput textarea::-ms-expand, .ec-telInput textarea::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ec-input textarea[disabled], .ec-birth textarea[disabled], .ec-select textarea[disabled], .ec-halfInput textarea[disabled], .ec-numberInput textarea[disabled], .ec-zipInput textarea[disabled], .ec-telInput textarea[disabled], .ec-input textarea[readonly], .ec-birth textarea[readonly], .ec-select textarea[readonly], .ec-halfInput textarea[readonly], .ec-numberInput textarea[readonly], .ec-zipInput textarea[readonly], .ec-telInput textarea[readonly], fieldset[disabled] .ec-input textarea, fieldset[disabled] .ec-birth textarea, fieldset[disabled] .ec-select textarea, fieldset[disabled] .ec-halfInput textarea, fieldset[disabled] .ec-numberInput textarea, fieldset[disabled] .ec-zipInput textarea, fieldset[disabled] .ec-telInput textarea {
  opacity: 1;
}
.ec-input textarea[disabled], .ec-birth textarea[disabled], .ec-select textarea[disabled], .ec-halfInput textarea[disabled], .ec-numberInput textarea[disabled], .ec-zipInput textarea[disabled], .ec-telInput textarea[disabled], fieldset[disabled] .ec-input textarea, fieldset[disabled] .ec-birth textarea, fieldset[disabled] .ec-select textarea, fieldset[disabled] .ec-halfInput textarea, fieldset[disabled] .ec-numberInput textarea, fieldset[disabled] .ec-zipInput textarea, fieldset[disabled] .ec-telInput textarea {
  cursor: not-allowed;
}
.ec-input input:focus, .ec-birth input:focus, .ec-select input:focus, .ec-halfInput input:focus, .ec-numberInput input:focus, .ec-zipInput input:focus, .ec-telInput input:focus, .ec-input textarea:focus, .ec-birth textarea:focus, .ec-select textarea:focus, .ec-halfInput textarea:focus, .ec-numberInput textarea:focus, .ec-zipInput textarea:focus, .ec-telInput textarea:focus {
  box-shadow: none;
  border-color: #3c8dbc;
}
.ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input {
  height: 40px;
  margin-bottom: 10px;
}
.ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea {
  height: auto;
  min-height: 100px;
}
.ec-input p, .ec-birth p, .ec-select p, .ec-halfInput p, .ec-numberInput p, .ec-zipInput p, .ec-telInput p {
  line-height: 1.4;
}
.ec-input .ec-errorMessage, .ec-birth .ec-errorMessage, .ec-select .ec-errorMessage, .ec-halfInput .ec-errorMessage, .ec-numberInput .ec-errorMessage, .ec-zipInput .ec-errorMessage, .ec-telInput .ec-errorMessage {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #DE5D50;
}
.error.ec-input input, .error.ec-birth input, .error.ec-select input, .error.ec-halfInput input, .error.ec-numberInput input, .error.ec-zipInput input, .error.ec-telInput input, .error.ec-input select, .error.ec-birth select, .error.ec-select select, .error.ec-halfInput select, .error.ec-numberInput select, .error.ec-zipInput select, .error.ec-telInput select, .error.ec-input textarea, .error.ec-birth textarea, .error.ec-select textarea, .error.ec-halfInput textarea, .error.ec-numberInput textarea, .error.ec-zipInput textarea, .error.ec-telInput textarea {
  margin-bottom: 5px;
  border-color: #CF3F34;
  background: #FDF1F0;
}
.ec-checkbox .ec-errorMessage, .ec-radio .ec-errorMessage {
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #DE5D50;
}
.error.ec-checkbox input, .error.ec-checkbox label, .error.ec-checkbox div, .error.ec-radio input, .error.ec-radio label, .error.ec-radio div {
  border-color: #CF3F34;
  background: #FDF1F0;
}
/*
フォーム（text２つ）

姓名など2つ入力させたい入力項目で使用します。

入力フォームを半分で用意したいときにも利用可能です。

ex [会員情報編集画面　フォーム部分](http://demo3.ec-cube.net/mypage/change)

Markup:
p.ec-halfInput
  input(type="text")
  input(type="text")
p.ec-halfInput
  input(type="text")

Styleguide 3.1.2
*/
.ec-halfInput input[type=text] {
  display: inline-block;
  width: 47%;
  margin-left: 2%;
}
.ec-halfInput .ec-errorMessage {
  display: inline-block;
  width: 47%;
}
.ec-halfInput input[type=text]:first-of-type,
.ec-halfInput .ec-errorMessage:first-of-type {
  margin-left: 0;
}
/*
数量ボタン

数量を表示するための小さなコンポーネントです。

数値表示に最適化するため、数字は右端揃えで表示されます。

ex [商品詳細画面　数量ボタン部分](http://demo3.ec-cube.net/products/detail/27)

Markup:
.ec-numberInput
  span 数量
  input(type="number",value="0")

Styleguide 3.1.3
*/
.ec-numberInput input[type=number] {
  display: inline-block;
  width: auto;
  max-width: 100px;
  text-align: right;
}
/*
郵便番号フォーム

数量を表示するための小さなコンポーネントです。

内部に input 要素を配置してコーディングします。

ex [会員情報編集画面　郵便番号部分](http://demo3.ec-cube.net/mypage/change)

Markup:
.ec-zipInput
  span 〒
  input(type="text")
.ec-zipInputHelp
  a(href="http://www.post.japanpost.jp/zipcode/" target="_blank")
    .ec-zipInputHelp__icon
      .ec-icon
        img(src='/moc/icon/question-white.svg', alt='')
    span 郵便番号検索
.ec-zipAuto
  a.ec-inlineBtn 郵便番号から自動入力

Styleguide 3.1.4
*/
.ec-zipInput {
  display: inline-block;
}
.ec-zipInput input {
  display: inline-block;
  text-align: left;
  width: auto;
  max-width: 9em;
  font-size: 16px;
}
.ec-zipInput span {
  display: inline-block;
  padding: 0 5px 0 3px;
  margin-left: 5px;
}
.ec-zipInputHelp {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 16px;
  vertical-align: baseline;
  line-height: 0;
}
.ec-zipInputHelp .ec-zipInputHelp__icon {
  display: inline-block;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: #525263;
  border-radius: 50%;
  font-size: 13px;
  position: relative;
  top: -6px;
}
.ec-zipInputHelp .ec-zipInputHelp__icon .ec-icon img {
  width: 1em;
  height: 1em;
  position: relative;
  left: 3px;
  top: 3px;
}
.ec-zipInputHelp span {
  margin-left: 8px;
  display: inline-block;
  color: #0092C4;
  vertical-align: 3px;
}
.ec-zipAuto {
  margin-bottom: 16px;
}
.ec-zipAuto .ec-inlineBtn {
  font-weight: normal;
}
/*
電話番号ボタン

数量を表示するための小さなコンポーネントです。

内部に input 要素を配置してコーディングします。

ex [会員情報編集画面　電話番号部分](http://demo3.ec-cube.net/mypage/change)

Markup:
.ec-telInput
  input(type="text")

Styleguide 3.1.5
*/
.ec-telInput input {
  max-width: 12em;
  text-align: left;
}
/*
フォーム部品(その他)

フォーム部品でテキストの入力以外の動作要素を定義します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>

Styleguide 3.2
*/
/*
ラジオ（水平）

水平に並ぶラジオボタンフィールドです。

各要素をlabelでくくって、コーディングします。

ex [新規会員登録画面　性別選択部分](http://demo3.ec-cube.net/entry)

Markup:
.ec-radio
  label
    input(type="radio")
    span 男性
  label
    input(type="radio")
    span 女性

Styleguide 3.2.2
*/
.ec-radio div {
  display: inline-block;
}
.ec-radio label {
  margin-right: 20px;
}
.ec-radio input {
  margin-right: 10px;
  margin-bottom: 10px;
}
.ec-radio span {
  font-weight: normal;
}
/*
ラジオ(垂直)

垂直に並ぶラジオボタンフィールドです。

各要素をlabelでくくって、コーディングします。

ex [購入画面 お支払方法](http://demo3.ec-cube.net/shopping)

Markup:
.ec-blockRadio
  label
    input(type="radio")
    span 郵便振替
  label
    input(type="radio")
    span 現金書留
  label
    input(type="radio")
    span 銀行振込
  label
    input(type="radio")
    span 代金引換

Styleguide 3.2.3
*/
.ec-blockRadio label {
  display: block;
}
.ec-blockRadio span {
  padding-left: 10px;
  font-weight: normal;
}
/*
セレクトボックス

数量を表示するための小さなコンポーネントです。

数値表示に最適化するため、数字は右端揃えで表示されます。

ex [新規会員登録画面　都道府県選択部分](http://demo3.ec-cube.net/entry)

Markup:
.ec-select
  select
    option 都道府県を選択
    option 北海道
    option 青森県
    option 岩手県
    option ...
.ec-select
  select
    option 選択して下さい
    option 公務員
    option コンサルタント
    option コンピュータ関連技術職
    option コンピュータ関連以外の技術職
    option ...

Styleguide 3.2.4
*/
.ec-selects {
  margin-bottom: 20px;
  border-bottom: 1px dotted #ccc;
}
.ec-select {
  margin-bottom: 16px;
}
.ec-select select {
  display: inline-block;
  width: auto;
  max-width: 100%;
  background-color: rgb(248, 248, 248);
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
}
.ec-select select:focus {
  box-shadow: none;
}
.ec-select label {
  margin-right: 10px;
  font-weight: bold;
}
.ec-select label:nth-child(3) {
  margin-left: 10px;
  font-weight: bold;
}
.ec-select__delivery {
  display: block;
  margin-right: 16px;
}
.ec-select__time {
  display: block;
}
/*
生年月日選択

数量を表示するための小さなコンポーネントです。

数値表示に最適化するため、数字は右端揃えで表示されます。

ex [新規会員登録画面　生年月日選択部分](http://demo3.ec-cube.net/entry)

Markup:
.ec-birth
  select
    option ----
    option 1960
    option 1961
    option 1962
    option ...
  span /
  select
    option --
    option 01
    option 02
    option 03
    option ...
  span /
  select
    option --
    option 01
    option 02
    option 03
    option ...

Styleguide 3.2.5
*/
.ec-birth select {
  display: inline-block;
  width: auto;
  margin: 0 0 10px;
  background-color: rgb(248, 248, 248);
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
}
.ec-birth select:focus {
  box-shadow: none;
}
.ec-birth span {
  margin-left: 5px;
}
/*
チェックボックス （水平）

水平に並ぶチェックボックス フィールドです。

各要素をlabelでくくって、コーディングします。

ex [新規会員登録画面　利用規約](http://demo3.ec-cube.net/entry)

Markup:
.ec-checkbox
  label
    input(type="checkbox")
    span 利用規約に同意する

Styleguide 3.2.6
*/
.ec-checkbox label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 700;
}
.ec-checkbox input {
  margin-bottom: 10px;
}
.ec-checkbox span {
  font-weight: normal;
}
/*
チェックボックス (垂直)

垂直に並ぶチェックボックス フィールドです。

各要素をlabelでくくって、コーディングします。

Markup:
.ec-blockCheckbox
  label
    input(type="checkbox")
    span 利用規約に同意する

Styleguide 3.2.7
*/
.ec-blockCheckbox label {
  display: block;
}
.ec-blockCheckbox span {
  font-weight: normal;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
フォームラベル

フォームのラベルに関する要素を定義します。

sg-wrapper:
<div class="ec-registerRole">
  <div class="ec-off1Grid">
    <div class="ec-off1Grid__cell">
      <div class="ec-borderedDefs">
        <sg-wrapper-content/>
      </div>
    </div>
  </div>
</div>

Styleguide 3.3
*/
/*
ラベル

フォーム要素で利用するラベル要素です。

ex [お問い合わせページ　ラベル部分](http://demo3.ec-cube.net/contact)

Markup:
.ec-borderedDefs
  dl
    dt
      label.ec-label お名前
    dd
      .ec-input
        input(type="text")

Styleguide 3.3.1
*/
.ec-label {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 5px;
}
/*
必須ラベル

必須文字を表示するラベル要素です。

ex [お問い合わせページ　必須ラベル部分](http://demo3.ec-cube.net/contact)


Markup:
.ec-borderedDefs
  dl
    dt
      label.ec-label お名前
        span.ec-required 必須
    dd
      .ec-input
        input(type="text")

Styleguide 3.3.2
*/
.ec-required {
  display: inline-block;
  margin-left: 0.8em;
  vertical-align: 2px;
  color: #DE5D50;
  font-size: 12px;
  font-weight: normal;
}
/*
アイコン

デフォルトテンプレートのアイコンは`.ec-icon`>`img`タグで使用することができます

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>

Markup:
include /assets/tmpl/elements/4.1.icon.pug
div(style="background-color: rgba(130,130,130,.15); padding: 20px;")
  +icon-all

Styleguide 4.1
*/
.ec-icon img {
  max-width: 80px;
  max-height: 80px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
グリッド

画面を12分割し、グリッドレイアウトに対応するためのスタイルです。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 5.1
*/
/*
2分割グリッド

画面 ２分割の　グリッドです。
Bootstrap の col-sm-6 相当のグリッドを提供します。

Markup:
.ec-grid2
  .ec-grid2__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid2__cell
  .ec-grid2__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid2__cell

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 5.1.1
*/
.ec-grid2 {
  display: block;
  margin: 0;
}
.ec-grid2 .ec-grid2__cell {
  position: relative;
  min-height: 1px;
}
.ec-grid2 .ec-grid2__cell2 {
  position: relative;
  min-height: 1px;
}
/*
3分割グリッド

画面　３分割の　グリッドです。


Markup:
.ec-grid3
  .ec-grid3__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid3__cell
  .ec-grid3__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid3__cell
  .ec-grid3__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid3__cell

Styleguide 5.1.2
*/
.ec-grid3 {
  display: block;
  margin: 0;
}
.ec-grid3 .ec-grid3__cell {
  position: relative;
  min-height: 1px;
}
.ec-grid3 .ec-grid3__cell2 {
  position: relative;
  min-height: 1px;
}
.ec-grid3 .ec-grid3__cell3 {
  position: relative;
  min-height: 1px;
}
/*
4分割グリッド

画面　４分割の　グリッドです。


Markup:
.ec-grid4
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid4__cell

Styleguide 5.1.3
*/
.ec-grid4 {
  display: block;
  margin: 0;
}
.ec-grid4 .ec-grid4__cell {
  position: relative;
  min-height: 1px;
}
/*
6分割グリッド

2つにまとめた cell2 や 3つをまとめた cell3 タグも使用可能です。


Markup:
.ec-grid6
  .ec-grid6__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell
  .ec-grid6__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell
  .ec-grid6__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell
  .ec-grid6__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell
  .ec-grid6__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell
  .ec-grid6__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell
.ec-grid6
  .ec-grid6__cell2(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell2
  .ec-grid6__cell2(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell2
  .ec-grid6__cell2(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell2
.ec-grid6
  .ec-grid6__cell3(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell3
  .ec-grid6__cell3(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") .ec-grid6__cell3

Styleguide 5.1.4
*/
.ec-grid6 {
  display: block;
  margin: 0;
}
.ec-grid6 .ec-grid6__cell {
  position: relative;
  min-height: 1px;
}
.ec-grid6 .ec-grid6__cell2 {
  position: relative;
  min-height: 1px;
}
.ec-grid6 .ec-grid6__cell3 {
  position: relative;
  min-height: 1px;
}
/*
中央寄せグリッド 10/12

左右にマージンを持つ、中央寄せグリッドを提供します。１２分の１０グリッドです

ex [ご利用規約ページ　本文](http://demo3.ec-cube.net/help/agreement)

Markup:
.ec-off1Grid
  .ec-off1Grid__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

Styleguide 5.1.5
*/
.ec-off1Grid {
  margin: 0;
}
.ec-off1Grid .ec-off1Grid__cell {
  margin: 0;
}
/*
中央寄せグリッド 8/12

左右にマージンを持つ、中央寄せグリッドを提供します。１２分の８グリッドです


Markup:
.ec-off2Grid
  .ec-off2Grid__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

Styleguide 5.1.6
*/
.ec-off2Grid {
  display: block;
  margin: 0;
  background: #FFFFFF
}
.ec-off2Grid .ec-off2Grid__cell {
  margin: 0;
}
/*
中央寄せグリッド 6/12

左右にマージンを持つ、中央寄せグリッドを提供します。１２分の６グリッドです


Markup:
.ec-off3Grid
  .ec-off3Grid__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

Styleguide 5.1.7
*/
.ec-off3Grid {
  display: block;
  margin: 0;
}
.ec-off3Grid .ec-off3Grid__cell {
  margin: 0;
}
/*
中央寄せグリッド 4/12

左右にマージンを持つ、中央寄せグリッドを提供します。１２分の４グリッドです


Markup:
.ec-off4Grid
  .ec-off4Grid__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod


Styleguide 5.1.8
*/
.ec-off4Grid {
  display: block;
  margin: 0;
}
.ec-off4Grid .ec-off4Grid__cell {
  margin: 0;
}
/*
グリッドオプション

グリッドのセルに対して「左寄せ」「中央寄せ」「右寄せ」のオプションを付与することができます。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>

Styleguide 5.1.9
*/
/*
グリッドセルの左寄せ

.ec-gridに.ec-grid--leftを付与すると内包してるセルを左寄せにすることができます。

Markup:
.ec-grid4.ec-grid--left
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell

Styleguide 5.1.10
*/
.ec-grid--left {
  justify-content: flex-start;
}
/*
グリッドセルの右寄せ

.ec-gridに.ec-grid--leftを付与すると内包してるセルを左寄せにすることができます。

Markup:
.ec-grid4.ec-grid--right
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell

Styleguide 5.1.11
*/
.ec-grid--right {
  justify-content: flex-end;
}
/*
グリッドセルの中央寄せ

.ec-gridに.ec-grid--leftを付与すると内包してるセルを左寄せにすることができます。

Markup:
.ec-grid4.ec-grid--center
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell
  .ec-grid4__cell(style="background-color: rgba(86,61,124,.15);border: 1px solid rgba(86,61,124,.2);height:50px;") ec-grid4__cell

Styleguide 5.1.12
*/
.ec-grid--center {
  justify-content: center;
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
レイアウト

様々なレイアウトを変更する為のスタイル群です。

Styleguide 5.2
*/
/*
画像レイアウト

画像とテキストを水平に並べるレイアウトです。

画像は20%で表示されます。

ex [注文履歴 ログイン後→注文履歴ボタンを押下](http://demo3.ec-cube.net/mypage)

Markup:
.ec-imageGrid
  .ec-imageGrid__img: img(src="http://demo3.ec-cube.net/upload/save_image/0701113537_559351f959620.jpeg")
  .ec-imageGrid__content
    p.ec-font-bold ホーローマグ
    p ¥ 1,728 x 1

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 5.2.1
*/
.ec-imageGrid {
  display: table;
  border-top: 1px dotted #ccc;
  width: 100%;
}
.ec-imageGrid .ec-imageGrid__img {
  display: table-cell;
  padding: 10px;
  width: 100px;
}
.ec-imageGrid .ec-imageGrid__img img {
  width: 100%;
}
.ec-imageGrid .ec-imageGrid__content {
  vertical-align: middle;
  display: table-cell;
}
.ec-imageGrid .ec-imageGrid__content span {
  margin-left: 10px;
}
.ec-imageGrid .ec-imageGrid__content p {
  margin-bottom: 0;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
ログイン

主にログインフォームのスタイルを表示します。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 6.1
*/
/*
ログインフォーム

ログインフォームを表示します。

ex [ログイン画面](http://demo3.ec-cube.net/mypage/login)

Markup:
include /assets/tmpl/elements/6.3.login.pug
+ec-login


Styleguide 6.1.1
*/
.ec-login {
  margin: 0 0 20px;
  padding: 30px 13% 20px;
  height: auto;
  background: #FFFFFF;
  box-sizing: border-box;
}
.ec-login .ec-login__icon {
  text-align: center;
}
.ec-login .ec-icon {
  margin-bottom: 10px;
}
.ec-login .ec-icon img {
  width: 90px;
  height: 90px;
  display: inline-block;
}
.ec-login .ec-login__input {
  margin-bottom: 40px;
}
.ec-login .ec-login__input .ec-checkbox span {
  margin-left: 5px;
  font-weight: normal;
}
.ec-login .ec-login__actions {
  color: #fff;
}
.ec-login .ec-login__actions a {
  color: inherit;
  text-decoration: none;
}
.ec-login .ec-login__actions a:hover {
  text-decoration: none;
}
.ec-login .ec-login__link {
  margin-top: 5px;
  margin-left: 0;
}
.ec-login .ec-errorMessage {
  color: #DE5D50;
  margin-bottom: 20px;
}

.ec-login .ec-login__btn {
  margin-top: 40px;
  margin-bottom: 40px;
}
.ec-login .ec-login__btn .ec-login__msg {
  text-align: center;
}

.ec-login .ec-custadd__btn {
  padding-top: 20px;
  border-top: dashed 2px;
}
.ec-login .ec-custadd__btn .ec-custadd__msg {
  text-align: center;
  font-size: 18px;
}

/*
ゲスト購入

ゲスト購入ボタンとそのフォームを表示します。

ex [ゲスト購入画面](http://demo3.ec-cube.net/shopping/login)

Markup:
include /assets/tmpl/elements/6.3.login.pug
+ec-guest
hoge

Styleguide 6.1.2
*/
.ec-guest {
  display: table;
  margin: 0;
  padding: 13%;
  height: auto;
  box-sizing: border-box;
  background: #F3F4F4;
}
.ec-guest .ec-guest__inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.ec-guest .ec-guest__inner p {
  margin-bottom: 16px;
}
.ec-guest .ec-guest__actions {
  display: block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}
.ec-guest .ec-guest__actions a {
  color: inherit;
  text-decoration: none;
}
.ec-guest .ec-guest__actions a:hover {
  text-decoration: none;
}
.ec-guest .ec-guest__icon {
  font-size: 70px;
  text-align: center;
}

/*
トップページ（メインイメージ）

Markup:
include /assets/tmpl/elements/6.3.login.pug
+ec-guest
hoge

Styleguide 6.1.2
*/
.ec-topimgRole {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.ec-topmakeshopRole {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
}
.ec-topmakeshopRole .ec-topmakeshomenu{
  width: 100%;
}
.ec-topmakeshopRole .ec-topmakeshomenu .ec-topmakeshomenuWaku{
  width: 90%;
  margin: 0 auto;
}
.ec-topmakeshopRole .ec-topmakeshomenu .ec-topmakeshomenuWaku .ec-topmakeshomenuimg{
  width: 100%;
  padding: 10px;
}

.list_dtl {
  display: block;
}

.list_dtl_mei {
  width: 95%; 
  margin: 10px
}

.menu_explanation_accordion {
  font-size: 1.2rem;
  margin: 20px 5px;
  border: 1px solid #95afdb;
}

.menu_explanation_accordion .sum {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 10px 15px;
  /*background-color: #95afdb;*/
  color: #ffffff;
  cursor: pointer;
  text-align: center;
}
.menu_explanation_accordion .sum .sum_title{
  margin: 0 auto;
}

.menu_explanation_accordion summary::-webkit-details-marker {
  display: none;
}

.menu_explanation_accordion summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  content: '';
  transition: transform .3s;
}

.menu_explanation_accordion[open] summary::after {
  transform: rotate(225deg);
}

.menu_explanation_accordion summary::-webkit-details-marker {
  display: none;
}

.menu_explanation_accordion summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  content: '';
  transition: transform .3s;
}

.menu_explanation_accordion[open] summary::after {
  transform: rotate(225deg);
}*/

.menu_explanation_accordion p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: .3em 2em 1.5em;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

.menu_explanation_accordion[open] div {
  transform: none;
  opacity: 1;
}
.menu_explanation_accordion .item_list {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  list-style: none;
}

.menu_explanation_accordion .item_list .dtl{
  width: 46%;
  padding: 5px;
  text-align: center;
  cursor:pointer;
}

.menu_explanation_accordion .item_list .dtl .btn{
  border-radius:10px;
  width: 100%;
}


.menu_explanation_accordion .item_list .dtl .btn label{
  cursor:pointer;
}
/*
クリーニングお申し込み内容を登録

Markup:
include /assets/tmpl/elements/6.3.login.pug
+ec-guest
hoge

Styleguide 6.1.2
*/
.ec-cleaning {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.ec-cleaning v.ec-cleaning__detail {
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center;
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail {
  margin: 0 auto;
  width: 100%;
  border: 2px solid #95afdb;
  border-radius: 10px;
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_title {

}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_title .cleaning_name {
  display: flex;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  z-index: 10;
  border-bottom: 1px solid #95afdb;
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_title .cleaning_name .cleaning_name_l {
  width: 80%;
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_title .cleaning_name .cleaning_name_l .up_title{
  display: flex;
  margin-bottom: 10px;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  text-align: left;
  border-bottom: none;
  border-bottom: 1px solid #95afdb;
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_title .cleaning_name .cleaning_name_l .up_title img{
  max-width: 10%;
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_title .cleaning_name .cleaning_name_l .dw_title{
  width: 100%;
  font-size: 1.0rem;
  font-weight: 600;
  padding-left: 20px;
  padding-bottom: 10px;
  text-align: left;

}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .plan_msg {
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-left: 5px;
  padding-right: 5px;
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .plan_msg .chgmsg {
  font-weight: 600;
  border-bottom: 4px solid #ff4500;
  margin-bottom: 20px;
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .plan_msg .msg {
  font-size: 1.0rem;
}



.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_title .cleaning_name .cleaning_name_r {
  padding: 5px;
  width: 20%;
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-top: 1px solid #95afdb;
  border-bottom: 1px solid #95afdb;
  font-weight: 600;

}
.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading .l_heading {
  position: relative;
  width:  44px;
  padding: 0.5rem;
  background-color: #95afdb;
  color: #fff;
    text-align: center;

}
.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading .r_heading {
  position: relative;
  text-align: left;
  width:  87%;
  padding: 0.5rem;
  padding-left: 10px;
}
.ec-cleaning .ec-cleaning__meisai {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 25px;

}

.ec-cleaning__detail .item {
  margin-left: 5px;
  margin-right: 5px;
}


.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading_accordion {
  margin-bottom: 15px;
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading_accordion .sum {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  font-weight: 600;
  cursor: pointer;
  border-top: 1px solid #95afdb;
  border-bottom: 1px solid #95afdb;
  padding-right: 12px;
}
.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading_accordion .sum .l_heading {
  position: relative;
  width: 44px;
  padding: 0.5rem 0.2rem;
  background-color: #95afdb;
  color: #fff;
  text-align: center;
}
.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading_accordion .sum .r_heading {
  position: relative;
  text-align: left;
  width: 90%;
  padding: 0.5rem;
  padding-left: 10px;
}


.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading_accordion summary::-webkit-details-marker {
  display: none;
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading_accordion summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #333333b3;
  border-right: 3px solid #333333b3;
  content: '';
  transition: transform .3s;
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading_accordion[open] summary::after {
  transform: rotate(225deg);
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading_accordion[open] summary {
  border-bottom: 1px solid #95afdb;
}

.ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading_accordion[open] div {
  transform: none;
  opacity: 1;
}

.deadline {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-bottom: 10px;
}

.deadline .deadline_btn_u {
  display: flex;
  position: relative;
  height: 4rem;
  width: 100%;
}


.deadline .deadline_btn_d {
  display: flex;
  position: relative;
  height:  4rem;
  width:  100%;
}

.deadline_btn {
  position: relative;
  height:  4rem;
  width:  50%;
  padding: 0.5rem;
}

.deadline_radio {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

.deadline_radio_disabled {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
}

.deadline_radio_title {
  display: flex;
  font-weight: 600;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 2px solid #95afdb;
  border-radius: 5px;
  transition: transform 300ms ease;
  color: #95afdb;
}

.deadline_radio_title_disabled {
  display: flex;
  font-weight: 600;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 2px solid #d3d3d3;
  border-radius: 5px;
  transition: transform 300ms ease;
  color: #95afdb;
}
.deadline_radio_title_disabled .radio_label {
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #d3d3d3;
 }

.deadline_radio:checked + .deadline_radio_title {
  background-color: #95afdb;
  border: 2px solid #95afdb;
  color: white;

  .radio_label {
    color: white;
    background-color: #95afdb;
  }
}
.deadline_radio:checked + .msg {
  display: block;
}

.cleaning_dtl {
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-bottom: 10px;
}

.cleaning_dtl_n {
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-bottom: 10px;
}

.cleaning_dtl {
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #95afdb;
}
.cleaning_dtl_add {
  border-top: 1px dashed #95afdb;
}

.cleaning_dtl_n .cleaning_dtl_l ,
.cleaning_dtl .cleaning_dtl_l {
  padding: 5px 10px;
  width:  100%;
}

.cleaning_dtl_n .cleaning_dtl_r ,
.cleaning_dtl .cleaning_dtl_r {
  padding: 5px 50px;
  width:  100%;
}

.cleaning_dtl .select_box {
  height:  4rem;
  width:  100%;
  border: 2px solid #95afdb;
  border-radius: 10px;
  transition: transform 300ms ;
  font-size: 1.2rem;
  line-height: 4rem;
  padding-left: 20px;
}

.cleaning_add_dtl {
  /*border-bottom: 2px dashed #95afdb;*/

}

.cleaning_delbtn {
  margin-bottom: 20px;
}

.cleaning_delbtn_none {
  display: none;
}

.cleaning__dtl {
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
  margin-bottom: 10px;
}

.cleaning__dtl .dtl{
  display: block;
}
.cleaning__dtl .dtl .dtl_opt{
  display: flex;
}
.cleaning__dtl .dtl .dtl_opt .dtl_title{
  width: 50%;
}
.cleaning__dtl .dtl .dtl_opt .dtl_optbtn{
}

.explanation {
  display:flex;
  flex-flow: column;
  justify-content:space-between;
  margin-bottom: 20px;
}

.explanation .exp_bold{
  margin-top: 30px;
  font-weight: 600;
  padding: 0 10px;
}
.explanation .exp{
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 10px;
}

.item_explanation_accordion {
  margin: 20px 0;
  border: 1px solid #95afdb;
}

.item_explanation_accordion .sum {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 10px 10px;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
}
.item_explanation_accordion .sum_on {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 10px 10px;
  background-color: #95afdb;
  color: #ffffff;
  font-weight: 600;
  cursor: pointer;
}


.item_explanation_accordion summary::-webkit-details-marker {
  display: none;
}

.item_explanation_accordion summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #333333b3;
  border-right: 3px solid #333333b3;
  content: '';
  transition: transform .3s;
}

.item_explanation_accordion[open] summary::after {
  transform: rotate(225deg);
}

.item_explanation_accordion p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: .3em 2em 1.5em;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

.item_explanation_accordion[open] div {
  transform: none;
  opacity: 1;
}
.item_explanation_accordion .item_list {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  list-style: none;
}

.item_explanation_accordion .item_list .dtl{
  display: grid;
  width: 46%;
  padding: 5px;
  text-align: center;
  cursor:pointer
}
.item_explanation_accordion .item_list .dtl_select{
  display: grid;
  width: 46%;
  padding: 5px;
  text-align: center;
  cursor:pointer;
  border: 2px #95afdb solid;
}
.item_explanation_accordion .item_list .sellbl_off{
  display: none;
}

.item_explanation_accordion .item_list .sellbl_on{
  display: block;
}

.komono_dtl {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  list-style: none;
}
.komono_dtl .dtl{
  width: 43%;
  margin: 5px;
  padding: 5px;
  text-align: center;
  /*cursor: pointer;*/
}
.komono_dtl .dtl_select{
  width: 43%;
  margin: 5px;
  padding: 5px;
  text-align: center;
  border: 2px #95afdb solid;
}
.komono_dtl .sellbl_off{
  display: none;
}

.komono_dtl .sellbl_on{
  display: block;
}
.komono_dtl .komono_name{
  padding-bottom: 10px;
}

.komono_dtl .komono_pic{
  padding-bottom: 10px;
}
.komono_dtl .komono_pic  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.komono_dtl .komono_suryo{
  padding-bottom: 10px;
}
.komono_dtl .komono_opt{
  padding-bottom: 10px;
}

.explanation_accordion {
  margin: 5px 5px;
  border-bottom: 1px solid #95afdb;
}

.explanation_accordion summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 10px 20px;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
}

.explanation_accordion summary::-webkit-details-marker {
  display: none;
}

.explanation_accordion summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #333333b3;
  border-right: 3px solid #333333b3;
  content: '';
  transition: transform .3s;
}

.explanation_accordion[open] summary::after {
  transform: rotate(225deg);
}

.explanation_accordion p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: .3em 2em 1.5em;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

.explanation_accordion[open] div {
  transform: none;
  opacity: 1;
}

.total_sub{
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.total_sub .total_sub_l{
  width: 100%;
}

.total_sub .total_sub_l .total_sub_tbl{
  width: 100%;
}

.total_sub .total_sub_l .total_sub_tbl .total_sub_tbl_tr_head{
  height: 40px;
  text-align: center;
  border-bottom: 2px solid #95afdb;
  font-weight: 600;
  font-size: 1.0rem;
}

.total_sub .total_sub_l .total_sub_tbl .total_sub_tbl_tr{
  height: 35px;
  border-bottom: 1px solid #95afdb;
}

.total_sub .total_sub_l .total_sub_tbl .total_sub_tbl_tr .total_sub_tbl_td1{
  padding-left: 20px;
  text-align: left;
  font-weight: 600;
  font-size: 1.0rem;
}
.total_sub .total_sub_l .total_sub_tbl .total_sub_tbl_tr .total_sub_tbl_td2{
  padding-right: 20px;
  text-align: right;
  font-weight: 600;
  font-size: 1.0rem;
}
.total_sub .total_sub_l .total_sub_tbl .total_sub_tbl_tr .total_sub_tbl_td2d{
  padding-right: 20px;
  text-align: right;
  color: #FF0000;
  font-weight: 600;
  font-size: 1.0rem;
}

.total_sub .total_sub_r{
  width: 100%;
  display: block;
  align-items: flex-end;
}

.total_sub .total_sub_r .btn{
  width: 100%;
  font-size: 1.0rem;
}

.ec-foote__total {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 51px;
  background: #ffffff;
}

.ec-foote__total .total_kin{
  font-weight: 600;
  height: 50px;
  text-align: center;
  margin-bottom: 5px;
  background: #FFF2ED;
  border-top: 2px solid #079ad9;
}

.moto,
.motoopthid,
.motoopt {
    display: none;
}


/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
商品掲載

トップページに商品掲載するスタイルガイド群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 7.1
*/
/*
商品アイテム（商品紹介B）

３項目横並びの商品アイテムを表示します。
必要に応じて商品詳細や、キャッチコピーなどを添えることが出来ます。

ex [トップページ　商品紹介部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/7.1.itembanner.pug
+ec-displayB

Styleguide 7.1.1
*/
.ec-displayB {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.ec-displayB .ec-displayB__cell {
  width: 100%;
  margin-bottom: 16px;
}
.ec-displayB .ec-displayB__cell a {
  color: inherit;
  text-decoration: none;
}
.ec-displayB .ec-displayB__cell a:hover {
  text-decoration: none;
}
.ec-displayB .ec-displayB__cell:hover {
  text-decoration: none;
}
.ec-displayB .ec-displayB__cell:hover img {
  opacity: 0.8;
}
.ec-displayB .ec-displayB__cell:hover a {
  text-decoration: none;
}
.ec-displayB .ec-displayB__img {
  margin-bottom: 15px;
}
.ec-displayB .ec-displayB__catch {
  margin-bottom: 15px;
  text-decoration: none;
  font-weight: bold;
  color: #9a947e;
}
.ec-displayB .ec-displayB__comment {
  margin-bottom: 14px;
  text-decoration: none;
  color: #525263;
  font-size: 14px;
}
.ec-displayB .ec-displayB__link {
  text-decoration: none;
  font-weight: bold;
  color: #9a947e;
}
/*
商品アイテム（商品紹介C）

４項目横並びの商品アイテムを表示します。

ex [トップページ　商品紹介部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/7.1.itembanner.pug
+ec-displayC
p hoge

Styleguide 7.1.2
*/
.ec-displayC {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 24px;
}
.ec-displayC .ec-displayC__cell {
  width: 47%;
}
.ec-displayC .ec-displayC__cell a {
  color: inherit;
  text-decoration: none;
}
.ec-displayC .ec-displayC__cell a:hover {
  text-decoration: none;
}
.ec-displayC .ec-displayC__cell:hover a {
  text-decoration: none;
}
.ec-displayC .ec-displayC__cell:hover img {
  opacity: 0.8;
}
.ec-displayC .ec-displayC__img {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.ec-displayC .ec-displayC__catch {
  display: block;
  width: 100%;
  font-weight: bold;
  color: #9a947e;
}
.ec-displayC .ec-displayC__title {
  display: block;
  width: 100%;
  color: #525263;
}
.ec-displayC .ec-displayC__price {
  display: block;
  width: 100%;
  font-weight: bold;
  color: #525263;
}
.ec-displayC .ec-displayC__price--sp {
  display: block;
  width: 100%;
  font-weight: bold;
  color: #DE5D50;
}
/*
トグルスイッチ

２要素の選択を行うコンポーネントです。クリックすることで切り替えを行うことが出来ます。

Markup:
div(style="padding:20px; background:#eee;")
  // `(style="padding:20px;, background:#eee;")` はスタイルガイドにおけるサンプル表示の都合上付与しています。
  +b.c-toggleSwitch
    +e.btn
      input(type="checkbox" id="switch")
      label(for="switch")
    +e.label
      span 公開

Styleguide 8.0
*/
.c-toggleSwitch {
  display: inline-block;
}
.c-toggleSwitch__btn {
  display: inline-block;
  height: 30px;
}
.c-toggleSwitch__btn input[type=checkbox] + label {
  margin-bottom: 0;
  width: 55px;
  height: 30px;
  background: #D3D3D3;
  display: inline-block;
  border-radius: 21px;
  position: relative;
  cursor: pointer;
}
.c-toggleSwitch__btn input[type=checkbox] + label:after {
  content: "";
  display: inline-block;
  width: 26px;
  height: 27px;
  background: #FFF;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 2px;
  transition: all 0.3s;
}
.c-toggleSwitch__btn input[type=checkbox] {
  margin-bottom: 0;
  display: none;
}
.c-toggleSwitch__btn input[type=checkbox]:checked + label {
  background-color: #25B877;
}
.c-toggleSwitch__btn input[type=checkbox]:checked + label:after {
  left: 26.5px;
}
.c-toggleSwitch__label {
  margin-left: 5px;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  color: #fff;
}
.c-toggleSwitch__label span {
  vertical-align: middle;
  line-height: 1.9;
}

/*
商品アイテム（商品紹介D）

６項目横並びの商品アイテムを表示します。

ex [トップページ　商品紹介部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/7.1.itembanner.pug
+ec-displayD

Styleguide 7.1.3
*/
.ec-displayD {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
}
.ec-displayD .ec-displayD__cell {
  width: 30%;
  margin-bottom: 8px;
}
.ec-displayD .ec-displayD__cell a {
  color: inherit;
  text-decoration: none;
}
.ec-displayD .ec-displayD__cell a:hover {
  text-decoration: none;
}
.ec-displayD .ec-displayD__cell:hover {
  text-decoration: none;
}
.ec-displayD .ec-displayD__cell:hover img {
  opacity: 0.8;
}
.ec-displayD .ec-displayD__img {
  display: block;
  width: 100%;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
検索・一覧表示

検索欄や、一覧表示に使用するスタイル群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 7.2
*/
/*
トピックパス

検索結果で表示されるトピックパスのスタイルです。

ex [商品一覧ページ　横並びリスト部分](http://demo3.ec-cube.net/products/list?category_id=&name=)

Markup:
include /assets/tmpl/elements/7.2.search.pug
+ec-topicpath

Styleguide 7.2.1
*/
.ec-topicpath {
  letter-spacing: -0.4em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 10px;
  list-style: none;
  overflow: hidden;
  font-size: 12px;
  color: #0092C4;
}
.ec-topicpath .ec-topicpath__item a {
  color: inherit;
  text-decoration: none;
}
.ec-topicpath .ec-topicpath__item a:hover {
  text-decoration: none;
}
.ec-topicpath .ec-topicpath__divider {
  color: #000;
}
.ec-topicpath .ec-topicpath__item, .ec-topicpath .ec-topicpath__divider, .ec-topicpath .ec-topicpath__item--active {
  display: inline-block;
  min-width: 16px;
  text-align: center;
  position: relative;
  letter-spacing: normal;
}
.ec-topicpath .ec-topicpath__item--active {
  font-weight: bold;
}
.ec-topicpath .ec-topicpath__item--active a {
  color: inherit;
  text-decoration: none;
}
.ec-topicpath .ec-topicpath__item--active a:hover {
  text-decoration: none;
}
/*
ページャ

検索結果で表示される商品一覧のスタイルです。

ex [商品一覧ページ　ページャ部分](http://demo3.ec-cube.net/products/list?category_id=&name=)

Markup:
include /assets/tmpl/elements/7.2.search.pug
+ec-pager

Styleguide 7.2.2
*/
.ec-pager {
  list-style: none;
  list-style-type: none;
  margin: 0 auto;
  padding: 1em 0;
  text-align: center;
}
.ec-pager .ec-pager__item, .ec-pager .ec-pager__item--active {
  display: inline-block;
  min-width: 29px;
  padding: 0 3px 0 2px;
  text-align: center;
  position: relative;
}
.ec-pager .ec-pager__item a, .ec-pager .ec-pager__item--active a {
  color: inherit;
  text-decoration: none;
}
.ec-pager .ec-pager__item a:hover, .ec-pager .ec-pager__item--active a:hover {
  text-decoration: none;
}
.ec-pager .ec-pager__item a, .ec-pager .ec-pager__item--active a {
  color: inherit;
  display: block;
  line-height: 1.8;
  padding: 5px 1em;
  text-decoration: none;
}
.ec-pager .ec-pager__item a:hover, .ec-pager .ec-pager__item--active a:hover {
  color: inherit;
}
.ec-pager .ec-pager__item--active {
  background: #F3F3F3;
}
.ec-pager .ec-pager__item:hover {
  background: #F3F3F3;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.bg-load-overlay {
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1;
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
カート

ショッピングカートに関するスタイルです。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 7.3
*/
/*
カートヘッダ

購入完了までの手順や、現在の状態を表示します。

ul 要素を用いたリスト要素としてマークアップします。

ex [カートページ　ヘッダ部分](http://demo3.ec-cube.net/cart)

Markup:
include /assets/tmpl/elements/7.3.cart.pug
+ec-progress

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 7.3.1
*/
.ec-progress {
  margin: 0 auto;
  padding: 8px 0 16px;
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 600px;
  list-style: none;
}
.ec-progress .ec-progress__item {
  display: table-cell;
  position: relative;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  z-index: 10;
}
.ec-progress .ec-progress__item:after {
  content: "";
  position: absolute;
  display: block;
  background: #525263;
  width: 100%;
  height: 0.25em;
  top: 1.25em;
  left: 50%;
  margin-left: 1.5em\9 ;
  z-index: -1;
}
.ec-progress .ec-progress__item:last-child:after {
  display: none;
}
.ec-progress .ec-progress__number {
  line-height: 30px;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  font-size: 12px;
  background: #525263;
  color: #fff;
  top: 0;
  left: 18px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}
.ec-progress .ec-progress__label {
  font-size: 12px;
}
.ec-progress .is-complete .ec-progress__number {
  background: #5CB1B1;
}
.ec-progress .is-complete .ec-progress__label {
  color: #5CB1B1;
}
/*
カートナビゲーション

カートナビゲーションを表示します。　カートに追加された商品の個数も表示します。

ex [カートページ　ナビゲーション部分](http://demo3.ec-cube.net/cart)

Markup:
include /assets/tmpl/elements/11.2.header.pug
+ec-headerCart

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>


Styleguide 7.3.5
*/
.ec-cartNavi {
  display: inline-block;
  padding: 10px 0 0 20px;
  width: auto;
  color: black;
  background: transparent;
}
.ec-cartNavi .ec-cartNavi__icon {
  display: inline-block;
  font-size: 20px;
  display: inline-block;
  opacity: 1;
  visibility: visible;
  animation: fadeIn 200ms linear 0s;
  position: relative;
}
.ec-cartNavi .ec-cartNavi__badge {
  display: inline-block;
  border-radius: 99999px;
  box-sizing: border-box;
  padding: 5px;
  height: 17px;
  font-size: 10px;
  line-height: 0.7;
  vertical-align: top;
  color: #fff;
  text-align: left;
  white-space: nowrap;
  background-color: #DE5D50;
  position: absolute;
  left: 60%;
  top: -10px;
}
.ec-cartNavi .ec-cartNavi__price {
  display: none;
}
.ec-cartNavi.is-active .ec-cartNavi__icon:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.ec-cartNavi.is-active .ec-cartNavi__badge {
  display: none;
}
/*
カートナビゲーションのポップアップ(商品詳細)

カートナビゲーションのポップアップを表示します。カートに追加された商品の詳細が表示されます。

ex [カートページ　ナビゲーション部分](http://demo3.ec-cube.net/cart)

Markup:
div(style="height:350px;")
  // 上記のdivはスタイルガイド都合上、高さをもたせるため設置(mocでは不要)
  .is_active
    .ec-cartNavi
      .ec-cartNavi__icon
        img(src='/moc/icon/cart-dark.svg', alt='close')
      .ec-cartNavi__iconClose
        img(src='/moc/icon/cross-dark.svg', alt='close')
      .ec-cartNavi__badge 1
      .ec-cartNavi__label
        | 合計
        .ec-cartNavi__price ¥1920
    +b.ec-cartNaviIsset
      +e.cart
        +e.cartImage
          img(src='http://demo3.ec-cube.net/upload/save_image/0701104933_5593472d8d179.jpeg')
        +e.cartContent
          +e.cartContentTitle ミニテーブル
          +e.cartContentPrice ¥ 12,960
            +e.cartContentTax 税込
          +e.cartContentNumber 数量：1
      +e.action
        a.ec-blockBtn--action(href="/moc/guest/cart1") カートへ進む
        a.ec-blockBtn.ec-cartNavi--cancel キャンセル

Styleguide 7.3.6
*/
.ec-cartNaviIsset {
  display: none;
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  box-sizing: border-box;
  padding: 16px;
  z-index: 20;
  position: absolute;
  right: 0;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart {
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 16px;
  padding-bottom: 32px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart:after {
  content: " ";
  display: table;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart:after {
  clear: both;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage {
  float: left;
  width: 45%;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage img {
  width: 100%;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContent {
  float: right;
  width: 55%;
  padding-left: 16px;
  text-align: left;
  box-sizing: border-box;
}
.ec-cartNaviIsset .ec-cartNaviIsset__action .ec-blockBtn--action {
  color: #fff;
  margin-bottom: 8px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentTitle {
  margin-bottom: 8px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentPrice {
  font-weight: bold;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentTax {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  margin-left: 2px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentNumber {
  font-size: 14px;
}
.ec-cartNaviIsset.is-active {
  display: block;
}
/*
カートナビゲーションのポップアップ(商品なし)

カートナビゲーションのポップアップを表示します。商品が登録されていない場合の表示です。

ex [カートページ　ナビゲーション部分](http://demo3.ec-cube.net/cart)

Markup:
div(style="height:170px;")
  // 上記のdivはスタイルガイド都合上、高さをもたせるため設置(mocでは不要)
  .is_active
    .ec-cartNavi
      .ec-cartNavi__icon
        img(src='/moc/icon/cart-dark.svg', alt='cart')
      .ec-cartNavi__iconClose
        img(src='/moc/icon/cross-dark.svg', alt='close')
      .ec-cartNavi__badge 1
      .ec-cartNavi__label
        | 合計
        .ec-cartNavi__price ¥1920
    .ec-cartNaviNull
      .ec-cartNaviNull__message
        p 現在カート内に
          br
          | 商品がございません。
    //+b.ec-cartNaviIsset
    //  +e.cart
    //    +e.cartImage
    //      img(src='http://demo3.ec-cube.net/upload/save_image/0701104933_5593472d8d179.jpeg')
    //    +e.cartContent
    //      +e.cartContentTitle ミニテーブル
    //      +e.cartContentPrice ¥ 12,960
    //        +e.cartContentTax 税込
    //      +e.cartContentNumber 数量：1
    //  +e.action
    //    a.ec-blockBtn--action(href="/moc/guest/cart1") カートへ進む
    //    a.ec-blockBtn キャンセル

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>


Styleguide 7.3.7
*/
.ec-cartNaviNull {
  display: none;
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  box-sizing: border-box;
  padding: 16px;
  z-index: 3;
  position: absolute;
  right: 0;
}
.ec-cartNaviNull .ec-cartNaviNull__message {
  border: 1px solid #D9D9D9;
  padding: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #F99;
}
.ec-cartNaviNull .ec-cartNaviNull__message p {
  margin: 0;
}
.ec-cartNaviNull.is-active {
  display: block;
}
/*
総計

会計時の合計金額、総計を表示します。

ex [カートページ　統計部分](http://demo3.ec-cube.net/cart)

Markup:
include /assets/tmpl/elements/7.3.cart.pug
+ec-totalBox

Styleguide 7.3.8
*/
.ec-totalBox {
  background: #F3F3F3;
  padding: 16px;
  margin-bottom: 16px;
}
.ec-totalBox .ec-totalBox__spec {
  display: flex;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 8px;
}
.ec-totalBox .ec-totalBox__spec dt {
  font-weight: normal;
  text-align: left;
}
.ec-totalBox .ec-totalBox__spec dd {
  text-align: right;
}
.ec-totalBox .ec-totalBox__spec .ec-totalBox .ec-totalBox__spec__specTotal {
  color: #DE5D50;
}
.ec-totalBox .ec-totalBox__total {
  border-top: 1px dotted #ccc;
  padding: 8px 0;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}
.ec-totalBox .ec-totalBox__paymentTotal {
  border-top: 1px dotted #ccc;
  padding: 8px 0;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price,
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel {
  color: #DE5D50;
}
.ec-totalBox .ec-totalBox__price {
  margin-left: 16px;
  font-size: 16px;
  font-weight: bold;
}
.ec-totalBox .ec-totalBox__taxLabel {
  margin-left: 8px;
  font-size: 12px;
}
.ec-totalBox .ec-totalBox__taxRate {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
  font-size: 10px;
}
.ec-totalBox .ec-totalBox__taxRate dt {
  font-weight: normal;
  text-align: left;
  margin-right: 8px;
}
.ec-totalBox .ec-totalBox__taxRate dt::before {
  content: "[ ";
}
.ec-totalBox .ec-totalBox__taxRate dd {
  text-align: right;
}
.ec-totalBox .ec-totalBox__taxRate dd::after {
  content: " ]";
}
.ec-totalBox .ec-totalBox__pointBlock {
  padding: 18px 20px 10px;
  margin-bottom: 10px;
  background: #fff;
}
.ec-totalBox .ec-totalBox__btn {
  color: #fff;
}
.ec-totalBox .ec-totalBox__btn a {
  color: inherit;
  text-decoration: none;
}
.ec-totalBox .ec-totalBox__btn a:hover {
  text-decoration: none;
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
  font-size: 16px;
  font-weight: bold;
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--cancel {
  margin-top: 8px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
お知らせ

新着情報やバナーなどの掲載項目を紹介していきます。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 8.1
*/
/*
新着情報

新着情報の掲載をします。

ex [トップページ　新着情報部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/8.1.info.pug
+ec-news

Styleguide 8.1.1
*/
.ec-news {
  margin-bottom: 16px;
  background: #F8F8F8;
}
.ec-news .ec-news__title {
  font-weight: bold;
  padding: 8px;
  font-size: 16px;
  text-align: center;
}
.ec-news .ec-news__items {
  padding: 0;
  list-style: none;
  border-top: 1px dotted #ccc;
}
/*
折りたたみ項目

折りたたみ項目を掲載します。

ex [トップページ　折りたたみ項目部分](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/8.1.info.pug
+b.ec-news
        +e.title 新着情報
        +e.UL.items
            +e.LI.item
                +b.ec-newsline.is_active
                    +e.info
                        +e.date 2016/09/29
                        +e.comment サイトオープンしました
                        +e.close
                            a.ec-closeBtn--circle
                                span.ec-closeBtn--circle__icon
                                    .ec-icon
                                        img(src='/moc/icon/angle-down-white.svg', alt='')
                    +e.description 一人暮らしからオフィスなどさまざまなシーンで あなたの生活をサポートするグッズをご家庭へお届けします！

Styleguide 8.1.2
*/
.ec-newsline {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0 16px;
}
.ec-newsline .ec-newsline__info {
  width: 100%;
  padding: 16px 0;
}
.ec-newsline .ec-newsline__info:after {
  content: " ";
  display: table;
}
.ec-newsline .ec-newsline__info:after {
  clear: both;
}
.ec-newsline .ec-newsline__date {
  display: inline-block;
  margin-right: 10px;
  float: left;
}
.ec-newsline .ec-newsline__comment {
  display: inline-block;
  float: left;
}
.ec-newsline .ec-newsline__close {
  float: right;
  display: inline-block;
  text-align: right;
}
.ec-newsline .ec-newsline__close .ec-closeBtn--circle {
  display: inline-block;
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
}
.ec-newsline .ec-newsline__description {
  width: 100%;
  height: 0;
  transition: all 0.2s ease-out;
}
.ec-newsline.is_active .ec-newsline__description {
  height: auto;
  transition: all 0.2s ease-out;
  padding-bottom: 16px;
}
.ec-newsline.is_active .ec-icon img {
  transform: rotateX(180deg);
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
マイページ

マイページで利用するためのスタイルガイド群です。

sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>


Styleguide 9.1
*/
/*
マイページ

マイページで表示するメニューリストです。

ul を利用したリスト要素で記述します。

ex [マイページ　メニューリスト部分](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/9.1.mypage.pug
+ec-navlist

Styleguide 9.1.1
*/
.ec-navlistRole .ec-navlistRole__navlist {
  display: flex;
  flex-wrap: wrap;
  border-color: #D0D0D0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin-bottom: 32px;
  padding: 0;
  list-style: none;
}
.ec-navlistRole .ec-navlistRole__navlist a {
  color: inherit;
  text-decoration: none;
}
.ec-navlistRole .ec-navlistRole__navlist a:hover {
  text-decoration: none;
}
.ec-navlistRole .ec-navlistRole__item {
  display: flex;
  width: 50%;
  border-color: #D0D0D0;
  border-style: solid;
  border-width: 0 1px 1px 0;
  text-align: center;
  font-weight: bold;
}
.ec-navlistRole .ec-navlistRole__item:hover {
  background: #f5f7f8;
}
.ec-navlistRole .ec-navlistRole__item a {
  margin: auto;
  padding: 16px 10px;
  width: 100%;
  display: inline-block;
}
.ec-navlistRole .active a {
  color: #DE5D50;
}
/*
マイページ（お気に入り機能無効）

マイページで表示するメニューリストです。

ul を利用したリスト要素で記述します。

ex [マイページ　メニューリスト部分](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/9.1.mypage.pug
+ec-navlist_noFavorite

Styleguide 9.1.2
*/
/*
Welcome メッセージ

マイページで表示するログイン名の表示コンポーネントです。

ex [マイページ　メニューリスト下部分](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/9.1.mypage.pug
+ec-welcomeMsg

Styleguide 9.1.3
*/
.ec-welcomeMsg {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  margin: 1em 0;
  padding-bottom: 32px;
  text-align: center;
  border-bottom: 1px dotted #ccc;
}
.ec-welcomeMsg:after {
  content: " ";
  display: table;
}
.ec-welcomeMsg:after {
  clear: both;
}
.ec-welcomeMsg textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-welcomeMsg img {
  max-width: 100%;
}
.ec-welcomeMsg html {
  box-sizing: border-box;
}
.ec-welcomeMsg *,
.ec-welcomeMsg *::before,
.ec-welcomeMsg *::after {
  box-sizing: inherit;
}
.ec-welcomeMsg img {
  width: 100%;
}
/*
お気に入り一覧

お気に入り一覧で表示するアイテムの表示コンポーネントです。

ex [マイページ　お気に入り一覧](http://demo3.ec-cube.net/mypage/favorite)

Markup:
include /assets/tmpl/elements/9.1.mypage.pug
+ec-favorite

Styleguide 9.1.4
*/
.ec-favoriteRole .ec-favoriteRole__header {
  margin-bottom: 16px;
}
.ec-favoriteRole .ec-favoriteRole__itemList {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.ec-favoriteRole .ec-favoriteRole__itemList a {
  color: inherit;
  text-decoration: none;
}
.ec-favoriteRole .ec-favoriteRole__itemList a:hover {
  text-decoration: none;
}
.ec-favoriteRole .ec-favoriteRole__item {
  margin-bottom: 8px;
  width: 47.5%;
  position: relative;
  box-sizing: border-box;
  padding: 10px;
}
.ec-favoriteRole .ec-favoriteRole__item-image {
  margin-bottom: 10px;
  text-align: center;
}
.ec-favoriteRole .ec-favoriteRole__item img {
  width: auto;
  max-height: 100%;
}
.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle {
  position: absolute;
  right: 10px;
  top: 10px;
}
.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle .ec-icon img {
  width: 1em;
  height: 1em;
}
.ec-favoriteRole .ec-favoriteRole__itemThumb {
  display: block;
  height: auto;
  margin-bottom: 8px;
}
.ec-favoriteRole .ec-favoriteRole__itemTitle {
  margin-bottom: 2px;
}
.ec-favoriteRole .ec-favoriteRole__itemPrice {
  font-weight: bold;
  margin-bottom: 0;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
標準セクション

通常のコンテナブロックです。

ex [商品詳細ページ　コンテナ](http://demo3.ec-cube.net/products/detail/33)

Markup:
include /assets/tmpl/elements/11.1.role.pug
+ec-roleRole

Styleguide 11.1
*/
.ec-role {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-role:after {
  content: " ";
  display: table;
}
.ec-role:after {
  clear: both;
}
.ec-role textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-role img {
  max-width: 100%;
}
.ec-role html {
  box-sizing: border-box;
}
.ec-role *,
.ec-role *::before,
.ec-role *::after {
  box-sizing: inherit;
}
.ec-role img {
  width: 100%;
}
/*
マイページセクション

マイページ専用のコンテナブロックです。

ex [マイページ　コンテナ](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/11.1.role.pug
+ec-mypageRole

Styleguide 11.1.2
*/
.ec-mypageRole {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
}
.ec-mypageRole:after {
  content: " ";
  display: table;
}
.ec-mypageRole:after {
  clear: both;
}
.ec-mypageRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-mypageRole img {
  max-width: 100%;
}
.ec-mypageRole html {
  box-sizing: border-box;
}
.ec-mypageRole *,
.ec-mypageRole *::before,
.ec-mypageRole *::after {
  box-sizing: inherit;
}
.ec-mypageRole img {
  width: 100%;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.bg-load-overlay {
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1;
}
/*
ヘッダー

ヘッダー用のプロジェクトコンポーネントを提供します。

ex [トップページ　ヘッダー](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/11.2.header.pug
include /assets/tmpl/elements/11.3.headerNavi.pug
include /assets/tmpl/elements/11.4.categoryNavi.pug
+b.ec-layoutRole
  +e.header
    +ec-headerRole
    +ec-headerNaviRole
    +ec-categoryNaviRole

Styleguide 11.2
*/
.ec-layoutRole {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  transition: transform 0.3s;
  //background: #fff;
}
.ec-layoutRole .ec-layoutRole__contentTop {
  padding: 0;
}
.ec-layoutRole .ec-layoutRole__contents {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1150px;
  display: flex;
  flex-wrap: nowrap;
  flex-grow: 1;
}
.ec-layoutRole .ec-layoutRole__main {
  width: 100%;
  margin-top: 21px;
}
.ec-layoutRole .ec-layoutRole__mainWithColumn {
  width: 100%;
}
.ec-layoutRole .ec-layoutRole__mainBetweenColumn {
  width: 100%;
}
.ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
  display: none;
}
.ec-headerRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  padding-top: 15px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: auto;
}
.ec-headerRole:after {
  content: " ";
  display: table;
}
.ec-headerRole:after {
  clear: both;
}
.ec-headerRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-headerRole img {
  max-width: 100%;
}
.ec-headerRole html {
  box-sizing: border-box;
}
.ec-headerRole *,
.ec-headerRole *::before,
.ec-headerRole *::after {
  box-sizing: inherit;
}
.ec-headerRole img {
  width: 100%;
}
.ec-headerRole:after {
  display: none;
}
.ec-headerRole::before {
  display: none;
}
.ec-headerRole .ec-headerRole__title {
  width: 100%;
}
.ec-headerRole .ec-headerRole__navSP {
  display: block;
  position: absolute;
  top: 15px;
  width: 27%;
  right: 0;
  text-align: right;
}
.ec-headerNaviRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  display: grid;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
}
.ec-headerNaviRole:after {
  content: " ";
  display: table;
}
.ec-headerNaviRole:after {
  clear: both;
}
.ec-headerNaviRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-headerNaviRole img {
  max-width: 100%;
}
.ec-headerNaviRole html {
  box-sizing: border-box;
}
.ec-headerNaviRole *,
.ec-headerNaviRole *::before,
.ec-headerNaviRole *::after {
  box-sizing: inherit;
}
.ec-headerNaviRole img {
  width: 100%;
}
.ec-headerNaviRole .fa-bars {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ec-headerNaviRole .ec-headerNaviRole__left {
  width: 33.3333333333%;
}
.ec-headerNaviRole .ec-headerNaviRole__search {
  display: none;
}
.ec-headerNaviRole .ec-headerNaviRole__navSP {
  display: block;
}
.ec-headerNaviRole .ec-headerNaviRole__right {
  width: 66.6666666667%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ec-headerNaviRole .ec-headerNaviRole__nav {
  display: inline-block;
}
.ec-headerNaviRole .ec-headerNaviRole__nav a {
  color: inherit;
  text-decoration: none;
}
.ec-headerNaviRole .ec-headerNaviRole__nav a:hover {
  text-decoration: none;
}
.ec-headerNaviRole .ec-headerNaviRole__cart {
  display: inline-block;
}
.ec-headerNaviRole .ec-headerNaviRole__cart a {
  color: inherit;
  text-decoration: none;
}
.ec-headerNaviRole .ec-headerNaviRole__cart a:hover {
  text-decoration: none;
}
.ec-headerNavSP {
  display: block;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 10px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  text-align: center;
  color: black;
  background: white;
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
}
.ec-headerNavSP .fas {
  vertical-align: top;
}
.ec-headerNavSP.is-active {
  display: none;
}
/*
ヘッダー：タイトル

ヘッダー内で使用されるタイトルコンポーネントです。

Markup:
include /assets/tmpl/elements/11.2.header.pug
+ec-headerTitle

Styleguide 11.2.1
*/
.ec-headerTitle {
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
}
.ec-headerTitle textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-headerTitle img {
  max-width: 100%;
}
.ec-headerTitle html {
  box-sizing: border-box;
}
.ec-headerTitle *,
.ec-headerTitle *::before,
.ec-headerTitle *::after {
  box-sizing: inherit;
}
.ec-headerTitle img {
  width: 100%;
}
.ec-headerTitle .ec-headerTitle__title {
  text-align: center;
}
.ec-headerTitle .ec-headerTitle__title h1, .ec-headerTitle .ec-headerTitle__title .h1 {
  margin: 0;
  padding: 0;
}
.ec-headerTitle .ec-headerTitle__title a {
  display: inline-block;
  margin-bottom: 30px;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  color: black;
}
.ec-headerTitle .ec-headerTitle__title a:hover {
  opacity: 0.8;
}
.ec-headerTitle .ec-headerTitle__subtitle {
  font-size: 10px;
  text-align: center;
}
.ec-headerTitle .ec-headerTitle__subtitle a {
  display: inline-block;
  color: #0092C4;
  text-decoration: none;
  cursor: pointer;
}
/*
ヘッダー：ユーザナビゲーション

ヘッダー内でユーザに関与するナビゲーションコンポーネントです。
<br><br>
`.ec-headerNaviRole`>`.ec-headerNaviRole__nav`内に記述すると２カラム上の右側に配置することができます。

Markup:
include /assets/tmpl/elements/11.3.headerNavi.pug
+ec-headerNav

sg-wrapper:
<div class="ec-headerNaviRole">
  <div class="ec-headerNaviRole__nav">
    <sg-wrapper-content/>
  </div>
</div>

Styleguide 11.2.3
*/
.ec-headerNav {
  text-align: right;
}
.ec-headerNav .ec-headerNav__item {
  margin-left: 0;
  display: inline-block;
  font-size: 28px;
}
.ec-headerNav .ec-headerNav__itemIcon {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 18px;
  color: black;
}
.ec-headerNav .ec-headerNav__itemLink {
  display: none;
  margin-right: 5px;
  font-size: 14px;
  vertical-align: middle;
  color: black;
}
/*
ヘッダー：検索ボックス

ヘッダー内で使用される商品検索コンポーネントです。
<br><br>
`.ec-headerNaviRole`>`.ec-headerNaviRole__search`内に記述すると２カラム上の右側に配置することができます。

Markup:
include /assets/tmpl/elements/11.3.headerNavi.pug
+ec-headerSearch

sg-wrapper:
<div class="ec-headerNaviRole">
  <div class="ec-headerNaviRole__search">
    <sg-wrapper-content/>
  </div>
</div>

Styleguide 11.2.4
*/
.ec-headerSearch:after {
  content: " ";
  display: table;
}
.ec-headerSearch:after {
  clear: both;
}
.ec-headerSearch .ec-headerSearch__category {
  float: none;
}
.ec-headerSearch .ec-headerSearch__category .ec-select {
  overflow: hidden;
  width: 100%;
  margin: 0;
  text-align: center;
}
.ec-headerSearch .ec-headerSearch__category .ec-select select {
  width: 100%;
  cursor: pointer;
  padding: 8px 24px 8px 8px;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #fff;
}
.ec-headerSearch .ec-headerSearch__category .ec-select select option {
  color: #000;
}
.ec-headerSearch .ec-headerSearch__category .ec-select select::-ms-expand {
  display: none;
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
  position: relative;
  border: 0;
  background: #000;
  color: #fff;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
  position: absolute;
  top: 0.8em;
  right: 0.4em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  pointer-events: none;
}
.ec-headerSearch .ec-headerSearch__keyword {
  position: relative;
  color: #525263;
  border: 1px solid #ccc;
  background-color: #f6f6f6;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.ec-headerSearch .ec-headerSearch__keyword input[type=search] {
  width: 100%;
  height: 34px;
  font-size: 16px;
  border: 0 none;
  padding: 0.5em 50px 0.5em 1em;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  margin-bottom: 0;
}
.ec-headerSearch .ec-headerSearch__keyword .ec-icon {
  width: 22px;
  height: 22px;
}
.ec-headerSearch .ec-headerSearch__keywordBtn {
  border: 0;
  background: none;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-55%);
  display: block;
  white-space: nowrap;
  z-index: 1;
}
/*
ヘッダー：カテゴリナビ

ヘッダー内で使用されている商品のカテゴリ一覧として使用します。
`li`の中に`ul > li`要素を入れることで、階層を深くする事ができます。

Markup:
include /assets/tmpl/elements/11.4.categoryNavi.pug
+ec-itemNav

sg-wrapper:
<div class="ec-categoryNaviRole" style="padding-bottom:150px;">
  <sg-wrapper-content/>
</div>

Styleguide 11.2.5
*/
.ec-categoryNaviRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  display: none;
}
.ec-categoryNaviRole:after {
  content: " ";
  display: table;
}
.ec-categoryNaviRole:after {
  clear: both;
}
.ec-categoryNaviRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-categoryNaviRole img {
  max-width: 100%;
}
.ec-categoryNaviRole html {
  box-sizing: border-box;
}
.ec-categoryNaviRole *,
.ec-categoryNaviRole *::before,
.ec-categoryNaviRole *::after {
  box-sizing: inherit;
}
.ec-categoryNaviRole img {
  width: 100%;
}
.ec-itemNav {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.ec-itemNav__nav {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: auto;
  height: auto;
  list-style-type: none;
  text-align: center;
  vertical-align: bottom;
}
.ec-itemNav__nav li {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  position: relative;
}
.ec-itemNav__nav li a {
  display: block;
  border-bottom: 1px solid #E8E8E8;
  margin: 0;
  padding: 16px;
  height: auto;
  color: #2e3233;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
  text-align: left;
  background: #fff;
  border-bottom: 1px solid #E8E8E8;
}
.ec-itemNav__nav li ul {
  display: none;
  z-index: 0;
  margin: 0;
  padding: 0;
  min-width: 200px;
  list-style: none;
  position: static;
  top: 100%;
  left: 0;
}
.ec-itemNav__nav li ul li {
  overflow: hidden;
  width: 100%;
  height: auto;
  transition: 0.3s;
}
.ec-itemNav__nav li ul li a {
  border-bottom: 1px solid #E8E8E8;
  padding: 16px 22px 16px 16px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  text-align: left;
  background: black;
}
.ec-itemNav__nav > li:hover > a {
  background: #fafafa;
}
.ec-itemNav__nav > li:hover li:hover > a {
  background: #333;
}
.ec-itemNav__nav li ul li ul {
  top: 0;
  left: 100%;
  width: auto;
}
.ec-itemNav__nav li ul li ul li a {
  background: #7D7D7D;
}
.ec-itemNav__nav li:hover ul li ul li a:hover {
  background: #333;
}
/*
ヘッダー：SPヘッダー

SP時のみ出現するヘッダーに関係するコンポーネントです。<br>
ex [トップページ](http://demo3.ec-cube.net/)画面サイズが768px以下に該当。<br>
<br>
`.ec-drawerRole`：SPのドロワー内の要素をwrapするコンポーネントです。<br>
`.ec-headerSearch`、`.ec-headerNav`、`.ec-itemNav`は`.ec-drawerRole`の子要素にある場合、ドロワーに適したスタイルに変化します。<br><br>
`.ec-overlayRole`：SPのドロワー出現時にz-indexがドロワー以下の要素に半透明の黒背景をかぶせるコンポーネントです。<br>

Styleguide 11.2.6
*/
.ec-drawerRole {
  overflow-y: scroll;
  background: black;
  width: 260px;
  height: 100vh;
  transform: translateX(-300px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  transition: z-index 0ms 1ms;
}
.ec-drawerRole .ec-headerSearchArea {
  padding: 20px 10px;
  width: 100%;
  background: #F8F8F8;
}
.ec-drawerRole .ec-headerSearch {
  padding: 16px 8px 26px;
  background: #EBEBEB;
  color: #636378;
}
.ec-drawerRole .ec-headerSearch select {
  width: 100% !important;
}
.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 1em 10px;
  font-size: 16px;
  font-weight: bold;
  color: black;
  background: #F8F8F8;
}
.ec-drawerRole .ec-headerCategoryArea p {
  margin-top: 0;
  margin-bottom: 0;
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a {
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: black;
  font-weight: normal;
  background: #f8f8f8;
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li a {
  border-bottom: 1px solid #ccc;
  padding-left: 20px;
  font-weight: normal;
  background: white;
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav > li:hover > a {
  background: #f8f8f8;
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav > li:hover li:hover > a {
  background: white;
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li ul li a {
  padding-left: 40px;
  color: black;
  background: white;
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li:hover ul li ul li a:hover {
  background: white;
}
.ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li ul li ul li a {
  padding-left: 60px;
  font-weight: normal;
}
.ec-drawerRole .ec-headerLinkArea {
  background: black;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list {
  border-top: 1px solid #ccc;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__icon {
  display: inline-block;
  width: 28px;
  font-size: 17px;
}
.ec-drawerRoleClose {
  display: none;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 10px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  text-align: center;
  color: black;
  background: white;
  position: fixed;
  top: 10px;
  left: 270px;
  z-index: 1000;
}
.ec-drawerRoleClose .fas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ec-drawerRole.is_active {
  display: block;
  transform: translateX(0);
  transition: all 0.3s;
  z-index: 100000;
}
.ec-drawerRoleClose.is_active {
  display: inline-block;
  transition: all 0.3s;
}
.ec-overlayRole {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 0;
  background: transparent;
  transform: translateX(0);
  transition: all 0.3s;
  visibility: hidden;
}
.have_curtain .ec-overlayRole {
  display: block;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
  visibility: visible;
}
/*
ヘッダー：test

test

Markup:
span.ec-itemAccordionParent test1
ul.ec-itemNavAccordion
  li.ec-itemNavAccordion__item
    a(href='') test2
    ul.ec-itemNavAccordion
      li.ec-itemNavAccordion__item
        a(href='') test3
        ul.ec-itemNavAccordion
          li.ec-itemNavAccordion__item
            a(href='') test4

Styleguide 11.2.7
*/
.ec-itemNavAccordion {
  display: none;
}
.ec-maintenanceAlert {
  background: steelblue;
  height: 50px;
  position: fixed;
  top: 0;
  width: 100%;
  color: white;
  z-index: 9999;
  display: flex;
  font-weight: bold;
}
.ec-maintenanceAlert > * {
  margin: auto;
}
.ec-maintenanceAlert .ec-maintenanceAlert__icon {
  display: inline-block;
  margin-right: 1rem;
  width: 20px;
  height: 20px;
  color: #fff;
  fill: #fff;
  vertical-align: top;
}
.ec-maintenanceAlert + * {
  margin-top: 50px;
}
/* devモードの追加 */
.ec-debugModeAlert {
  background: red;
  height: 50px;
  position: fixed;
  top: 0;
  width: 100%;
  color: white;
  z-index: 9999;
  display: flex;
  font-weight: bold;
}
.ec-debugModeAlert > * {
  margin: auto;
}
.ec-debugModeAlert .ec-debugModeAlert__icon {
  display: inline-block;
  margin-right: 1rem;
  width: 20px;
  height: 20px;
  color: #fff;
  fill: #fff;
  vertical-align: top;
}
.ec-debugModeAlert + * {
  margin-top: 50px;
}
.ec-twoModeAlert + * {
  margin-top: 100px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
フッター

全ページで使用されるフッターのプロジェクトコンポーネントです。

ex [トップページ　フッター](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/11.8.footer.pug
+ec-footerRole

Styleguide 11.3
*/
.ec-footerRole {
  padding-top: 20px;
}

.ec-footercontact {
  /*margin-bottom: 0 !important;
  width: 100%;
  padding-bottom: 10px;*/
  text-align: center;
  background: #Fff;
  margin: 0 auto;
  padding-top: 20px;

} 
.ec-footercontact-main-title {
  color: #95AFDB;
  line-height: 1.5;
}
.ec-footercontact-img{
  width: 60%;
}
.ec-footercontact-mail {
  padding-bottom: 10px;
}
.ec-footercontact-tel {
  width: 100%;
}
.ec-footercontact-text {
  padding-bottom: 20px;
}
.ec-footercontact-tel-img{
  width: 50%;
}
.headline-font-type {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}

.ec-footerLogo__inner {
  background: #FFF;
  margin-top: 20px;
}
.ec-footerLogo {
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #7d7d7d;
}
.ec-footerLogo img {
  width: 230px;
}

/*
フッターナビ

フッタープロジェクトで使用するナビゲーション用のコンポーネントです。

Markup:
include /assets/tmpl/elements/11.8.footer.pug
+ec-footerNav

sg-wrapper:
<div class="ec-footerRole">
  <div class="ec-footerRole__inner">
    <sg-wrapper-content/>
  </div>
</div>

Styleguide 11.3.1
*/
.ec-footerNavi {
  padding: 0;
  list-style: none;
  text-align: center;
}
.ec-footerNavi li:not(:first-child)::before {
    content: '';
}
.ec-footerNavi .ec-footerNavi__link {
  display: block;
}
.ec-footerNavi .ec-footerNavi__link a {
  display: block;
  border-bottom: 1px solid #7d7d7d;
  padding: 10px 0;
  font-size: 14px;
  color: inherit;
  text-decoration: none;
}
.ec-footerNavi .ec-footerNavi__link:hover a {
  opacity: 0.8;
  text-decoration: none;
}

.ec-footercontact__inner {
  padding: 20px 0;
  clear: both;
  overflow: hidden;
  background: #ecf1fc;
  background-size: 100%;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.ec-footercontact__inner .ec-footercontact__left {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 30px;
}
.ec-footercontact__inner .ec-footercontact__right {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: white;
  margin-right: 10px;
}

/*
フッタータイトル

フッタープロジェクトで使用するタイトル用のコンポーネントです。

Markup:
include /assets/tmpl/elements/11.8.footer.pug
+ec-footerTitle

sg-wrapper:
<div class="ec-footerRole">
  <div class="ec-footerRole__inner">
    <sg-wrapper-content/>
  </div>
</div>

Styleguide 11.3.2
*/
.ec-footerTitle-inner {
  background: #95AFDB;
}
.ec-footerTitle {
  text-align: center;
}
.ec-footerTitle .ec-footerTitle__copyright {
  color: #fff;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 100%;
}



/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
トップページ

トップページ スライド部に関する Project コンポーネントを定義します。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/12.1.slider.pug
+ec-sliderRole

Styleguide 12.1
*/
.ec-sliderRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  margin-bottom: 24px;
}
.ec-sliderRole:after {
  content: " ";
  display: table;
}
.ec-sliderRole:after {
  clear: both;
}
.ec-sliderRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-sliderRole img {
  max-width: 100%;
}
.ec-sliderRole html {
  box-sizing: border-box;
}
.ec-sliderRole *,
.ec-sliderRole *::before,
.ec-sliderRole *::after {
  box-sizing: inherit;
}
.ec-sliderRole img {
  width: 100%;
}
.ec-sliderRole ul {
  padding: 0;
  list-style: none;
}
.ec-sliderItemRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  margin-bottom: 24px;
}
.ec-sliderItemRole:after {
  content: " ";
  display: table;
}
.ec-sliderItemRole:after {
  clear: both;
}
.ec-sliderItemRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-sliderItemRole img {
  max-width: 100%;
}
.ec-sliderItemRole html {
  box-sizing: border-box;
}
.ec-sliderItemRole *,
.ec-sliderItemRole *::before,
.ec-sliderItemRole *::after {
  box-sizing: inherit;
}
.ec-sliderItemRole img {
  width: 100%;
}
.ec-sliderItemRole ul {
  padding: 0;
  list-style: none;
}
.ec-sliderItemRole .item_nav {
  display: none;
}
.ec-sliderItemRole .slideThumb {
  margin-bottom: 25px;
  width: 33%;
  opacity: 0.8;
  cursor: pointer;
}
.ec-sliderItemRole .slideThumb:focus {
  outline: none;
}
.ec-sliderItemRole .slideThumb:hover {
  opacity: 1;
}
.ec-sliderItemRole .slideThumb img {
  width: 80%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
アイキャッチ

トップページ アイキャッチ部に関する Project コンポーネントを定義します。

ex [トップページスライダー直下 アイキャッチ部](http://demo3.ec-cube.net/)

Markup:
include /assets/tmpl/elements/12.2.eyecatch.pug
+ec-eyecatchRole

Styleguide 12.2
*/
.ec-eyecatchRole {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  /* Deprecated https://github.com/EC-CUBE/ec-cube/pull/4220 */
}
.ec-eyecatchRole .ec-eyecatchRole__image {
  display: block;
  margin-bottom: 40px;
  width: 100%;
  height: 100%;
}
.ec-eyecatchRole .ec-eyecatchRole__intro {
  color: black;
}
.ec-eyecatchRole .ec-eyecatchRole__introEnTitle {
  margin-bottom: 0.8em;
  font-size: 16px;
  font-weight: normal;
}
.ec-eyecatchRole .ec-eyecatchRole__introTitle {
  margin-bottom: 0.8em;
  font-size: 24px;
  font-weight: bold;
}
.ec-eyecatchRole .ec-eyecatchRole__introDescriptiron {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 2;
}
.ec-eyecatchRole .ec-eyecatchRole__introDescription {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 2;
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
ボタン

トップページで使用されているボタンのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.3
*/
/*
通常ボタン

インラインの要素としてボタンを定義出来ます。

Markup:
.ec-inlineBtn--top more

Styleguide 12.3.1
*/
.ec-inlineBtn--top {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: white;
  background-color: black;
  border-color: black;
}
.ec-inlineBtn--top:focus, .ec-inlineBtn--top.focus, .ec-inlineBtn--top:active:focus, .ec-inlineBtn--top:active.focus, .ec-inlineBtn--top.active:focus, .ec-inlineBtn--top.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-inlineBtn--top:hover, .ec-inlineBtn--top:focus, .ec-inlineBtn--top.focus {
  color: #525263;
  text-decoration: none;
}
.ec-inlineBtn--top:active, .ec-inlineBtn--top.active {
  outline: 0;
  background-image: none;
}
.ec-inlineBtn--top.disabled, .ec-inlineBtn--top[disabled], fieldset[disabled] .ec-inlineBtn--top {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-inlineBtn--top:hover {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-check:focus + .ec-inlineBtn--top, .ec-inlineBtn--top:focus {
  color: #fff;
  background-color: black;
  border-color: black;
  box-shadow: 0 0 0 0.25rem rgba(38, 38, 38, 0.5);
}
.btn-check:checked + .ec-inlineBtn--top, .btn-check:active + .ec-inlineBtn--top, .ec-inlineBtn--top:active, .ec-inlineBtn--top.active, .show > .ec-inlineBtn--top.dropdown-toggle {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-check:checked + .ec-inlineBtn--top:focus, .btn-check:active + .ec-inlineBtn--top:focus, .ec-inlineBtn--top:active:focus, .ec-inlineBtn--top.active:focus, .show > .ec-inlineBtn--top.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(38, 38, 38, 0.5);
}
.ec-inlineBtn--top:disabled, .ec-inlineBtn--top.disabled {
  color: white;
  background-color: black;
  border-color: black;
}
.ec-inlineBtn--top .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
/*
ロングボタン（全幅）

ロングタイプのボタンです。

Markup:
.ec-blockBtn--top 商品一覧へ

Styleguide 2.1.2
*/
.ec-blockBtn--top {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  --bs-btn-padding-y: 6px;
  --bs-btn-padding-x: 12px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 1.42857142;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: white;
  background-color: black;
  border-color: black;
  display: block;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
}
.ec-blockBtn--top:focus, .ec-blockBtn--top.focus, .ec-blockBtn--top:active:focus, .ec-blockBtn--top:active.focus, .ec-blockBtn--top.active:focus, .ec-blockBtn--top.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ec-blockBtn--top:hover, .ec-blockBtn--top:focus, .ec-blockBtn--top.focus {
  color: #525263;
  text-decoration: none;
}
.ec-blockBtn--top:active, .ec-blockBtn--top.active {
  outline: 0;
  background-image: none;
}
.ec-blockBtn--top.disabled, .ec-blockBtn--top[disabled], fieldset[disabled] .ec-blockBtn--top {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.ec-blockBtn--top:hover {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-check:focus + .ec-blockBtn--top, .ec-blockBtn--top:focus {
  color: #fff;
  background-color: black;
  border-color: black;
  box-shadow: 0 0 0 0.25rem rgba(38, 38, 38, 0.5);
}
.btn-check:checked + .ec-blockBtn--top, .btn-check:active + .ec-blockBtn--top, .ec-blockBtn--top:active, .ec-blockBtn--top.active, .show > .ec-blockBtn--top.dropdown-toggle {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-check:checked + .ec-blockBtn--top:focus, .btn-check:active + .ec-blockBtn--top:focus, .ec-blockBtn--top:active:focus, .ec-blockBtn--top.active:focus, .show > .ec-blockBtn--top.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(38, 38, 38, 0.5);
}
.ec-blockBtn--top:disabled, .ec-blockBtn--top.disabled {
  color: white;
  background-color: black;
  border-color: black;
}
.ec-blockBtn--top .ec-icon img {
  width: 1em;
  vertical-align: text-bottom;
}
/*
見出し

トップページで使用されている見出しのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.4
*/
/*
横並び見出し

横並びの見出しです。

Markup:
.ec-secHeading
  span.ec-secHeading__en TOPIC
  span.ec-secHeading__line |
  span.ec-secHeading__ja 特集

Styleguide 12.4.1
*/
.ec-secHeading {
  margin-bottom: 15px;
  color: black;
}
.ec-secHeading .ec-secHeading__en {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.ec-secHeading .ec-secHeading__line {
  display: inline-block;
  margin: 0 20px;
  width: 1px;
  height: 14px;
  background: black;
}
.ec-secHeading .ec-secHeading__ja {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.15em;
  vertical-align: 2px;
}
/*
縦並び見出し

縦並びの見出しです。

Markup:
.ec-secHeading--tandem
  span.ec-secHeading__en TOPIC
  span.ec-secHeading__line |
  span.ec-secHeading__ja 特集

Styleguide 12.4.2
*/
.ec-secHeading--tandem {
  margin-bottom: 15px;
  color: black;
  text-align: center;
}
.ec-secHeading--tandem .ec-secHeading__en {
  display: block;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.ec-secHeading--tandem .ec-secHeading__line {
  display: block;
  margin: 13px auto;
  width: 20px;
  height: 1px;
  background: black;
}
.ec-secHeading--tandem .ec-secHeading__ja {
  display: block;
  margin-bottom: 30px;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.15em;
  vertical-align: 2px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
トピック（アイテム2列）

トップページで使用されているトピックのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.5.1
*/
.ec-topicRole {
  padding: 40px 0;
  background: #F8F8F8;
}
.ec-topicRole .ec-topicRole__list {
  display: flex;
  flex-wrap: wrap;
}
.ec-topicRole .ec-topicRole__listItem {
  margin-bottom: 20px;
  width: 100%;
  height: auto;
}
.ec-topicRole .ec-topicRole__listItemTitle {
  margin-top: 0.5em;
  font-size: 14px;
  color: black;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
カテゴリ（アイテム4列 スマホの時は2列）

トップページで使用されているアイテムリストのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.6.1
*/
.ec-newItemRole {
  padding: 40px 0;
}
.ec-newItemRole .ec-newItemRole__list {
  display: flex;
  flex-wrap: wrap;
}
.ec-newItemRole .ec-newItemRole__listItem {
  margin-bottom: 4%;
  width: 48%;
  height: auto;
}
.ec-newItemRole .ec-newItemRole__listItem:not(:first-child) a {
  color: black;
}
.ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) {
  margin-right: 4%;
}
.ec-newItemRole .ec-newItemRole__listItemHeading {
  margin-top: calc(45% - 20px);
}
.ec-newItemRole .ec-newItemRole__listItemTitle {
  margin: 8px 0;
  font-size: 14px;
  font-weight: bold;
}
.ec-newItemRole .ec-newItemRole__listItemPrice {
  font-size: 12px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
カテゴリ（アイテム3列）

トップページで使用されているカテゴリのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.7.1
*/
.ec-categoryRole {
  padding: 40px 0;
  color: black;
  background: #F8F8F8;
}
.ec-categoryRole .ec-categoryRole__list {
  display: flex;
  flex-wrap: wrap;
}
.ec-categoryRole .ec-categoryRole__listItem {
  margin-bottom: 20px;
  width: 100%;
  height: auto;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
見出し

トップページで使用されている新着情報のスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.8.1
*/
.ec-newsRole {
  padding: 40px 0 0;
}
.ec-newsRole .ec-newsRole__news {
  box-sizing: border-box;
}
.ec-newsRole .ec-newsRole__newsItem {
  width: 100%;
}
.ec-newsRole .ec-newsRole__newsItem:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}
.ec-newsRole .ec-newsRole__newsItem:last-of-type {
  margin-bottom: 20px;
}
.ec-newsRole .ec-newsRole__newsHeading {
  cursor: pointer;
}
.ec-newsRole .ec-newsRole__newsDate {
  display: block;
  margin: 15px 0 5px;
  font-size: 12px;
  color: black;
}
.ec-newsRole .ec-newsRole__newsColumn {
  display: flex;
}
.ec-newsRole .ec-newsRole__newsTitle {
  display: inline-block;
  margin-bottom: 10px;
  width: 90%;
  font-size: 14px;
  font-weight: bold;
  color: #7D7D7D;
  line-height: 1.6;
}
.ec-newsRole .ec-newsRole__newsClose {
  display: inline-block;
  width: 10%;
  position: relative;
}
.ec-newsRole .ec-newsRole__newsCloseBtn {
  display: inline-block;
  margin-left: auto;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: white;
  text-align: center;
  background: black;
  cursor: pointer;
  position: absolute;
  right: 5px;
}
.ec-newsRole .ec-newsRole__newsDescription {
  display: none;
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.4;
  overflow: hidden;
}
.ec-newsRole .ec-newsRole__newsDescription a {
  color: #0092C4;
}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription {
  margin: 0 0 10px;
}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsCloseBtn i {
  display: inline-block;
  transform: rotateX(180deg) translateY(2px);
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
見出し

トップページで使用されているカレンダーのスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.9.1
*/
/* 背景や文字の色調整 */
.ec-calendar {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.ec-calendar__month {
  border-collapse: collapse;
  margin-top: 30px;
}
.ec-calendar__month .ec-calendar_this {
  text-align: left;
}

.ec-calendar__month .ec-calendar_next {
  text-align: right;
}

.calendar_off {
  display:none;
}

.ec-calendar__month th, .ec-calendar__month td {
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.ec-calendar .ec-calendar__title {
  border: 0;
}
.ec-calendar .ec-calendar__sun {
  background: #F8F8F8;
  color: #DE5D50;
}
.ec-calendar .ec-calendar__mon, .ec-calendar .ec-calendar__tue, .ec-calendar .ec-calendar__wed, .ec-calendar .ec-calendar__thu, .ec-calendar .ec-calendar__fri {
  background: #F8F8F8;
  color: #333;
}
.ec-calendar .ec-calendar__sat {
  background: #F8F8F8;
  color: #5CB1B1;
}
.ec-calendar .ec-calendar__day {
  background: #FFF;
  color: #333;
}
.ec-calendar .ec-calendar__holiday {
  background: #FFF;
  color: #DE5D50 !important;
}
.ec-calendar .ec-calendar__today {
  color: #333;
  position: relative;
  z-index: 1;
}
.ec-calendar .ec-calendar__today::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #FFFDE7;
  transform: translate(-50%, -50%);
  z-index: -1;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
検索ラベル

商品一覧 ヘッダー部 に関する Project コンポーネントを定義します。

ex [商品一覧 ヘッダー部](http://demo3.ec-cube.net/products/list)

Markup:
include /assets/tmpl/elements/13.1.searchnav.pug
+ec-searchnavRole__topicpath
+ec-searchnavRole__info

Styleguide 13.1

*/
.ec-searchnavRole {
  margin-bottom: 0;
  padding: 0;
}
.ec-searchnavRole .ec-searchnavRole__infos {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  display: flex;
  border-top: 0;
  margin-bottom: 16px;
  padding-top: 5px;
  flex-direction: column;
}
.ec-searchnavRole .ec-searchnavRole__infos:after {
  content: " ";
  display: table;
}
.ec-searchnavRole .ec-searchnavRole__infos:after {
  clear: both;
}
.ec-searchnavRole .ec-searchnavRole__infos textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-searchnavRole .ec-searchnavRole__infos img {
  max-width: 100%;
}
.ec-searchnavRole .ec-searchnavRole__infos html {
  box-sizing: border-box;
}
.ec-searchnavRole .ec-searchnavRole__infos *,
.ec-searchnavRole .ec-searchnavRole__infos *::before,
.ec-searchnavRole .ec-searchnavRole__infos *::after {
  box-sizing: inherit;
}
.ec-searchnavRole .ec-searchnavRole__infos img {
  width: 100%;
}
.ec-searchnavRole .ec-searchnavRole__counter {
  margin-bottom: 16px;
  width: 100%;
}
.ec-searchnavRole .ec-searchnavRole__actions {
  text-align: right;
  width: 100%;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
商品一覧

商品一覧 に関する Project コンポーネントを定義します。

SP版２列、PC版４列の特殊グリッドを構成します。

Markup:
include /assets/tmpl/elements/13.2.shelf.pug
+b.ec-shelfRole
  +ec-shelfGrid

Styleguide 13.2

*/
.ec-shelfRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-shelfRole:after {
  content: " ";
  display: table;
}
.ec-shelfRole:after {
  clear: both;
}
.ec-shelfRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-shelfRole img {
  max-width: 100%;
}
.ec-shelfRole html {
  box-sizing: border-box;
}
.ec-shelfRole *,
.ec-shelfRole *::before,
.ec-shelfRole *::after {
  box-sizing: inherit;
}
.ec-shelfRole img {
  width: 100%;
}
/*
商品一覧グリッド

商品一覧 で使用するグリッドコンポーネントです。

SP版２列、PC版４列の特殊グリッドを構成します。

Markup:
include /assets/tmpl/elements/13.2.shelf.pug
+b.ec-shelfRole
  +ec-shelfGrid

Styleguide 13.2.1

*/
.ec-shelfGrid {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.ec-shelfGrid a {
  color: inherit;
  text-decoration: none;
}
.ec-shelfGrid a:hover {
  text-decoration: none;
}
.ec-shelfGrid .ec-shelfGrid__item {
  margin-bottom: 36px;
  width: 50%;
  display: flex;
  flex-direction: column;
}
.ec-shelfGrid .ec-shelfGrid__item-image {
  margin-bottom: 10px;
  text-align: center;
}
.ec-shelfGrid .ec-shelfGrid__item img {
  width: auto;
  max-height: 100%;
}
.ec-shelfGrid .ec-shelfGrid__item .ec-productRole__btn {
  margin-top: auto;
  margin-bottom: 15px;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
  padding-right: 8px;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
  padding-left: 8px;
}
.ec-shelfGrid .ec-shelfGrid__title {
  margin-bottom: 7px;
}
.ec-shelfGrid .ec-shelfGrid__plice {
  font-weight: bold;
}
/*
13.2.2 商品一覧グリッド（中央寄せ）

商品一覧 で使用するグリッドコンポーネントです。

SP版２列、PC版４列の特殊グリッドを構成します。
商品のあまりはセンタリングされ、中央に表示されます。

Markup:
include /assets/tmpl/elements/13.2.shelf.pug
+b.ec-shelfRole
  +ec-shelfGridCenter

Styleguide 13.2.2

*/
.ec-shelfGridCenter {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  justify-content: center;
}
.ec-shelfGridCenter a {
  color: inherit;
  text-decoration: none;
}
.ec-shelfGridCenter a:hover {
  text-decoration: none;
}
.ec-shelfGridCenter .ec-shelfGridCenter__item {
  margin-bottom: 36px;
  width: 50%;
}
.ec-shelfGridCenter .ec-shelfGridCenter__item-image {
  margin-bottom: 10px;
  text-align: center;
}
.ec-shelfGridCenter .ec-shelfGridCenter__item img {
  width: auto;
  max-height: 100%;
}
.ec-shelfGridCenter .ec-shelfGridCenter__item .ec-productRole__btn {
  margin-top: auto;
  padding-top: 1em;
}
.ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(odd) {
  padding-right: 8px;
}
.ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(even) {
  padding-left: 8px;
}
.ec-shelfGridCenter .ec-shelfGridCenter__title {
  margin-bottom: 7px;
}
.ec-shelfGridCenter .ec-shelfGridCenter__plice {
  font-weight: bold;
}
/*
商品一覧フッター

商品一覧 フッター に関する Project コンポーネントを定義します。

ex [商品一覧 ページャ部](http://demo3.ec-cube.net/products/list)

Markup:
include /assets/tmpl/elements/13.3.pager.pug
+ec-pagerRole

Styleguide 13.3

*/
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
カート追加モーダル

カート追加モーダルに関する Project コンポーネントを定義します。

ex [商品一覧、商品詳細](http://demo3.ec-cube.net/products/list)

+ec-modal

Styleguide 13.4

*/

.msg-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
}
.msg-modal.small {
  width: 30%;
}
.msg-modal.full {
  width: 100%;
  height: 100%;
}
.msg-modal .msg-modal-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
}
.msg-modal .msg-modal-wrap {
  position: relative;
  border-radius: 2px;
  border: 1px solid #333;
  background-color: #fff;
  width: 90%;
  margin: 20px;
  padding: 40px 5px;
}
.msg-modal .msg-modal-close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 20px;
  height: 30px;
  width: 20px;
}
.msg-modal .msg-modal-close:hover {
  color: #4b5361;
}
.msg-modal .msg-modal-box {
  text-align: center;
}
.msg-modal .msg-role {
  margin-top: 20px;
}


.ec-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
}
.ec-modal.small {
  width: 30%;
}
.ec-modal.full {
  width: 100%;
  height: 100%;
}
.ec-modal .ec-modal-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
}
.ec-modal .ec-modal-wrap {
  position: relative;
  border-radius: 2px;
  border: 1px solid #333;
  background-color: #fff;
  width: 90%;
  margin: 20px;
  padding: 40px 5px;
}
.ec-modal .ec-modal-close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 20px;
  height: 30px;
  width: 20px;
}
.ec-modal .ec-modal-close:hover {
  color: #4b5361;
}
.ec-modal .ec-modal-box {
  text-align: center;
}
.ec-modal .ec-role {
  margin-top: 20px;
}


.ecd-modal {
display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
}

.ecd-modal .small {
  width: 30%;
}
.ecd-modal .full {
  width: 100%;
  height: 100%;
}
.ecd-modal .suryocnt-modal-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  /*background-color: rgba(0, 0, 0, 0.3);*/
  width: 80%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}
.ecd-modal .suryocnt-modal-wrap {
  /*position: relative;
  border-radius: 2px;
  border: 1px solid #333;
  background-color: #fff;
  width: 90%;
  margin: 20px;*/
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #000000;
    pointer-events: auto;
    background-color: #ffffff;
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}
.ecd-modal .suryocnt-modal-box {
        width: var(--sz-1000);
        margin-inline: auto;
  padding: var(--sz-42) var(--sz-32) var(--sz-75);
}
.ecd-modal .suryocnt-modal-close {
  text-align: center;
}
.ecd-modal .suryocnt-modal-close:hover {
  color: #4b5361;
}

.ecd-modal .suryocnt-role {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}
.ecd-modal .suryocnt-role_zero {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.ecd-modal .suryocnt-contain {
  margin-bottom: 8px;
  margin-right: 12px;
  width: calc(20% - 12.8px);
}

.ecd-modal-wrap .suryocnt-contain input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}

.ecd-modal-wrap  .suryocnt-contain .item-btn{
  background-color: #fffaf0;
  border: 1px solid #aaa;
  border-radius: 8px;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, .2);
  cursor: pointer;
  display: block;
  font-weight: 600;
  padding: 8px 0;
  text-align: center;
  width: 100%;
}

.ecd-modal-wrap .suryocnt-contain input :checked+ .item-btn {
    background-color: #fff;
    border: 2px solid #008aff;
    box-shadow: none;
}

/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
カート追加モーダル

カート追加モーダルに関する Project コンポーネントを定義します。

ex [商品一覧、商品詳細](http://demo3.ec-cube.net/products/list)

+suryocnt-modal

Styleguide 13.4

*/



.suryocnt {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
}

.suryocnt-modal .small {
  width: 30%;
}
.suryocnt-modal .full {
  width: 100%;
  height: 100%;
}
.suryocnt-modal .suryocnt-modal-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
}
.suryocnt-modal .suryocnt-modal-wrap {
  position: relative;
  border-radius: 2px;
  border: 1px solid #333;
  background-color: #fff;
  width: 90%;
  margin: 20px;
}
.suryocnt-modal .suryocnt-modal-box {
  padding: 30px;
}
.suryocnt-modal .suryocnt-modal-close {
  text-align: center;
}
.suryocnt-modal .suryocnt-modal-close:hover {
  color: #4b5361;
}

.suryocnt-modal .suryocnt-role {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}

.suryocnt-modal .suryocnt-contain {
  margin-bottom: 8px;
  margin-right: 12px;
  width: calc(20% - 12.8px);
}

.suryocnt-modal-wrap .suryocnt-contain input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}

.suryocnt-modal-wrap  .suryocnt-contain .item-btn{
  background-color: #fffaf0;
  border: 1px solid #aaa;
  border-radius: 8px;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, .2);
  cursor: pointer;
  display: block;
  font-weight: 600;
  padding: 8px 0;
  text-align: center;
  width: 100%;
}

.suryocnt-modal-wrap .suryocnt-contain input :checked+ .item-btn {
    background-color: #fff;
    border: 2px solid #008aff;
    box-shadow: none;
}

.calculator-btn {
    border: 2px solid #000;
    max-width: 260px;
    padding: 12px 0;
    position: relative;
    width: 100%;
}

.ttl-side-line {
  border-left: 8px solid #95afdb;
  color: #000;
  margin-bottom: 24px;
  padding: 4px 0 4px 2vw;
  position: relative;
  font-weight: 600;
  font-size: 1.8rem;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  /* text-transform: none; */
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
商品詳細

商品詳細ページに関する Project コンポーネントを定義します。

ex [商品詳細ページ](http://demo3.ec-cube.net/products/detail/18)


Markup:
include /assets/tmpl/elements/14.1.product.pug
+ec-productSimpleRole

Styleguide 14.1
*/
.ec-productRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-productRole:after {
  content: " ";
  display: table;
}
.ec-productRole:after {
  clear: both;
}
.ec-productRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-productRole img {
  max-width: 100%;
}
.ec-productRole html {
  box-sizing: border-box;
}
.ec-productRole *,
.ec-productRole *::before,
.ec-productRole *::after {
  box-sizing: inherit;
}
.ec-productRole img {
  width: 100%;
}
.ec-productRole .ec-productRole__img {
  margin-right: 0;
  margin-bottom: 20px;
}
.ec-productRole .ec-productRole__profile {
  margin-left: 0;
}
.ec-productRole .ec-productRole__title .ec-headingTitle {
  font-size: 20px;
}
.ec-productRole .ec-productRole__tags {
  margin-top: 16px;
  padding: 0;
  padding-bottom: 16px;
  border-bottom: 1px dotted #ccc;
}
.ec-productRole .ec-productRole__tag {
  display: inline-block;
  padding: 2px 5px;
  list-style: none;
  font-size: 80%;
  color: #525263;
  border: solid 1px #D7DADD;
  border-radius: 3px;
  background-color: #F5F7F8;
}
.ec-productRole .ec-productRole__priceRegular {
  padding-top: 14px;
}
.ec-productRole .ec-productRole__priceRegularTax {
  margin-left: 5px;
  font-size: 10px;
}
.ec-productRole .ec-productRole__price {
  color: #DE5D50;
  font-size: 28px;
  padding: 0;
  border-bottom: 0;
}
.ec-productRole .ec-productRole__code {
  padding: 14px 0;
  border-bottom: 1px dotted #ccc;
}
.ec-productRole .ec-productRole__category {
  padding: 14px 0;
  border-bottom: 1px dotted #ccc;
}
.ec-productRole .ec-productRole__category a {
  color: #33A8D0;
}
.ec-productRole .ec-productRole__category ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ec-productRole .ec-productRole__actions {
  padding: 14px 0;
}
.ec-productRole .ec-productRole__actions .ec-select select {
  height: 40px;
  max-width: 100%;
  min-width: 100%;
}
.ec-productRole .ec-productRole__btn {
  width: 100%;
  margin-bottom: 10px;
}
.ec-productRole .ec-productRole__description {
  margin-bottom: 16px;
}

/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
カート

カート 注文詳細 に関する Project コンポーネントを定義します。

ex [カートページ](http://demo3.ec-cube.net/shopping)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
+ec-cartRole

Styleguide 15.1

*/
.ec-cartRole {
  margin: 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.ec-cartRole:after {
  content: " ";
  display: table;
}
.ec-cartRole:after {
  clear: both;
}
.ec-cartRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-cartRole img {
  max-width: 100%;
}
.ec-cartRole html {
  box-sizing: border-box;
}
.ec-cartRole *,
.ec-cartRole *::before,
.ec-cartRole *::after {
  box-sizing: inherit;
}
.ec-cartRole img {
  width: 100%;
}
.ec-cartRole::before {
  display: none;
}
.ec-cartRole .ec-cartRole__progress {
  width: 100%;
  text-align: center;
}
.ec-cartRole .ec-cartRole__error {
  width: 100%;
  text-align: center;
}
.ec-cartRole .ec-cartRole__error .ec-alert-warning {
  max-width: 80%;
  display: inline-block;
}
.ec-cartRole .ec-cartRole__totalText {
  margin-bottom: 0;
  padding: 16px 0 6px;
  width: 100%;
  text-align: center;
  font-weight: normal;
}
.ec-cartRole .ec-cartRole__cart {
  margin: 0;
  width: 100%;
}
.ec-cartRole .ec-cartRole__actions {
  text-align: right;
  width: 100%;
}
.ec-cartRole .ec-cartRole__total {
  padding: 15px 0 30px;
  font-weight: bold;
  font-size: 16px;
}
.ec-cartRole .ec-cartRole__totalAmount {
  margin-left: 30px;
  color: #de5d50;
  font-size: 16px;
}
.ec-cartRole .ec-blockBtn--action {
  margin-bottom: 10px;
}
/*
カート商品表示枠（テーブルヘッダ）

カート内の商品をを表示するテーブル枠です。

ex [カートページ　テーブル部分(カート内に商品がある状態でアクセス)](http://demo3.ec-cube.net/cart)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
+ec-cartTable

sg-wrapper:
<div class="ec-cartRole">
  <sg-wrapper-content/>
</div>

Styleguide 15.1.2
*/
.ec-cartTable {
  display: table;
  border-top: 1px dotted #ccc;
  width: 100%;
}
/*
カート商品表示枠（テーブルヘッダ）

カート内の商品を表示するテーブルのヘッダです。
スマホでは非表示となります。

ex [カートページ　カートテーブルヘッダ部分(カート内に商品がある状態でアクセス)](http://demo3.ec-cube.net/cart)


Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-cartTable
  +ec-cartHeader

sg-wrapper:
<div class="ec-cartRole">
  <sg-wrapper-content/>
</div>


Styleguide 15.1.3
*/
.ec-cartHeader {
  display: none;
  width: 100%;
  background: #F4F3F0;
}
.ec-cartHeader .ec-cartHeader__label {
  display: table-cell;
  padding: 16px;
  text-align: center;
  background: #F4F3F0;
  overflow-x: hidden;
  font-weight: bold;
}
.ec-cartCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-cartCompleteRole:after {
  content: " ";
  display: table;
}
.ec-cartCompleteRole:after {
  clear: both;
}
.ec-cartCompleteRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-cartCompleteRole img {
  max-width: 100%;
}
.ec-cartCompleteRole html {
  box-sizing: border-box;
}
.ec-cartCompleteRole *,
.ec-cartCompleteRole *::before,
.ec-cartCompleteRole *::after {
  box-sizing: inherit;
}
.ec-cartCompleteRole img {
  width: 100%;
}
/*
カート内商品

カート内のアイテムを表示するテーブル行です。
スマホでは非表示となります。

ex [カートページ　テーブル部分](http://demo3.ec-cube.net/cart)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-cartTable
  +ec-cartRow

sg-wrapper:
<div class="ec-cartRole">
  <sg-wrapper-content/>
</div>


Styleguide 15.1.4
*/
.ec-cartRow {
  display: table-row;
}
.ec-cartRow .ec-cartRow__delColumn {
  border-bottom: 1px dotted #ccc;
  text-align: center;
  display: table-cell;
  width: 14%;
  vertical-align: middle;
}
.ec-cartRow .ec-cartRow__delColumn .ec-icon img {
  width: 1.5em;
  height: 1.5em;
}
.ec-cartRow .ec-cartRow__contentColumn {
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
  display: table;
}
.ec-cartRow .ec-cartRow__img {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
  padding-right: 10px;
}
.ec-cartRow .ec-cartRow__summary {
  display: table-cell;
  margin-left: 5px;
  font-weight: bold;
  vertical-align: middle;
  width: 46%;
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__name {
  margin-bottom: 5px;
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__sutbtotalSP {
  display: block;
  font-weight: normal;
}
.ec-cartRow .ec-cartRow__amountColumn {
  display: table-cell;
  border-bottom: 1px dotted #ccc;
  vertical-align: middle;
  text-align: center;
  width: 20%;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
  display: none;
  margin-bottom: 10px;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
  display: block;
  margin-bottom: 10px;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown {
  display: flex;
  justify-content: center;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton {
  margin: 0 2px;
  display: inline-block;
  border: 2px solid #c9c9c9;
  border-radius: 50%;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  cursor: pointer;
  line-height: 40px;
  vertical-align: middle;
  position: relative;
  text-align: center;
  background: #fff;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountUpButton__icon img {
  display: block;
  margin-left: -0.4em;
  width: 0.8em;
  height: 0.8em;
  position: absolute;
  top: 28%;
  left: 50%;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
  margin: 0 2px;
  display: inline-block;
  border: 2px solid #c9c9c9;
  border-radius: 50%;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  cursor: pointer;
  line-height: 40px;
  vertical-align: middle;
  position: relative;
  text-align: center;
  background: #fff;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton .ec-cartRow__amountDownButton__icon img, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .ec-cartRow__amountDownButton__icon img {
  display: block;
  margin-left: -0.4em;
  width: 0.8em;
  height: 0.8em;
  position: absolute;
  top: 28%;
  left: 50%;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
  cursor: default;
}
.ec-cartRow .ec-cartRow__subtotalColumn {
  display: none;
  border-bottom: 1px dotted #ccc;
  text-align: right;
  width: 16.66666667%;
}
/*
カート内商品(商品が１の場合)

商品が１の場合はカート商品を減らす「-」ボタンの無効化状態になります。

ex [カートページ　テーブル部分](http://demo3.ec-cube.net/cart)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-cartTable
  +ec-cartRowOnly

sg-wrapper:
<div class="ec-cartRole">
  <sg-wrapper-content/>
</div>


Styleguide 15.1.5
*/
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
  cursor: default;
}
/*
アラート

カート内の商品に問題があることを示す警告メッセージです。

ex [マイページ　カート](http://demo3.ec-cube.net/cart)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-cartRole
  .ec-cartRole__cart
    +ec-alert-warning

Styleguide 15.1.6
*/
.ec-alert-warning {
  width: 100%;
  padding: 10px;
  text-align: center;
  background: #F99;
  margin-bottom: 20px;
}
.ec-alert-warning .ec-alert-warning__inner {
  display: inline-block;
}
.ec-alert-warning .ec-alert-warning__inner__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ec-alert-warning .ec-alert-warning__icon {
  display: inline-block;
  margin-right: 1rem;
  width: 20px;
  height: 20px;
  color: #fff;
  fill: #fff;
  vertical-align: top;
}
.ec-alert-warning .ec-alert-warning__text {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  position: relative;
  flex: 1;
  word-break: break-all;
}
/*
アラート(空)

カートが空であることを示す警告メッセージです。

ex [マイページ　カート](http://demo3.ec-cube.net/cart)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/15.1.cart.pug
.ec-off3Grid
        .ec-off3Grid__cell
            +ec-alert-warningEnpty

Styleguide 15.1.7
*/
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
注文内容確認

カート内 注文内容確認に関する Project コンポーネントを定義します。

ex [マイページ　注文詳細](http://demo3.ec-cube.net/shopping)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderRole

Styleguide 15.2
*/
.ec-orderRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
.ec-orderRole:after {
  content: " ";
  display: table;
}
.ec-orderRole:after {
  clear: both;
}
.ec-orderRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-orderRole img {
  max-width: 100%;
}
.ec-orderRole html {
  box-sizing: border-box;
}
.ec-orderRole *,
.ec-orderRole *::before,
.ec-orderRole *::after {
  box-sizing: inherit;
}
.ec-orderRole img {
  width: 100%;
}
.ec-orderRole .ec-inlineBtn {
  font-weight: normal;
}
.mypage .ec-orderRole .ec-inlineBtn {
  font-weight: bold;
}
.ec-orderRole .ec-orderRole__detail {
  padding: 0;
  width: 100%;
}
.ec-orderRole .ec-orderRole__summary {
  width: 100%;
}
.ec-orderRole .ec-orderRole__summary .ec-inlineBtn {
  display: inline-block;
}
.ec-orderRole .ec-borderedList {
  margin-bottom: 20px;
  border-top: 1px dotted #ccc;
}
/*
注文履歴詳細 オーダ情報

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　オーダ情報](http://demo3.ec-cube.net/mypage)
(要ログイン → 詳細を見るボタン押下)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderInfo

Styleguide 15.2.1
*/
.ec-orderOrder {
  margin-bottom: 30px;
}
.ec-orderOrder .ec-orderOrder__items {
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
}
/*
注文履歴詳細 お客様情報

マイページ 注文詳細部に関する Project コンポーネントを定義します。

ex [マイページ　オーダ情報(要ログイン → 詳細を見るボタン押下)](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderAccount

Styleguide 15.2.2
*/
.ec-orderAccount {
  margin-bottom: 30px;
}
.ec-orderAccount p {
  margin-bottom: 0;
}
.ec-orderAccount:after {
  content: " ";
  display: table;
}
.ec-orderAccount:after {
  clear: both;
}
.ec-orderAccount .ec-orderAccount__change {
  display: inline-block;
  margin-left: 10px;
  float: right;
}
.ec-orderAccount .ec-orderAccount__account {
  margin-bottom: 16px;
}
/*
注文詳細 配送情報

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　配送情報(要ログイン → 詳細を見るボタン押下)](http://demo3.ec-cube.net/mypage)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderDelivery

Styleguide 15.2.3
*/
.ec-orderDelivery .ec-orderDelivery__title {
  padding: 16px 0 17px;
  font-weight: bold;
  font-size: 18px;
  position: relative;
}
.ec-orderDelivery .ec-orderDelivery__change {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
.ec-orderDelivery .ec-orderDelivery__items {
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
}
.ec-orderDelivery .ec-orderDelivery__address {
  margin: 10px 0 18px;
}
.ec-orderDelivery .ec-orderDelivery__address p {
  margin: 0;
}
/*
注文履歴詳細 支払情報

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　支払情報(要ログイン → 詳細を見るボタン押下)](http://demo3.ec-cube.net/mypage)

Markup:
.ec-orderRole
  .ec-orderPayment
    .ec-rectHeading
      h2 お支払方法
    p 支払方法： 郵便振替

Styleguide 15.2.4
*/
/*
注文履歴詳細 お問い合わせ

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　お問い合わせ(要ログイン → 詳細を見るボタン押下)](http://demo3.ec-cube.net/mypage)

Markup:
.ec-orderRole
  .ec-orderConfirm
    .ec-rectHeading
      h2 お問い合わせ
    p 記載なし

Styleguide 15.2.5
*/
.ec-orderConfirm {
  margin-bottom: 20px;
}
.ec-orderConfirm .ec-input textarea, .ec-orderConfirm .ec-halfInput textarea, .ec-orderConfirm .ec-numberInput textarea, .ec-orderConfirm .ec-zipInput textarea, .ec-orderConfirm .ec-telInput textarea, .ec-orderConfirm .ec-select textarea, .ec-orderConfirm .ec-birth textarea {
  height: 96px;
}
/*
お届け先の複数指定

お届け先の複数指定に関するコンポーネントを定義します。

ex [マイページ　お届け先の複数指定](http://demo3.ec-cube.net/shopping/shipping_multiple)
(商品購入画面 → 「お届け先を追加する」を押下)

Markup:
include /assets/tmpl/elements/15.2.order.pug
+ec-orderAddAddress

Styleguide 15.2.6
*/
.ec-AddAddress {
  padding: 0 10px;
}
.ec-AddAddress .ec-AddAddress__info {
  margin-bottom: 32px;
  text-align: center;
  font-size: 16px;
}
.ec-AddAddress .ec-AddAddress__add {
  border-top: 1px solid #f4f4f4;
  padding-top: 20px;
  margin-bottom: 20px;
}
.ec-AddAddress .ec-AddAddress__item {
  display: table;
  padding: 16px;
  background: #f4f4f4;
  margin-bottom: 16px;
}
.ec-AddAddress .ec-AddAddress__itemThumb {
  display: table-cell;
  min-width: 160px;
  width: 20%;
}
.ec-AddAddress .ec-AddAddress__itemThumb img {
  width: 100%;
}
.ec-AddAddress .ec-AddAddress__itemtContent {
  display: table-cell;
  vertical-align: middle;
  padding-left: 16px;
  font-size: 16px;
}
.ec-AddAddress .ec-AddAddress__itemtTitle {
  font-weight: bold;
  margin-bottom: 10px;
}
.ec-AddAddress .ec-AddAddress__itemtSize {
  margin-bottom: 10px;
}
.ec-AddAddress .ec-AddAddress__select {
  margin-bottom: 5px;
}
.ec-AddAddress .ec-AddAddress__selectAddress {
  display: block;
}
.ec-AddAddress .ec-AddAddress__selectAddress label {
  font-size: 16px;
  font-weight: normal;
}
.ec-AddAddress .ec-AddAddress__selectAddress select {
  min-width: 100%;
}
.ec-AddAddress .ec-AddAddress__selectNumber {
  display: block;
}
.ec-AddAddress .ec-AddAddress__selectNumber label {
  font-size: 16px;
  font-weight: normal;
}
.ec-AddAddress .ec-AddAddress__selectNumber input {
  display: inline-block;
  margin-left: 10px;
  width: 80px;
}
.ec-AddAddress .ec-AddAddress__actions .ec-blockBtn--action {
  margin-bottom: 8px;
}
.ec-AddAddress .ec-AddAddress__new {
  margin-bottom: 20px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/*
注文履歴一覧

マイページ 注文履歴部に関する Project コンポーネントを定義します。

ex [マイページ　注文履歴一覧](http://demo3.ec-cube.net/mypage)
(要ログイン)

Markup:
include /assets/tmpl/elements/16.1.history.pug
+ec-historyRole

Styleguide 16.1
*/
.ec-historyRole .ec-historyRole__contents {
  padding-top: 1em;
  padding-bottom: 16px;
  border-top: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  color: #525263;
}
.ec-historyRole .ec-historyRole__header {
  width: 100%;
}
.ec-historyRole .ec-historyRole__detail {
  border-top: 1px dotted #ccc;
  width: 100%;
}
.ec-historyRole .ec-historyRole__detail .ec-imageGrid:nth-of-type(1) {
  border-top: none;
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle {
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: bold;
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice {
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: bold;
}
/*
注文履歴一覧 規格

マイページ 注文履歴内アイテムの規格を定義します。

ex [マイページ　注文履歴一覧](http://demo3.ec-cube.net/mypage)
(要ログイン)

Markup:
include /assets/tmpl/elements/16.1.history.pug
+ec-historyRole-option

Styleguide 16.1.1
*/
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailOption {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 0.5rem;
  font-size: 1.6rem;
}
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailOption::after {
  display: inline-block;
  padding-left: 0.5rem;
  content: "/";
  font-weight: bold;
}
/*
注文履歴一覧ヘッダ

注文履歴一覧で使用するヘッダのコンポーネントを定義します。

ex [マイページ　注文履歴一覧ヘッダ](http://demo3.ec-cube.net/mypage)
(要ログイン)

Markup:
include /assets/tmpl/elements/16.1.history.pug
+ec-historyHeader
p hofe

Styleguide 16.1.2
*/
.ec-historyListHeader .ec-historyListHeader__date {
  font-weight: bold;
  font-size: 16px;
}
.ec-historyListHeader .ec-historyListHeader__action {
  margin: 16px 0;
}
.ec-historyListHeader .ec-historyListHeader__action a {
  font-size: 12px;
  font-weight: normal;
}
/**
 * ECCUBE 固有のスタイルユーティリティ
 */
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
注文履歴詳細

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　注文詳細](http://demo3.ec-cube.net/mypage)
(要ログイン → 詳細を見るボタン押下)

Markup:
include /assets/tmpl/elements/16.2.historyDetail.pug
+ec-historyDetailRole

Styleguide 16.2
*/
/*
注文履歴詳細 メール履歴

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　メール履歴](http://demo3.ec-cube.net/mypage)
(要ログイン → 詳細を見るボタン押下)

Markup:
include /assets/tmpl/elements/16.2.historyDetail.pug
+ec-historyDetailMail

Styleguide 16.2.5
*/
.ec-orderMails .ec-orderMails__item {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
.ec-orderMails .ec-orderMails__time {
  margin: 0;
}
.ec-orderMails .ec-orderMails__body {
  display: none;
}
/*
注文履歴詳細 メール履歴個別

マイページ 注文履歴詳細部に関する Project コンポーネントを定義します。

ex [マイページ　メール履歴個別](http://demo3.ec-cube.net/mypage)
(要ログイン → 詳細を見るボタン押下)

Markup:
include /assets/tmpl/elements/16.2.historyDetail.pug
+ec-historyDetailMailHistory

Styleguide 16.2.6
*/
.ec-orderMail {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 16px;
}
.ec-orderMail .ec-orderMail__time {
  margin: 0;
}
.ec-orderMail .ec-orderMail__body {
  display: none;
}
.ec-orderMail .ec-orderMail__time {
  margin-bottom: 4px;
}
.ec-orderMail .ec-orderMail__link {
  margin-bottom: 4px;
}
.ec-orderMail .ec-orderMail__link a {
  color: #0092C4;
  text-decoration: none;
  cursor: pointer;
}
.ec-orderMail .ec-orderMail__link a:hover {
  color: #33A8D0;
}
.ec-orderMail .ec-orderMail__close a {
  color: #0092C4;
  text-decoration: none;
  cursor: pointer;
}
.ec-orderMail .ec-orderMail__close a:hover {
  color: #33A8D0;
}
/*
住所一覧

カート 注文詳細 に関する Project コンポーネントを定義します。

ex [マイページ内 お届け先編集](http://demo3.ec-cube.net/mypage/delivery)

Markup:
include /assets/tmpl/elements/17.1.address.pug
+ec-addressList
+ec-addressRole

sg-wrapper:
<div class="ec-addressRole">
  <sg-wrapper-content/>
</div>

Styleguide 17.1

*/
.ec-addressRole .ec-addressRole__item {
  border-top: 1px dotted #ccc;
}
.ec-addressRole .ec-addressRole__actions {
  margin-top: 32px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #ccc;
}
.ec-addressList .ec-addressList__item {
  display: table;
  width: 100%;
  position: relative;
  border-bottom: 1px dotted #ccc;
}
.ec-addressList .ec-addressList__remove {
  vertical-align: middle;
  padding: 16px;
  text-align: center;
}
.ec-addressList .ec-addressList__remove .ec-icon img {
  width: 1em;
  height: 1em;
}
.ec-addressList .ec-addressList__address {
  display: table-cell;
  vertical-align: middle;
  padding: 16px;
  margin-right: 4em;
  width: 80%;
}
.ec-addressList .ec-addressList__action {
  position: relative;
  vertical-align: middle;
  text-align: right;
  top: 27px;
  padding-right: 10px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
パスワードリセット

カート 注文詳細 に関する Project コンポーネントを定義します。

ex [パスワードリセット画面](http://demo3.ec-cube.net/forgot)

(カート内に商品がある状態でアクセス)

Markup:
include /assets/tmpl/elements/18.1.password.pug
+ec-passwordRole

Styleguide 18.1

*/
.ec-forgotRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-forgotRole:after {
  content: " ";
  display: table;
}
.ec-forgotRole:after {
  clear: both;
}
.ec-forgotRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-forgotRole img {
  max-width: 100%;
}
.ec-forgotRole html {
  box-sizing: border-box;
}
.ec-forgotRole *,
.ec-forgotRole *::before,
.ec-forgotRole *::after {
  box-sizing: inherit;
}
.ec-forgotRole img {
  width: 100%;
}
.ec-forgotRole .ec-forgotRole__intro {
  font-size: 16px;
}
.ec-forgotRole .ec-forgotRole__form {
  margin-bottom: 16px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
会員登録

新規会員登録 に関する Project コンポーネントを定義します。

ex [新規会員登録画面　会員登録](http://demo3.ec-cube.net/entry)

Markup:
include /assets/tmpl/elements/19.1.register.pug
+ec-registerRole

Styleguide 19.1

*/
.ec-registerRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-registerRole:after {
  content: " ";
  display: table;
}
.ec-registerRole:after {
  clear: both;
}
.ec-registerRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-registerRole img {
  max-width: 100%;
}
.ec-registerRole html {
  box-sizing: border-box;
}
.ec-registerRole *,
.ec-registerRole *::before,
.ec-registerRole *::after {
  box-sizing: inherit;
}
.ec-registerRole img {
  width: 100%;
}
.ec-registerRole .ec-registerRole__actions {
  padding-top: 20px;
  text-align: center;
}
.ec-registerRole .ec-registerRole__actions p {
  margin-bottom: 16px;
}
.ec-registerRole .ec-blockBtn--action {
  margin-bottom: 16px;
}
.ec-registerCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-registerCompleteRole:after {
  content: " ";
  display: table;
}
.ec-registerCompleteRole:after {
  clear: both;
}
.ec-registerCompleteRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-registerCompleteRole img {
  max-width: 100%;
}
.ec-registerCompleteRole html {
  box-sizing: border-box;
}
.ec-registerCompleteRole *,
.ec-registerCompleteRole *::before,
.ec-registerCompleteRole *::after {
  box-sizing: inherit;
}
.ec-registerCompleteRole img {
  width: 100%;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
お問い合わせ

お問い合わせ に関する Project コンポーネントを定義します。

ex [お問い合わせ](http://demo3.ec-cube.net/contact)

Markup:
include /assets/tmpl/elements/19.2.contact.pug
+ec-contactRole

Styleguide 19.2

*/
.ec-contactRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-contactRole:after {
  content: " ";
  display: table;
}
.ec-contactRole:after {
  clear: both;
}
.ec-contactRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-contactRole img {
  max-width: 100%;
}
.ec-contactRole html {
  box-sizing: border-box;
}
.ec-contactRole *,
.ec-contactRole *::before,
.ec-contactRole *::after {
  box-sizing: inherit;
}
.ec-contactRole img {
  width: 100%;
}
.ec-contactRole .ec-contactRole__actions {
  padding-top: 20px;
}
.ec-contactRole p {
  margin: 16px 0;
}
.ec-contactConfirmRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-contactConfirmRole:after {
  content: " ";
  display: table;
}
.ec-contactConfirmRole:after {
  clear: both;
}
.ec-contactConfirmRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-contactConfirmRole img {
  max-width: 100%;
}
.ec-contactConfirmRole html {
  box-sizing: border-box;
}
.ec-contactConfirmRole *,
.ec-contactConfirmRole *::before,
.ec-contactConfirmRole *::after {
  box-sizing: inherit;
}
.ec-contactConfirmRole img {
  width: 100%;
}
.ec-contactConfirmRole .ec-contactConfirmRole__actions {
  padding-top: 20px;
}
.ec-contactConfirmRole .ec-blockBtn--action {
  margin-bottom: 16px;
}
.ec-contactCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-contactCompleteRole:after {
  content: " ";
  display: table;
}
.ec-contactCompleteRole:after {
  clear: both;
}
.ec-contactCompleteRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-contactCompleteRole img {
  max-width: 100%;
}
.ec-contactCompleteRole html {
  box-sizing: border-box;
}
.ec-contactCompleteRole *,
.ec-contactCompleteRole *::before,
.ec-contactCompleteRole *::after {
  box-sizing: inherit;
}
.ec-contactCompleteRole img {
  width: 100%;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
お客様情報の入力

ログインせずゲストとして商品を購入する際の、お客様情報の入力 に関する Project コンポーネントを定義します。

ex [カートSTEP2 お客様情報の入力(ゲスト購入)](http://demo3.ec-cube.net/shopping/nonmember)

Markup:
include /assets/tmpl/elements/19.3.customer.pug
+ec-customerRole
hoge

Styleguide 19.3

*/
.ec-customerRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-customerRole:after {
  content: " ";
  display: table;
}
.ec-customerRole:after {
  clear: both;
}
.ec-customerRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-customerRole img {
  max-width: 100%;
}
.ec-customerRole html {
  box-sizing: border-box;
}
.ec-customerRole *,
.ec-customerRole *::before,
.ec-customerRole *::after {
  box-sizing: inherit;
}
.ec-customerRole img {
  width: 100%;
}
.ec-customerRole .ec-customerRole__actions {
  padding-top: 20px;
}
.ec-customerRole .ec-blockBtn--action {
  margin-bottom: 10px;
}
.ec-contactConfirmRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-contactConfirmRole:after {
  content: " ";
  display: table;
}
.ec-contactConfirmRole:after {
  clear: both;
}
.ec-contactConfirmRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-contactConfirmRole img {
  max-width: 100%;
}
.ec-contactConfirmRole html {
  box-sizing: border-box;
}
.ec-contactConfirmRole *,
.ec-contactConfirmRole *::before,
.ec-contactConfirmRole *::after {
  box-sizing: inherit;
}
.ec-contactConfirmRole img {
  width: 100%;
}
.ec-contactConfirmRole .ec-contactConfirmRole__actions {
  padding-top: 20px;
}
.ec-contactConfirmRole .ec-blockBtn--action {
  margin-bottom: 16px;
}
.ec-contactCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
}
.ec-contactCompleteRole:after {
  content: " ";
  display: table;
}
.ec-contactCompleteRole:after {
  clear: both;
}
.ec-contactCompleteRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-contactCompleteRole img {
  max-width: 100%;
}
.ec-contactCompleteRole html {
  box-sizing: border-box;
}
.ec-contactCompleteRole *,
.ec-contactCompleteRole *::before,
.ec-contactCompleteRole *::after {
  box-sizing: inherit;
}
.ec-contactCompleteRole img {
  width: 100%;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.bg-load-overlay {
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  position: fixed;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-around;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  opacity: 1;
}
/*
404ページ

404 エラー画面で使用するページコンポーネントです。

ex [404エラー画面](http://demo3.ec-cube.net/404)

Markup:
include /assets/tmpl/elements/20.1.404.pug
+ec-404Role

Styleguide 20.1

*/
.ec-404Role {
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  height: 100vh;
  background-color: #f2f2f2;
  text-align: center;
  box-sizing: border-box;
}
.ec-404Role textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-404Role img {
  max-width: 100%;
}
.ec-404Role html {
  box-sizing: border-box;
}
.ec-404Role *,
.ec-404Role *::before,
.ec-404Role *::after {
  box-sizing: inherit;
}
.ec-404Role img {
  width: 100%;
}
.ec-404Role .ec-404Role__icon img {
  width: 1em;
  height: 1em;
}
.ec-404Role .ec-404Role__title {
  font-weight: bold;
  font-size: 25px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
退会手続き

退会手続きで使用するページコンポーネントです。

ex [退会手続き](http://demo3.ec-cube.net/mypage/withdraw)

Markup:
include /assets/tmpl/elements/21.1.withdraw.pug
+ec-withdrawRole

Styleguide 21.1

*/
.ec-withdrawRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  text-align: center;
  padding: 0 16px;
}
.ec-withdrawRole:after {
  content: " ";
  display: table;
}
.ec-withdrawRole:after {
  clear: both;
}
.ec-withdrawRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-withdrawRole img {
  max-width: 100%;
}
.ec-withdrawRole html {
  box-sizing: border-box;
}
.ec-withdrawRole *,
.ec-withdrawRole *::before,
.ec-withdrawRole *::after {
  box-sizing: inherit;
}
.ec-withdrawRole img {
  width: 100%;
}
.ec-withdrawRole .ec-withdrawRole__title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
}
.ec-withdrawRole .ec-withdrawRole__description {
  margin-bottom: 32px;
  font-size: 16px;
}
.ec-withdrawRole .ec-icon img {
  width: 100px;
  height: 100px;
}
/*
退会手続き実行確認

退会手続き実行確認で使用するページコンポーネントです。

ex [退会手続き　退会手続きへボタン→押下](http://demo3.ec-cube.net/mypage/withdraw)

Markup:
include /assets/tmpl/elements/21.1.withdraw.pug
+ec-withdrawConfirm

Styleguide 21.1.2

*/
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__cancel {
  margin-bottom: 20px;
}
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
}
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__description {
  margin-bottom: 32px;
  font-size: 16px;
}
.ec-withdrawConfirmRole .ec-icon img {
  width: 100px;
  height: 100px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
会員情報編集完了

会員情報編集完了で使用するページコンポーネントです。

ex [会員情報編集完了](http://demo3.ec-cube.net/mypage/change_complete)

Markup:
include /assets/tmpl/elements/22.1.editComplete.pug
+ec-userEditCompleteRole

Styleguide 22.1

*/
.ec-userEditCompleteRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1130px;
  text-align: center;
  padding: 0 16px;
}
.ec-userEditCompleteRole:after {
  content: " ";
  display: table;
}
.ec-userEditCompleteRole:after {
  clear: both;
}
.ec-userEditCompleteRole textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
.ec-userEditCompleteRole img {
  max-width: 100%;
}
.ec-userEditCompleteRole html {
  box-sizing: border-box;
}
.ec-userEditCompleteRole *,
.ec-userEditCompleteRole *::before,
.ec-userEditCompleteRole *::after {
  box-sizing: inherit;
}
.ec-userEditCompleteRole img {
  width: 100%;
}
.ec-userEditCompleteRole .ec-userEditCompleteRole__title {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 24px;
}
.ec-userEditCompleteRole .ec-userEditCompleteRole__description {
  margin-bottom: 32px;
  font-size: 16px;
}
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
見出し

トップページで使用されているメイン画像のスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.8.1
*/
.ec-gaiyou {
  display: table;
  width: 100%;
  margin-bottom: 50px;
  width: 100%;
  border-top: 1px dotted #ccc;
  margin-bottom: 16px;
}
.ec-gaiyou .ec-gaiyou_tr {
}
.ec-gaiyou .ec-gaiyou_tr .ec-gaiyou_th {
  margin-bottom: 10px;
  color: #B21A33;
}
.ec-gaiyou .ec-gaiyou_tr .ec-gaiyou_td {
  margin-bottom: 25px;
}

.ec-gaiyou .ec-gaiyou_tr .ec-gaiyou_td p {
  line-height: 2;
  margin: 0 0 2em 0;
  font-size: 16px;
}
.ec-gaiyou .payment {
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.ec-gaiyou .payment .payment_body{
  margin-right: 1%;
  text-align: center;
}
.ec-gaiyou .payment .payment_body p{
  font-size: 7pt;
}
.ec-gaiyou .payment .payment_body img{
  width: 70px;
}

.ec-gaiyou .ec-for-pc {
  display:none;
}
.ec-gaiyou .ec-for-sp {
  display:block;
}

.ec-gaiyou .ec-shipping {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
  word-break: break-all;
  display: table;
}
.ec-gaiyou .ec-shipping tr{
  padding: 7px 5px;
}
.ec-gaiyou .ec-shipping td{
  border: 1px solid #bbb;
    padding: 10px 15px 7px;
    line-height: 2.2;
    background: #fff;
}

/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠
 */
/*
見出し

トップページで使用されているメイン画像のスタイルです。

ex [トップページ](http://demo3.ec-cube.net/)

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.8.1
*/
.ec-privacy {
  //max-width: 980px;
  //width: 90%;
  margin: 0 auto;
  padding: 25px 4%;
  position: relative;
  background: #fff;
}
.ec-privacy h3 {
  margin: 3em 0 1.5em;
  padding: 1.1em .9em 1em;
  font-size: 22px;
  font-weight: 400;
  border-top: 2px solid #222;
  border-bottom: 1px solid #ddd;
  background: #fafafa;
  box-shadow: 0px 1px 2px #f7f7f7;
  line-height: 1.6;
}
.ec-privacy h3.ec-privacy_title {
  font-size: 100%;
  margin: 25px 0 0 0;
  color: #B21A33;
}

Markup:
sg-wrapper:
<div class="ec-role">
  <sg-wrapper-content/>
</div>

Styleguide 12.8.1
*/
.ec-baisyou {
  //max-width: 980px;
  //width: 90%;
  margin: 0 auto;
  padding: 25px 4%;
  position: relative;
  background: #fff;
}
.ec-baisyou .title {
  line-height: 2;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
}
.ec-baisyou .terms {
  line-height: 2;
  margin-left: 20px;
  margin-bottom: 10px;
  font-size: 16px;
}
.ec-baisyou .statement {
  line-height: 2;
  margin-left: 30px;
  margin-bottom: 20px;
  font-size: 16px;
}


@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .ec-gaiyou {
    display: table;
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin-bottom: 50px;
  }
  .ec-gaiyou .ec-gaiyou_tr {
    display: table-row;
  }
  .ec-gaiyou .ec-gaiyou_tr .ec-gaiyou_th {
    display: table-cell;
    padding: 10px 10px 10px;
    border: 1px solid #fff;
    background-color: #95afdb;
    white-space: nowrap;
    color: #fff;
    font-weight: bold;
  }
  .ec-gaiyou .ec-gaiyou_tr .ec-gaiyou_td {
    display: table-cell;
    border: 1px solid #ccc;
    padding: 10px 10px 10px;
  }
  .ec-gaiyou .ec-for-pc {
    display:block;
  }
  .ec-gaiyou .ec-for-sp {
    display:none;
  }
  .ec-gaiyou .payment {
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .ec-gaiyou .ec-shipping-pc {
    display: table;
    width: 90%
    display: table;
  }
  .ec-gaiyou .ec-shipping-pc tr{
    padding: 7px 5px;
  }
  .ec-gaiyou .ec-shipping-pc td{
    border: 1px solid #bbb;
    padding: 10px 12px 7px;
    line-height: 2.2;
    background: #fff;
  }
  .ec-privacy {
    max-width: 980px;
    width: 90%;
    margin: 0 auto;
    padding: 25px 4%;
    position: relative;
   background: #fff;
  }

  .container-md, .container-sm, .container {
    max-width: 720px;
  }
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .ec-grid2 .ec-grid2__cell {
    width: 50%;
  }
  .ec-grid2 .ec-grid2__cell2 {
    width: 100%;
  }
  .ec-grid3 .ec-grid3__cell {
    width: 33.3333333333%;
  }
  .ec-grid3 .ec-grid3__cell2 {
    width: 66.6666666667%;
  }
  .ec-grid3 .ec-grid3__cell3 {
    width: 100%;
  }
  .ec-grid4 .ec-grid4__cell {
    width: 25%;
  }
  .ec-grid6 .ec-grid6__cell {
    width: 16.6666666667%;
  }
  .ec-grid6 .ec-grid6__cell2 {
    width: 33.3333333333%;
  }
  .ec-grid6 .ec-grid6__cell3 {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .ec-pageHeader h1, .ec-pageHeader .h1 {
    border-top: none;
    border-bottom: 1px solid #ccc;
    margin: 10px 16px 48px;
    padding: 8px;
    font-size: 50px;
    font-weight: bold;
  }
  .ec-heading-bold {
    font-size: 18px;
  }
  .ec-reportHeading {
    border-top: 0;
    font-size: 32px;
  }
  .ec-reportHeading h1, .ec-reportHeading .h1, .ec-reportHeading h2, .ec-reportHeading .h2, .ec-reportHeading h3, .ec-reportHeading .h3,
  .ec-reportHeading h4,
  .ec-reportHeading .h4, .ec-reportHeading h5, .ec-reportHeading .h5, .ec-reportHeading h6, .ec-reportHeading .h6, .ec-reportHeading p {
    font-size: 32px;
  }
  .ec-price .ec-price__unit {
    font-size: 1em;
  }
  .ec-price .ec-price__price {
    font-size: 1em;
  }
  .ec-price .ec-price__tax {
    font-size: 0.57em;
  }
  .ec-borderedDefs dl {
    flex-wrap: nowrap;
    padding: 15px 0 4px;
  }
  .ec-borderedDefs dt {
    padding-top: 14px;
    width: 30%;
  }
  .ec-borderedDefs dd {
    width: 70%;
    line-height: 3;
  }
  .ec-list-chilled dt, .ec-list-chilled dd {
    padding: 16px 0;
  }
  .ec-list-chilled dd {
    padding: 16px;
  }
  .ec-borderedList {
    border-top: 1px dotted #ccc;
  }
  .ec-blockTopBtn {
    right: 30px;
    bottom: 30px;
  }
  .ec-input input, .ec-birth input, .ec-select input, .ec-telInput input, .ec-zipInput input, .ec-numberInput input, .ec-halfInput input {
    font-size: 0.875rem;
  }
  .ec-input select, .ec-birth select, .ec-select select, .ec-telInput select, .ec-zipInput select, .ec-numberInput select, .ec-halfInput select {
    font-size: 0.875rem;
  }
  .ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-telInput textarea, .ec-zipInput textarea, .ec-numberInput textarea, .ec-halfInput textarea {
    font-size: 0.875rem;
  }
  .ec-input input, .ec-birth input, .ec-select input, .ec-telInput input, .ec-zipInput input, .ec-numberInput input, .ec-halfInput input {
    margin-bottom: 16px;
  }
  .ec-halfInput input[type=text] {
    margin-left: 15px;
    width: 45%;
  }
  .ec-halfInput .ec-errorMessage {
    margin-left: 15px;
    width: 45%;
  }
  .ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input {
    font-size: 0.875rem;
  }
  .ec-input select, .ec-birth select, .ec-select select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select {
    font-size: 0.875rem;
  }
  .ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea {
    font-size: 0.875rem;
  }
  .ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input {
    margin-bottom: 16px;
  }
  .ec-halfInput input[type=text] {
    margin-left: 15px;
    width: 45%;
  }
  .ec-halfInput .ec-errorMessage {
    margin-left: 15px;
    width: 45%;
  }
  .ec-select__delivery {
    display: inline-block;
  }
  .ec-select__time {
    display: inline-block;
  }
  .ec-birth select {
    margin: 0 8px 10px;
  }
  .ec-required {
    margin-left: 1em;
  }
  .ec-grid2 {
    display: flex;
  }
  .ec-grid3 {
    display: flex;
  }
  .ec-grid4 {
    display: flex;
  }
  .ec-grid6 {
    display: flex;
  }
  .ec-off1Grid {
    display: block;
    margin: 0;
  }
  .ec-off1Grid .ec-off1Grid__cell {
    position: relative;
    min-height: 1px;
    margin-left: 8.3333333333%;
  }
  .ec-off2Grid {
    display: flex;
  }
  .ec-off2Grid .ec-off2Grid__cell {
    position: relative;
    min-height: 1px;
    margin-left: 16.6666666667%;
  }
  .ec-off3Grid {
    display: flex;
  }
  .ec-off3Grid .ec-off3Grid__cell {
    position: relative;
    min-height: 1px;
    margin-left: 25%;
  }
  .ec-off4Grid {
    display: flex;
  }
  .ec-off4Grid .ec-off4Grid__cell {
    position: relative;
    min-height: 1px;
    margin-left: 33.3333333333%;
  }
  .ec-imageGrid .ec-imageGrid__img {
    padding: 10px;
    width: 130px;
  }
  .ec-login {
    margin: 0 16px;
    padding: 30px 13% 60px;
  }
  .ec-login .ec-login__link {
    margin-left: 20px;
  }
  .ec-guest {
    height: 100%;
    margin: 0 16px;
  }

  /*
トップページ（メインイメージ）
  
  Markup:
  include /assets/tmpl/elements/6.3.login.pug
  +ec-guest
  hoge
  
  Styleguide 6.1.2
  */
  .ec-topimgRole {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
  }
  .ec-topmakeshopRole {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
  }
  .ec-topmakeshopRole .ec-topmakeshomenu{
    width: 100%;
  }
  .ec-topmakeshopRole .ec-topmakeshomenu .ec-topmakeshomenuWaku{
    display: flex;
    width: 80%;
    margin: 0 auto;
  }
  .ec-topmakeshopRole .ec-topmakeshomenu .ec-topmakeshomenuWaku .ec-topmakeshomenuimg{
    width: 50%;
  }

  .list_dtl {
    display: flex;
  }

  .list_dtl_mei {
    width: 25%; 
    margin: 10px
  }
  .menu_explanation_accordion .item_list .dtl{
    width: 25%;
  }
  /*
  クリーニングお申し込み内容を登録
  
  Markup:
  include /assets/tmpl/elements/6.3.login.pug
  +ec-guest
  hoge
  
  Styleguide 6.1.2
  */
  .ec-cleaning {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
  }
  .ec-cleaning .ec-cleaning__meisai {
    margin: 0 auto;
    margin-bottom: 35px;
    width: 80%;
    /*border: 1px solid #95afdb;*/
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail {
    margin: 0 auto;
    width: 98%;
    border: 4px solid #95afdb;
    border-radius: 10px;
  }

  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading_accordion {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading_accordion .sum {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-weight: 600;
    cursor: pointer;
    border-top: 1px solid #95afdb;
    border-bottom: 1px solid #95afdb;
    padding-right: 12px;
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading_accordion .sum .l_heading {
    width: 10%;
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading_accordion .sum .r_heading {
    width: 90%;
  }

  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_title {

  }


  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_title .cleaning_name .cleaning_name_l {
    width: 80%;
  }

  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_title .cleaning_name .cleaning_name_l .up_title{
    display: flex;
    margin-bottom: 10px;
    width: 100%;
    font-size: 2.0rem;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    text-align: left;
    border-bottom: none;
    border-bottom: 1px solid #95afdb;
  }

  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_title .cleaning_name .cleaning_name_l .up_title img{
    max-width: 10%;
  }

  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_title .cleaning_name .cleaning_name_l .dw_title{
    width: 100%;
    font-size: 1.4rem;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    text-align: left;
  }

  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_name {
    position: relative;
    z-index: 10;
    margin-left: 0px;
    margin-right: 0px;

  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_name .c_name1 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    text-align: left;
    border-bottom: 2px solid #95afdb;
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_name .c_name2 {
    display: flex;
    margin-bottom: 10px;
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_name .c_name2_left {
    font-size: 2.0rem;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    text-align: left;
    border-bottom: none;
    width: 55%;
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_name .c_name2_left img{
    max-width: 18%;
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .cleaning_name .c_name2_right {
    border-left: 1px solid #000000;
    font-size: 1.6rem;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    width: 45%;
    display: flex;
    align-items: center;   
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-top: 1px solid #95afdb;
    border-bottom: 1px solid #95afdb;
    font-size: 1.4rem;
    font-weight: 600;
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading .l_heading {
    position: relative;
    width:  10%;
    padding: 0.5rem;
    background-color: #95afdb;
    color: #fff;
    text-align: center;
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .heading .r_heading {
    position: relative;
    text-align: left;
    width:  90%;
    padding: 0.5rem;
    padding-left: 20px;
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .item {
    margin-left: 10px;
    margin-right: 10px;
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .itemselect {
    margin-left: 5px;
    margin-right: 5px;
  }

  .deadline {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
    margin-bottom: 10px;
  }

  .deadline .deadline_btn_u {
    display: flex;
    position: relative;
    height:  5rem;
    width:  50%;
  }

  .deadline .deadline_btn_d {
    display: flex;
    position: relative;
    height:  5rem;
    width:  50%;
  }

  .deadline_btn {
    position: relative;
    height:  5rem;
    width:  50%;
    padding: 0.5rem;
  }

  .deadline_radio {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
  }

  .deadline_radio_disabled {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
  }

  .deadline_radio_title {
    display: flex;
    font-weight: 600;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 4px solid #95afdb;
    border-radius: 10px;
    transition: transform 300ms ease;
    color: #95afdb;
  }

  .deadline_radio_title .radio_label {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #95afdb;
  }

  .deadline_radio_title_disabled {
    display: flex;
    font-weight: 600;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 2px solid #d3d3d3;
    border-radius: 10px;
    transition: transform 300ms ease;
    color: #95afdb;
  }
  .deadline_radio_title_disabled .radio_label {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #d3d3d3;
  }

  .deadline_radio:checked + .deadline_radio_title {
    background-color: #95afdb;
    border: 2px solid #95afdb;
    color: white;

    .radio_label {
      color: white;
      background-color: #95afdb;
    }
  }
  .deadline_radio:checked + .msg {
  display: block;
  } 
  .cleaning_dtl_add {
    border-top: 2px dashed #95afdb;
  }

  .cleaning_dtl_n {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
    margin-bottom: 10px;
  }

  .cleaning_dtl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
    margin-bottom: 10px;
    border-bottom: 2px dashed #95afdb;
  }

  .cleaning_dtl_n .cleaning_dtl_l ,
  .cleaning_dtl .cleaning_dtl_l {
    padding: 5px 10px;
    width:  60%;
  }


  .cleaning_dtl_n .cleaning_dtl_r,
  .cleaning_dtl .cleaning_dtl_r {
    width:  40%;
    padding-top: 4px;
    padding-left: 12px;
  }

  .cleaning_dtl .select_box {
    height:  4rem;
    width:  100%;
    border: 4px solid #95afdb;
    border-radius: 10px;
    transition: transform 300ms ;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 4rem;
    padding-left: 20px;
  }
  .cleaning__dtl .dtl{
    display: block;
  }
  .cleaning__dtl .dtl .dtl_opt{
    display: flex;
    margin: 0 auto;
    width: 50%;
  }
  .cleaning__dtl .dtl .dtl_opt .dtl_title{
    width: 50%;
  }
  .cleaning__dtl .dtl .dtl_opt .dtl_optbtn{
  }
  .aitem_explanation_accordion {
    font-size: 1.2rem;
    margin: 20px 5px;
    border: 1px solid #95afdb;
  }

  .aitem_explanation_accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 10px 20px;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
  }

  .aitem_explanation_accordion summary::-webkit-details-marker {
    display: none;
  }

  .aitem_explanation_accordion summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
  }

  .aitem_explanation_accordion[open] summary::after {
    transform: rotate(225deg);
  }

  .aitem_explanation_accordion p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
  }

  .aitem_explanation_accordion[open] div {
    transform: none;
    opacity: 1;
  }
  .item_explanation_accordion .item_list {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    list-style: none;
  }

  .item_explanation_accordion .item_list .dtl{
    width: 17.1%;
    padding: 5px;
    margin: 10px 5px;
    text-align: center;
    cursor:pointer;
    font-size: 1.0rem;
  }

  .item_explanation_accordion .item_list .dtl_select{
    width: 17.1%;
    padding: 5px;
    margin: 10px 5px;
    text-align: center;
    cursor:pointer;
    font-size: 1.0rem;
    border: 2px #95afdb solid;
  }


  .komono_dtl {
    font-size: 1.0rem;
    padding: 5px;
  }

  .komono_dtl .dtl{
    width: 22.2%;
    margin: 10px 5px;
    padding: 5px;
    text-align: center;
  }

  .komono_dtl .dtl_select{
    width: 22.2%;
    margin: 10px 5px;
    padding: 5px;
    text-align: center;
    border: 2px #95afdb solid;
  }

  .qkomono_dtl {
    display: block;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
    border-bottom: 2px dashed #95afdb;
  }

  .qkomono_dtl .komono_dtl_1{
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .qkomono_dtl .komono_dtl_1 .chk {
    width: 30px;
  }

  .qkomono_dtl .komono_dtl_1 .name {
    width: 40%;
  }


  .qkomono_dtl .komono_dtl_1 .suryo {
    width: 20%;
  }

  .qkomono_dtl .komono_dtl_1 .kin {
    color: #d3d3d3;

  }


  .qkomono_dtl .komono_dtl_2{
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .explanation {
    display:flex;
    flex-flow: column;
    justify-content:space-between;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
  }

  .explanation .exp_bold{
    margin-top: 30px;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .explanation .exp{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.2rem;
  }

  .explanation_accordion {
    font-size: 1.2rem;
    margin: 20px 25px;
    border-bottom: 1px solid #95afdb;
  }

  .explanation_accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 10px 20px;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
  }

  .explanation_accordion summary::-webkit-details-marker {
    display: none;
  }

  .explanation_accordion summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
  }

  .explanation_accordion[open] summary::after {
    transform: rotate(225deg);
  }

  .explanation_accordion p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
  }

  .explanation_accordion[open] div {
    transform: none;
    opacity: 1;
  }

  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .plan_msg {
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .plan_msg .chgmsg {
    font-size: 1.4rem;
  }

  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .plan_msg .msg {
    font-size: 1.2rem;
  }




  .ec-cleaning .ec-cleaning__meisai .discount {
    padding-top: 10px;
    margin-bottom: 10px;
    display: flex;
  }

  .ec-cleaning .ec-cleaning__meisai .discount .discount_heading{
    text-align: right;
    font-size: 18px;
    width: 75%;
  }

  .ec-cleaning .ec-cleaning__meisai .discount .discount_kin{
    text-align: right;
    font-size: 18px;
    width: 25%;
  }
  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .menuadd {
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #000;
  }

  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .btn{
    display: flex;
    margin-bottom: 30px;
  }

  .ec-cleaning .ec-cleaning__meisai .ec-cleaning__detail .btn .addbtn{
    margin-bottom: 10px;
    text-align: center;
    width: 50%;
  }


  .ec-cleaning .ec-cleaning__cartbtn {
    width: 100%; 
    margin-bottom: 70px;
  }
  .ec-cleaning .ec-cleaning__cartbtn .cartbtn {
    width: 100%;
    text-align: right;
    padding: 10px 15px 10px 15px;

  }

  .ec-foote__total {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 51px;
    background: #ffffff;
    border-top: 1px solid #95afdb;
  }

  .total_sub{
    display: flex;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 100%;
    max-width: 780px;
  }

  .total_sub .total_sub_l{
    width: 50%;
    padding-right: 20px;
  }

  .total_sub .total_sub_l .total_sub_tbl{
    width: 100%;
  }

  .total_sub .total_sub_l .total_sub_tbl .total_sub_tbl_tr_head{
    height: 40px;
    text-align: center;
    border-bottom: 2px solid #95afdb;
    font-weight: 600;
    font-size: 1.2rem;
  }

  .total_sub .total_sub_l .total_sub_tbl .total_sub_tbl_tr{
    height: 40px;
    border-bottom: 1px solid #95afdb;
  }

  .total_sub .total_sub_l .total_sub_tbl .total_sub_tbl_tr .total_sub_tbl_td1{
    text-align: left;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .total_sub .total_sub_l .total_sub_tbl .total_sub_tbl_tr .total_sub_tbl_td2{
    text-align: right;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .total_sub .total_sub_l .total_sub_tbl .total_sub_tbl_tr .total_sub_tbl_td2d{
    text-align: right;
    color: #FF0000;
    font-weight: 600;
    font-size: 1.2rem;
  }
  .total_sub .total_sub_r{
    width: 50%;
    padding-left: 20px;
    display: block;
    align-items: flex-end;
  }

  .total_sub .total_sub_r .btn{
    width: 100%;
    font-size: 1.2rem;
  }

  .ec-foote__total .total_kin{
    font-weight: 600;

    height: 50px;
    text-align: center;
    margin-bottom: 5px;
    background: #FFF2ED;
    border-top: 2px solid #079ad9;
  }

  .ec-displayB {
    flex-direction: row;
  }
  .ec-displayB .ec-displayB__cell {
    width: 31.4466%;
    margin-bottom: 0;
  }
  .ec-displayC .ec-displayC__cell {
    width: 22.8775%;
  }
  .ec-displayD {
    box-sizing: border-box;
    flex-wrap: nowrap;
  }
  .ec-displayD .ec-displayD__cell {
    width: 14.3083%;
    margin-bottom: 16px;
  }
  .ec-topicpath {
    padding: 30px 0 10px;
    border: 0;
    font-size: 16px;
  }
  .ec-progress {
    margin-bottom: 30px;
    padding: 0;
  }
  .ec-progress .ec-progress__number {
    line-height: 42px;
    width: 42px;
    height: 42px;
    font-size: 20px;
  }
  .ec-cartNaviWrap {
    position: relative;
  }
  .ec-cartNavi {
    /*display: flex;*/
    justify-content: space-between;
    /*border-radius: 99999px;
    box-sizing: border-box;*/
    padding: 12px 17px 10px;
    width: auto;
    /*min-width: 140px;
    height: 44px;*/
    white-space: nowrap;
    cursor: pointer;
    /*background: #F8F8F8;*/
  }
  .ec-cartNavi .ec-cartNavi__badge {
    display: inline-block;
    min-width: 17px;
    position: relative;
    left: 0;
    top: 0;
  }
  .ec-cartNavi .ec-cartNavi__price {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
  }
  .ec-cartNavi.is-active .ec-cartNavi__badge {
    display: none;
  }
  .ec-cartNaviIsset {
    margin-top: 10px;
    min-width: 256px;
    max-width: 256px;
  }
  .ec-cartNaviIsset::before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 10px 8.5px;
    border-color: transparent transparent #f8f8f8 transparent;
    position: absolute;
    top: -9px;
  }
  .ec-cartNaviNull {
    margin-top: 10px;
    min-width: 256px;
    max-width: 256px;
  }
  .ec-cartNaviNull::before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 10px 8.5px;
    border-color: transparent transparent #f8f8f8 transparent;
    position: absolute;
    top: -9px;
  }
  .ec-totalBox .ec-totalBox__price {
    font-size: 24px;
  }
  .ec-totalBox .ec-totalBox__taxLabel {
    font-size: 14px;
  }
  .ec-totalBox .ec-totalBox__taxRate {
    font-size: 12px;
  }
  .ec-news {
    margin-right: 3%;
  }
  .ec-news {
    margin-bottom: 32px;
  }
  .ec-news .ec-news__title {
    padding: 16px;
    text-align: left;
    font-size: 24px;
  }
  .ec-navlistRole .ec-navlistRole__navlist {
    flex-wrap: nowrap;
  }
  .ec-welcomeMsg {
    padding-left: 26px;
    padding-right: 26px;
  }
  .ec-favoriteRole .ec-favoriteRole__item {
    width: 25%;
  }
  .ec-mypageRole {
    padding-left: 26px;
    padding-right: 26px;
  }
  .ec-mypageRole .ec-pageHeader h1, .ec-mypageRole .ec-pageHeader .h1 {
    margin: 10px 0 48px;
    padding: 8px 0 18px;
  }
  .ec-role {
        max-width: 1000px;
  }
  .ec-layoutRole .ec-layoutRole__main {
    margin-top: 68px;
  }
  .ec-layoutRole .ec-layoutRole__mainWithColumn {
    width: 75%;
  }
  .ec-layoutRole .ec-layoutRole__mainBetweenColumn {
    width: 50%;
  }
  .ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
    display: block;
    width: 25%;
  }
  .ec-headerRole:after {
    content: " ";
    display: table;
  }
  .ec-headerRole:after {
    clear: both;
  }
  .ec-headerRole {
    width: 100%;
  }
  .ec-headerRole:after {
    content: " ";
    display: table;
  }
  .ec-headerRole:after {
    clear: both;
  }
  .ec-headerRole .ec-headerRole__navSP {
    display: none;
  }
  .ec-headerNaviRole {
    padding-bottom: 40px;
  }
  .ec-headerNaviRole .ec-headerNaviRole__search {
    display: inline-block;
    margin-top: 10px;
  }
  .ec-headerNaviRole .ec-headerNaviRole__search a {
    color: inherit;
    text-decoration: none;
  }
  .ec-headerNaviRole .ec-headerNaviRole__search a:hover {
    text-decoration: none;
  }
  .ec-headerNaviRole .ec-headerNaviRole__navSP {
    display: none;
  }
  .ec-headerNaviRole .ec-headerNaviRole__navSP a {
    color: inherit;
    text-decoration: none;
  }
  .ec-headerNaviRole .ec-headerNaviRole__navSP a:hover {
    text-decoration: none;
  }
  .ec-headerNavSP {
    display: none;
  }
  .ec-headerTitle .ec-headerTitle__title a {
    font-size: 40px;
  }
  .ec-headerTitle .ec-headerTitle__subtitle {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .ec-headerNav .ec-headerNav__itemIcon {
    margin-right: 0;
    font-size: 20px;
  }
  .ec-headerNav .ec-headerNav__itemLink {
    display: inline-block;
  }
  .ec-headerSearch .ec-headerSearch__category {
    float: left;
    width: 43%;
  }
  .ec-headerSearch .ec-headerSearch__category .ec-select select {
    max-width: 165px;
    height: 36px;
  }
  .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    border-top-right-radius: inherit;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
  }
  .ec-headerSearch .ec-headerSearch__keyword {
    float: right;
    width: 57%;
    border-bottom-left-radius: inherit;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
  }
  .ec-headerSearch .ec-headerSearch__keyword input[type=search] {
    font-size: 12px;
  }
  .ec-categoryNaviRole {
    display: block;
    width: 100%;
  }
  .ec-categoryNaviRole a {
    color: inherit;
    text-decoration: none;
  }
  .ec-categoryNaviRole a:hover {
    text-decoration: none;
  }
  .ec-itemNav__nav {
    display: inline-block;
  }
  .ec-itemNav__nav li {
    float: left;
    width: auto;
  }
  .ec-itemNav__nav li a {
    text-align: center;
    border-bottom: none;
  }
  .ec-itemNav__nav li ul {
    display: block;
    z-index: 100;
    position: absolute;
  }
  .ec-itemNav__nav li ul li {
    overflow: hidden;
    height: 0;
  }
  .ec-itemNav__nav > li:hover > ul > li {
    overflow: visible;
    height: auto;
  }
  .ec-itemNav__nav li ul li ul:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    color: white;
    position: absolute;
    top: 19px;
    right: auto;
    left: -20px;
  }
  .ec-itemNav__nav li ul li:hover > ul > li {
    overflow: visible;
    height: auto;
    width: auto;
  }
  .ec-drawerRole {
    display: none;
  }
  .ec-drawerRoleClose {
    display: none;
  }
  .ec-drawerRole.is_active {
    display: none;
  }
  .ec-drawerRoleClose.is_active {
    display: none;
  }
  .ec-overlayRole {
    display: none;
  }
  .have_curtain .ec-overlayRole {
    display: none;
  }

  .ec-footerRole {
    padding-top: 20px;
  }
  .ec-footerRole .ec-footerRole__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
  }
  .ec-footerRole .ec-footerRole__inner:after {
    content: " ";
    display: table;
  }
  .ec-footerRole .ec-footerRole__inner:after {
    clear: both;
  }
  .ec-footerRole .ec-footerRole__inner textarea {
    /* for chrome fontsize bug */
    font-family: sans-serif;
  }
  .ec-footerRole .ec-footerRole__inner img {
    max-width: 100%;
  }
  .ec-footerRole .ec-footerRole__inner html {
    box-sizing: border-box;
  }
  .ec-footerRole .ec-footerRole__inner *,
  .ec-footerRole .ec-footerRole__inner *::before,
  .ec-footerRole .ec-footerRole__inner *::after {
    box-sizing: inherit;
  }
  .ec-footerRole .ec-footerRole__inner img {
    width: 100%;
  }
  .ec-footercontact__inner {
    max-width: 1150px;
  }
  .ec-footercontact__inner .ec-footercontact__left {
    width: 100%;
    /*display: flex;*/
  }
  .ec-footercontact__inner .ec-footercontact__right {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: white;
    margin-right: 10px;
  }
  /*.ec-calendar {
    display: flex;
  }

  .ec-calendar .ec-calendar__left {
    width: 50%;
  }
  .ec-calendar  .ec-calendar__right {
    width: 50%;
  }*/

  .ec-footercontact {
    text-align: center;
    background: #Fff;
    margin: 0 auto;
  } 
  .ec-footercontact-main-title {
    color: #95AFDB;
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 30px;
    text-align: center;
    background: #Fff;
    width: 60%;
    margin: 0 auto;
  }
  .ec-footercontact-mail {
    font-size: 20px;
  }
  .ec-footercontact-tel {
    font-size: 36px;
  }
  .ec-footercontact-tel-img{
    width: 50%;
  }
  .headline-font-type {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 500;
  }
  .ec-footercontact-text {
    padding-bottom: 20px;
  }
  .ec-footerLogo__inner {
    background: #FFF;
    margin-top: 20px;
  }
  .ec-footerLogo {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: none;
  }

  .ec-footerNavi li:not(:first-child)::before {
      content: ' | ';
  }
  .ec-footerNavi .ec-footerNavi__link {
    display: inline-block;
  }
  .ec-footerNavi .ec-footerNavi__link a {
    display: inline-block;
    border-bottom: none;
    margin: 0 10px;
    padding: 0;
    text-decoration: underline;
  }
  .ec-footerTitle .ec-footerTitle__copyright {
    font-size: 12px;
  }
  .ec-sliderItemRole .item_nav {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .ec-eyecatchRole {
    flex-wrap: nowrap;
  }
  .ec-eyecatchRole .ec-eyecatchRole__image {
    order: 2;
  }
  .ec-eyecatchRole .ec-eyecatchRole__intro {
    padding-right: 5%;
    order: 1;
  }
  .ec-eyecatchRole .ec-eyecatchRole__introEnTitle {
    margin-top: 45px;
  }
  .ec-eyecatchRole .ec-eyecatchRole__introTitle {
    margin-bottom: 1em;
    font-size: 26px;
  }
  .ec-eyecatchRole .ec-eyecatchRole__introDescriptiron {
    margin-bottom: 30px;
  }
  .ec-eyecatchRole .ec-eyecatchRole__introDescription {
    margin-bottom: 30px;
  }
  .ec-blockBtn--top {
    max-width: 260px;
  }
  .ec-topicRole {
    padding: 60px 0;
  }
  .ec-topicRole .ec-topicRole__list {
    flex-wrap: nowrap;
  }
  .ec-topicRole .ec-topicRole__listItem {
    width: 50%;
  }
  .ec-topicRole .ec-topicRole__listItem:not(:last-of-type) {
    margin-right: 30px;
  }
  .ec-topicRole .ec-topicRole__listItemTitle {
    margin-top: 1em;
  }
  .ec-newItemRole {
    padding: 60px 0;
  }
  .ec-newItemRole .ec-newItemRole__list {
    flex-wrap: nowrap;
  }
  .ec-newItemRole .ec-newItemRole__listItem {
    margin-bottom: 15px;
    width: 25%;
  }
  .ec-newItemRole .ec-newItemRole__listItem:not(:last-of-type) {
    margin-right: 30px;
  }
  .ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) {
    margin-right: 30px;
  }
  .ec-newItemRole .ec-newItemRole__listItemTitle {
    margin: 20px 0 10px;
  }
  .ec-categoryRole {
    padding: 60px 0;
  }
  .ec-categoryRole .ec-categoryRole__list {
    flex-wrap: nowrap;
  }
  .ec-categoryRole .ec-categoryRole__listItem {
    width: 33.3333333333%;
  }
  .ec-categoryRole .ec-categoryRole__listItem:not(:last-of-type) {
    margin-right: 30px;
  }
  .ec-newsRole {
    padding: 60px 0 0;
  }
  .ec-newsRole .ec-newsRole__news {
    border: 16px solid #F8F8F8;
    padding: 20px 30px;
  }
  .ec-newsRole .ec-newsRole__newsItem:last-of-type {
    margin-bottom: 0;
  }
  .ec-newsRole .ec-newsRole__newsItem {
    padding: 20px 0;
  }
  .ec-newsRole .ec-newsRole__newsHeading {
    display: flex;
  }
  .ec-newsRole .ec-newsRole__newsDate {
    display: inline-block;
    margin: 0;
    min-width: 120px;
    font-size: 14px;
  }
  .ec-newsRole .ec-newsRole__newsColumn {
    display: inline-flex;
    min-width: calc(100% - 120px);
  }
  .ec-newsRole .ec-newsRole__newsTitle {
    margin-bottom: 0;
    line-height: 1.8;
  }
  .ec-newsRole .ec-newsRole__newsDescription {
    margin: 20px 0 0;
    line-height: 1.8;
  }
  .ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription {
    margin: 20px 0 0;
  }
  .ec-searchnavRole {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
  }
  .ec-searchnavRole:after {
    content: " ";
    display: table;
  }
  .ec-searchnavRole:after {
    clear: both;
  }
  .ec-searchnavRole textarea { /* for chrome fontsize bug */
    font-family: sans-serif;
  }
  .ec-searchnavRole img {
    max-width: 100%;
  }
  .ec-searchnavRole html {
    box-sizing: border-box;
  }
  .ec-searchnavRole *,
  .ec-searchnavRole *::before,
  .ec-searchnavRole *::after {
    box-sizing: inherit;
  }
  .ec-searchnavRole img {
    width: 100%;
  }
  .ec-searchnavRole .ec-searchnavRole__infos {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #ccc;
    padding-top: 16px;
    flex-direction: row;
  }
  .ec-searchnavRole .ec-searchnavRole__counter {
    margin-bottom: 0;
    width: 50%;
  }
  .ec-searchnavRole .ec-searchnavRole__actions {
    width: 50%;
  }
  .ec-shelfGrid {
    margin-left: -16px;
    margin-right: -16px;
  }
  .ec-shelfGrid .ec-shelfGrid__item {
    padding: 0 16px;
    width: 25%;
  }
  .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
    padding: 0 16px;
  }
  .ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
    padding: 0 16px;
  }
  .ec-shelfGridCenter {
    margin-left: -16px;
    margin-right: -16px;
  }
  .ec-shelfGridCenter .ec-shelfGridCenter__item {
    padding: 0 16px;
    width: 25%;
  }
  .ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(odd) {
    padding: 0 16px;
  }
  .ec-shelfGridCenter .ec-shelfGridCenter__item:nth-child(even) {
    padding: 0 16px;
  }
  .msg-modal .msg-modal-wrap {
    padding: 40px 10px;
    width: 50%;
    margin: 20px auto;
  }
  .ec-modal .ec-modal-wrap {
    padding: 40px 10px;
    width: 50%;
    margin: 20px auto;
  }
  .ec-productRole .ec-productRole__img {
    margin-right: 16px;
    margin-bottom: 0;
  }
  .ec-productRole .ec-productRole__profile {
    margin-left: 16px;
  }
  .ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 32px;
  }
  .ec-productRole .ec-productRole__price {
    padding: 14px 0;
    border-bottom: 1px dotted #ccc;
  }
  .ec-productRole .ec-productRole__actions .ec-select select {
    min-width: 350px;
    max-width: 350px;
  }
  .ec-productRole .ec-productRole__btn {
    width: 60%;
    margin-bottom: 16px;
    min-width: 350px;
  }
  .ec-cartRole {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }
  .ec-cartRole .ec-cartRole__totalText {
    margin-bottom: 30px;
    padding: 0;
  }
  .ec-cartRole .ec-cartRole__cart {
    margin: 0 10%;
  }
  .ec-cartRole .ec-cartRole__actions {
    width: 30%;
    margin-right: 10%;
  }
  .ec-cartRole .ec-cartRole__totalAmount {
    font-size: 24px;
  }
  .ec-cartTable {
    border-top: none;
  }
  .ec-cartHeader {
    display: table-row;
  }
  .ec-cartRow .ec-cartRow__delColumn {
    width: 8.3333333%;
  }
  .ec-cartRow .ec-cartRow__delColumn .ec-icon img {
    width: 1em;
    height: 1em;
  }
  .ec-cartRow .ec-cartRow__contentColumn {
    display: table-cell;
  }
  .ec-cartRow .ec-cartRow__img {
    display: inline-block;
    min-width: 80px;
    max-width: 100px;
    padding-right: 0;
  }
  .ec-cartRow .ec-cartRow__summary {
    display: inline-block;
    /*width: calc(100% - 130px);*/
    width: 100%;
    margin-left: 20px;
    vertical-align: middle;
  }
  .ec-cartRow .ec-cartRow__summary .ec-cartRow__sutbtotalSP {
    display: none;
  }
  .ec-cartRow .ec-cartRow__amountColumn {
    width: 16.66666667%;
  }
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
    display: block;
  }
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
    display: none;
  }
  .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown {
    display: block;
  }
  .ec-cartRow .ec-cartRow__subtotalColumn {
    display: table-cell;
  }
  .ec-orderRole {
    margin-top: 20px;
    flex-direction: row;
  }
  .ec-orderRole .ec-orderRole__detail {
    padding: 0 16px;
    width: 66.66666%;
  }
  .ec-orderRole .ec-orderRole__summary {
    width: 33.33333%;
    padding: 0 16px;
  }
  .ec-orderRole .ec-orderRole__summary .ec-inlineBtn {
    display: none;
  }
  .ec-orderRole .ec-borderedList {
    border-top: none;
  }
  .ec-orderConfirm {
    margin-bottom: 0;
  }
  .ec-AddAddress {
    margin: 0 10%;
  }
  .ec-AddAddress .ec-AddAddress__selectAddress {
    display: inline-block;
  }
  .ec-AddAddress .ec-AddAddress__selectAddress select {
    min-width: 350px;
  }
  .ec-AddAddress .ec-AddAddress__selectNumber {
    display: inline-block;
    margin-left: 30px;
  }
  .ec-AddAddress .ec-AddAddress__actions {
    width: 33.3333%;
    min-width: 250px;
    margin: 0 auto;
  }
  .ec-historyRole .ec-historyRole__contents {
    flex-direction: row;
  }
  .ec-historyRole .ec-historyRole__header {
    width: 33.3333%;
  }
  .ec-historyRole .ec-historyRole__detail {
    width: 66.6666%;
    border-top: none;
  }
  .ec-historyListHeader .ec-historyListHeader__date {
    font-weight: bold;
    font-size: 20px;
  }
  .ec-historyListHeader .ec-historyListHeader__action a {
    font-size: 14px;
  }
  .ec-customerRole .ec-blockBtn--action {
    margin-bottom: 16px;
  }
  .ec-userEditCompleteRole .ec-userEditCompleteRole__title {
    font-size: 32px;
  }
  .ec-footercontact__inner {
    padding: 20px 0;
    clear: both;
    overflow: hidden;
    background: #ecf1fc;
    background-size: 100%;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1150px;

    display: flex;
  }
  .ec-footercontact__inner .ec-footercontact__left {
    width: 35%;
  }
  .ec-footercontact__inner .ec-footercontact__right {
    width: 65%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: white;
    margin-right: 20px;
  }

}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .ec-off1Grid {
    display: flex;
  }
  .ec-off1Grid .ec-off1Grid__cell {
    width: 83.3333333333%;
  }
  .ec-off2Grid .ec-off2Grid__cell {
    width: 66.6666666667%;
  }
  .ec-off3Grid .ec-off3Grid__cell {
    width: 50%;
  }
  .ec-off4Grid .ec-off4Grid__cell {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .ec-calendar {
    margin-left: -30px;
  }
  .ec-calendar__month {
    margin-top: 0;
    margin-left: 30px;
  }
}
@media (min-width: 992px) {
  .ec-footercontact__inner {
    padding: 20px 0;
    clear: both;
    overflow: hidden;
    background: #ecf1fc;
    background-size: 100%;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1150px;

    display: flex;
  }
  .ec-footercontact__inner .ec-footercontact__left {
    width: 30%;
  }
  .ec-footercontact__inner .ec-footercontact__right {
    width: 70%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: white;
    margin-right: 2z0px;
  }
  .ec-footercontact {
    text-align: center;
    background: #Fff;
    margin: 0 auto;
  } 
  .ec-footercontact-main-title {
    color: #95AFDB;
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 30px;
    text-align: center;
    background: #Fff;
    width: 60%;
    margin: 0 auto;
  }
  .ec-footercontact-mail {
    font-size: 20px;
  }
  .ec-footercontact-tel {
    font-size: 36px;
  }
  .ec-footercontact-tel-img{
    width: 50%;
  }
  .headline-font-type {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 500;
  }
  .ec-footercontact-text {
    padding-bottom: 20px;
  }

  .ec-footerLogo__inner {
    background: #FFF;
    margin-top: 20px;
  }
  .ec-footerLogo {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: none;
  }

  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {

  h1, .h1 {
    font-size: 2.1875rem;
  }
  h2, .h2 {
    font-size: 1.75rem;
  }
  h3, .h3 {
    font-size: 1.53125rem;
  }
  h4, .h4 {
    font-size: 1.3125rem;
  }
  legend {
    font-size: 1.5rem;
  }
  .display-1 {
    font-size: 5rem;
  }
  .display-2 {
    font-size: 4.5rem;
  }
  .display-3 {
    font-size: 4rem;
  }
  .display-4 {
    font-size: 3.5rem;
  }
  .display-5 {
    font-size: 3rem;
  }
  .display-6 {
    font-size: 2.5rem;
  }
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
  .modal-xl {
    --bs-modal-width: 1140px;
  }
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .fs-1 {
    font-size: 2.1875rem !important;
  }
  .fs-2 {
    font-size: 1.75rem !important;
  }
  .fs-3 {
    font-size: 1.53125rem !important;
  }
  .fs-4 {
    font-size: 1.3125rem !important;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
  .form-select {
    transition: none;
  }
  .form-switch .form-check-input {
    transition: none;
  }
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
  .form-floating > label {
    transition: none;
  }
  .btn {
    transition: none;
  }
  .fade {
    transition: none;
  }
  .collapsing {
    transition: none;
  }
  .collapsing.collapse-horizontal {
    transition: none;
  }
  .nav-link {
    transition: none;
  }
  .navbar-toggler {
    transition: none;
  }
  .accordion-button {
    transition: none;
  }
  .accordion-button::after {
    transition: none;
  }
  .page-link {
    transition: none;
  }
  .progress-bar {
    transition: none;
  }
  .progress-bar-animated {
    animation: none;
  }
  .modal.fade .modal-dialog {
    transition: none;
  }
  .carousel-item {
    transition: none;
  }
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
  .offcanvas {
    transition: none;
  }
  .icon-link > .bi {
    transition: none;
  }
  .ec-input input, .ec-birth input, .ec-select input, .ec-telInput input, .ec-zipInput input, .ec-numberInput input, .ec-halfInput input {
    transition: none;
  }
  .ec-input select, .ec-birth select, .ec-select select, .ec-telInput select, .ec-zipInput select, .ec-numberInput select, .ec-halfInput select {
    transition: none;
  }
  .ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-telInput textarea, .ec-zipInput textarea, .ec-numberInput textarea, .ec-halfInput textarea {
    transition: none;
  }
  .ec-input input, .ec-birth input, .ec-select input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input {
    transition: none;
  }
  .ec-input select, .ec-birth select, .ec-select select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select {
    transition: none;
  }
  .ec-input textarea, .ec-birth textarea, .ec-select textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea {
    transition: none;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/*# sourceMappingURL=style.css.map */