/* pv5-files/css/kow.common_reset.css */

@charset "UTF-8";

/* KiaSignature Regular - 3 Subsets (KIA 범위 기준) */


/* Latin + IPA + Extended */

@font-face {
  font-family: 'KIASignature';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://common-static.auto-hmg.com/fonts/kia/subset/KiaSignatureRegular-latin.woff2") format("woff2");
  unicode-range: U+0020-007F, U+0080-00FF, U+0100-017F, U+0180-024F, U+0250-02AF, U+1E00-1EFF;
}


/* 한글 + 확장 자모 */

@font-face {
  font-family: 'KIASignature';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://common-static.auto-hmg.com/fonts/kia/subset/KiaSignatureRegular-korean.woff2") format("woff2");
  unicode-range: U+AC00-D7AF, U+3131-3163, U+3165-318E;
}


/* 나머지 (CJK 기호, 구두점, 그리스, 키릴, 일본어, 기호 등) */

@font-face {
  font-family: 'KIASignature';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://common-static.auto-hmg.com/fonts/kia/subset/KiaSignatureRegular-others.woff2") format("woff2");
  unicode-range: U+02C6-02DD, U+0370-052F, U+1F00-1FFE, U+2000-22FF, U+2460-24E9, U+2500-254B, U+25A0-25D1, U+2600-266D, U+3000-33DD, U+FB01-FB02, U+FF01-FFE6;
  /* 전각 문자 */
}


/* KiaSignature Bold - 3 Subsets (KIA 범위 기준) */


/* Latin + IPA + Extended */

@font-face {
  font-family: 'KIASignature';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://common-static.auto-hmg.com/fonts/kia/subset/KiaSignatureBold-latin.woff2") format("woff2");
  unicode-range: U+0020-007F, U+0080-00FF, U+0100-017F, U+0180-024F, U+0250-02AF, U+1E00-1EFF;
}


/* 한글 + 확장 자모 */

@font-face {
  font-family: 'KIASignature';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://common-static.auto-hmg.com/fonts/kia/subset/KiaSignatureBold-korean.woff2") format("woff2");
  unicode-range: U+AC00-D7AF, U+3131-3163, U+3165-318E;
}


/* 나머지 (CJK 기호, 구두점, 그리스, 키릴, 일본어, 기호 등) */

@font-face {
  font-family: 'KIASignature';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://common-static.auto-hmg.com/fonts/kia/subset/KiaSignatureBold-others.woff2") format("woff2");
  unicode-range: U+02C6-02DD, U+0370-052F, U+1F00-1FFE, U+2000-22FF, U+2460-24E9, U+2500-254B, U+25A0-25D1, U+2600-266D, U+3000-33DD, U+FB01-FB02, U+FF01-FFE6;
  /* 전각 문자 */
}

:host,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
th,
td,
form,
fieldset,
legend,
textarea,
input,
select,
textarea,
button,
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
main {
  margin: 0;
  padding: 0;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
main {
  display: block;
}

:host,
html,
body {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-touch-callout: none;
}

html,
body {
  height: 100%;
  font-size: 16px;
}

img,
form,
fieldset,
svg,
li {
  border: 0;
  vertical-align: top;
}

ul,
ol {
  list-style: none;
}

button {
  overflow: visible;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  text-underline-position: under;
}

button:disabled {
  cursor: default;
}

button::-moz-focus-inner {
  padding: 0;
  margin: -1px;
}

input,
select {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: transparent;
  border: 0;
}

button {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

address,
caption,
em {
  font-style: normal;
}

a {
  text-decoration: none;
  text-underline-position: under;
}

a[role='button'] {
  cursor: pointer;
}

table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

:host,
body,
input,
select,
textarea,
button {
  font-family: KIASignature, "Noto Sans", -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Arial, sans-serif;
  word-break: break-word;
  overflow-wrap: break-word;
}

.blind,
caption span,
legend {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}

.skip {
  height: 0;
}

.skip a {
  display: block;
  position: absolute;
  inset-inline-start: 0;
  top: -100px;
  width: 100%;
  height: 25px;
  text-align: center;
}

.skip a:focus,
#skip a:active {
  position: absolute;
  top: 0;
  z-index: 100;
  padding: 10px 0;
  background: #000;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}

.no-image {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(27%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.03))) !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0.03) 100%) !important;
}

:root,
:host {
  --primary: #05141f;
  --primary-rgb: 5, 20, 31;
  --primary-lowest: #f3f4f5;
  --primary-lowest-rgb: 243, 244, 245;
  --primary-low: #e8eaeb;
  --primary-low-rgb: 232, 234, 235;
  --primary-mid: #cdd0d2;
  --primary-mid-rgb: 205, 208, 210;
  --primary-high: #8d959a;
  --primary-high-rgb: 141, 149, 154;
  --primary-highest: #303e48;
  --primary-highest-rgb: 48, 62, 72;
  --primary-ultimate: #172630;
  --primary-ultimate-rgb: 23, 38, 48;
  --secondary: #3a8009;
  --secondary-rgb: 58, 128, 9;
  --secondary-lowest: #f1f8e9;
  --secondary-lowest-rgb: 241, 248, 233;
  --secondary-low: #dcedc8;
  --secondary-low-rgb: 220, 237, 200;
  --secondary-mid: #8bc34a;
  --secondary-mid-rgb: 139, 195, 74;
  --secondary-high: #77b239;
  --secondary-high-rgb: 119, 178, 57;
  --secondary-highest: #5fa91e;
  --secondary-highest-rgb: 95, 169, 30;
  --secondary-ultimate: #33691e;
  --secondary-ultimate-rgb: 51, 105, 30;
  --surface: #fff;
  --surface-rgb: 255, 255, 255;
  --surface-lowest: #fafbfb;
  --surface-lowest-rgb: 250, 251, 251;
  --surface-low: #f3f4f5;
  --surface-low-rgb: 243, 244, 245;
  --surface-mid: #e8eaeb;
  --surface-mid-rgb: 232, 234, 235;
  --surface-high: #cdd0d2;
  --surface-high-rgb: 205, 208, 210;
  --surface-highest: #b3b8bc;
  --surface-highest-rgb: 179, 184, 188;
  --surface-ultimate: #8d959a;
  --surface-ultimate-rgb: 141, 149, 154;
  --surface-container: #ffffff;
  --surface-container-rgb: 255, 255, 255;
  --surface-container-lowest: #f3f4f5;
  --surface-container-lowest-rgb: 243, 244, 245;
  --surface-container-low: #e8eaeb;
  --surface-container-low-rgb: 232, 234, 235;
  --surface-container-mid: #ccd0d3;
  --surface-container-mid-rgb: 204, 208, 211;
  --surface-container-high: #b3b8bc;
  --surface-container-high-rgb: 179, 184, 188;
  --surface-container-highest: #303e48;
  --surface-container-highest-rgb: 48, 62, 72;
  --surface-container-ultimate: #172630;
  --surface-container-ultimate-rgb: 23, 38, 48;
  --outline: #05141f;
  --outline-rgb: 5, 20, 31;
  --outline-lowest: #f3f4f5;
  --outline-lowest-rgb: 243, 244, 245;
  --outline-low: #e8eaeb;
  --outline-low-rgb: 232, 234, 235;
  --outline-mid: #cdd0d2;
  --outline-mid-rgb: 205, 208, 210;
  --outline-high: #8d959a;
  --outline-high-rgb: 141, 149, 154;
  --outline-highest: #636d74;
  --outline-highest-rgb: 99, 109, 116;
  --outline-ultimate: #303e48;
  --outline-ultimate-rgb: 48, 62, 72;
  --badge-blue-lowest-custom: #3f79ae;
  --badge-blue-lowest-custom-rgb: 63, 121, 174;
  --badge-blue-custom: #4f97da;
  --badge-blue-custom-rgb: 79, 151, 218;
  --badge-blue-high-custom: #a7cbed;
  --badge-blue-high-custom-rgb: 167, 203, 237;
  --badge-blue-ultimate-custom: #edf5fb;
  --badge-blue-ultimate-custom-rgb: 237, 245, 251;
  --badge-yellow-lowest-custom: #c28200;
  --badge-yellow-lowest-custom-rgb: 194, 130, 0;
  --badge-yellow-custom: #f3a300;
  --badge-yellow-custom-rgb: 243, 163, 0;
  --badge-yellow-high-custom: #f9d180;
  --badge-yellow-high-custom-rgb: 249, 209, 128;
  --badge-yellow-ultimate-custom: #fef6e5;
  --badge-yellow-ultimate-custom-rgb: 254, 246, 229;
  --badge-grey-ultimate-custom: #72777c;
  --badge-grey-ultimate-custom-rgb: 114, 119, 124;
  --badge-grey-custom: #8d959a;
  --badge-grey-custom-rgb: 141, 149, 154;
  --badge-grey-lowest-custom: #f3f4f5;
  --badge-grey-lowest-custom-rgb: 243, 244, 245;
  --badge-green-ultimate-custom: #33691e;
  --badge-green-ultimate-custom-rgb: 51, 105, 30;
  --badge-green-custom: #468f13;
  --badge-green-custom-rgb: 70, 143, 19;
  --badge-green-lowest-custom: #f1f8e9;
  --badge-green-lowest-custom-rgb: 241, 248, 233;
  --black-fixed: #05141f;
  --black-fixed-rgb: 5, 20, 31;
  --white-fixed: #fff;
  --white-fixed-rgb: 255, 255, 255;
  --fixed-grey20: #cdd0d2;
  --fixed-grey20-rgb: 205, 208, 210;
  --fixed-grey40: #8d959a;
  --fixed-grey40-rgb: 141, 149, 154;
  --fixed-grey50: #788187;
  --fixed-grey50-rgb: 120, 129, 135;
  --fixed-grey60: #636d74;
  --fixed-grey60-rgb: 99, 109, 116;
  --fixed-grey70: #4a565e;
  --fixed-grey70-rgb: 74, 86, 94;
  --fixed-grey80: #303e48;
  --fixed-grey80-rgb: 48, 62, 72;
  --fixed-grey90: #172630;
  --fixed-grey90-rgb: 23, 38, 48;
  --fixed-black-mid: #66666b;
  --fixed-black-mid-rgb: 102, 102, 107;
  --fixed-black-highest: #303e48;
  --fixed-black-highest-rgb: 48, 62, 72;
  --white-fixed-15: #ffffff26;
  --white-fixed-15-rgb: 255, 255, 255;
  --white-fixed-20: #ffffff33;
  --white-fixed-20-rgb: 255, 255, 255;
  --white-fixed-70: #ffffffb2;
  --white-fixed-70-rgb: 255, 255, 255;
  --state-red: #ea0029;
  --state-red-rgb: 234, 0, 41;
  --state-blue: #0041ea;
  --state-blue-rgb: 0, 65, 234;
  --on-primary: #ffffff;
  --on-primary-rgb: 255, 255, 255;
  --on-primary-lowest: #f3f4f5;
  --on-primary-lowest-rgb: 243, 244, 245;
  --on-primary-low: #e8eaeb;
  --on-primary-low-rgb: 232, 234, 235;
  --on-primary-mid: #8d959a;
  --on-primary-mid-rgb: 141, 149, 154;
  --on-primary-high: #4a565e;
  --on-primary-high-rgb: 74, 86, 94;
  --on-primary-highest: #303e48;
  --on-primary-highest-rgb: 48, 62, 72;
  --on-primary-ultimate: #05141f;
  --on-primary-ultimate-rgb: 5, 20, 31;
  --on-secondary: #ffffff;
  --on-secondary-rgb: 255, 255, 255;
  --on-secondary-lowest: #05141f;
  --on-secondary-lowest-rgb: 5, 20, 31;
  --on-surface: #05141f;
  --on-surface-rgb: 5, 20, 31;
  --on-surface-lowest: #ffffff;
  --on-surface-lowest-rgb: 255, 255, 255;
  --on-surface-low: #8d959a;
  --on-surface-low-rgb: 141, 149, 154;
  --on-surface-mid: #636d74;
  --on-surface-mid-rgb: 99, 109, 116;
  --on-surface-high: #4a565e;
  --on-surface-high-rgb: 74, 86, 94;
  --on-surface-highest: #303e48;
  --on-surface-highest-rgb: 48, 62, 72;
  --on-surface-ultimate: #172630;
  --on-surface-ultimate-rgb: 23, 38, 48;
  --on-surface-container: #05141f;
  --on-surface-container-rgb: 5, 20, 31;
  --on-surface-container-lowest: #ffffff;
  --on-surface-container-lowest-rgb: 255, 255, 255;
  --on-surface-container-low: #e8eaeb;
  --on-surface-container-low-rgb: 232, 234, 235;
  --on-surface-container-mid: #8d959a;
  --on-surface-container-mid-rgb: 141, 149, 154;
  --on-surface-container-high: #636d74;
  --on-surface-container-high-rgb: 99, 109, 116;
  --on-surface-container-highest: #303e48;
  --on-surface-container-highest-rgb: 48, 62, 72;
  --on-surface-container-ultimate: #172630;
  --on-surface-container-ultimate-rgb: 23, 38, 48;
  --surface-container-custom: #05141f;
  --surface-container-custom-rgb: 5, 20, 31;
  --surface-container-ultimate-custom: #f2f4f6;
  --surface-container-ultimate-custom-rgb: 242, 244, 246;
  --custom-white-15: rgba(255, 255, 255, 0.15);
  --custom-white-15-rgb: 255, 255, 255;
  --custom-white-20: rgba(255, 255, 255, 0.2);
  --custom-white-20-rgb: 255, 255, 255;
  --custom-white-50: rgba(255, 255, 255, 0.5);
  --custom-white-50-rgb: 255, 255, 255;
  --custom-white-70: rgba(255, 255, 255, 0.7);
  --custom-white-70-rgb: 255, 255, 255;
  --surface-container-lowest-custom: #f3f4f5;
  --surface-container-lowest-custom-rgb: 243, 244, 245;
  --outline-low-custom: #e8eaeb;
  --outline-low-custom-rgb: 232, 234, 235;
  --on-surface-container-low-custom: #788187;
  --on-surface-container-low-custom-rgb: 120, 129, 135;
  --on-surface-container-mid-custom: #636d74;
  --on-surface-container-mid-custom-rgb: 99, 109, 116;
  --surface-custom: #fff;
  --surface-custom-rgb: 255, 255, 255;
}

:root .dark,
:host .dark {
  --primary: #ffffff;
  --primary-rgb: 255, 255, 255;
  --primary-ultimate: #172430;
  --primary-ultimate-rgb: 23, 36, 48;
  --primary-highest: #303c47;
  --primary-highest-rgb: 48, 60, 71;
  --primary-high: #656b73;
  --primary-high-rgb: 101, 107, 115;
  --primary-mid: #b2b8bd;
  --primary-mid-rgb: 178, 184, 189;
  --primary-low: #ccd0d3;
  --primary-low-rgb: 204, 208, 211;
  --primary-lowest: #f2f4f6;
  --primary-lowest-rgb: 242, 244, 246;
  --secondary: #8bc34a;
  --secondary-rgb: 139, 195, 74;
  --secondary-ultimate: #33691e;
  --secondary-ultimate-rgb: 51, 105, 30;
  --secondary-highest: #468f13;
  --secondary-highest-rgb: 70, 143, 19;
  --secondary-high: #77b239;
  --secondary-high-rgb: 119, 178, 57;
  --secondary-mid: #aed581;
  --secondary-mid-rgb: 174, 213, 129;
  --secondary-low: #c5e1a5;
  --secondary-low-rgb: 197, 225, 165;
  --secondary-lowest: #dcedc8;
  --secondary-lowest-rgb: 220, 237, 200;
  --surface: #05141f;
  --surface-rgb: 5, 20, 31;
  --surface-ultimate: #172430;
  --surface-ultimate-rgb: 23, 36, 48;
  --surface-highest: #303c47;
  --surface-highest-rgb: 48, 60, 71;
  --surface-high: #9ba2a9;
  --surface-high-rgb: 155, 162, 169;
  --surface-mid: #b2b8bd;
  --surface-mid-rgb: 178, 184, 189;
  --surface-low: #ccd0d3;
  --surface-low-rgb: 204, 208, 211;
  --surface-lowest: #f2f4f6;
  --surface-lowest-rgb: 242, 244, 246;
  --surface-container: #172430;
  --surface-container-rgb: 23, 36, 48;
  --surface-container-ultimate: #303c47;
  --surface-container-ultimate-rgb: 48, 60, 71;
  --surface-container-highest: #49555f;
  --surface-container-highest-rgb: 73, 85, 95;
  --surface-container-high: #9ba2a9;
  --surface-container-high-rgb: 155, 162, 169;
  --surface-container-mid: #b2b8bd;
  --surface-container-mid-rgb: 178, 184, 189;
  --surface-container-low: #e7e9ec;
  --surface-container-low-rgb: 231, 233, 236;
  --surface-container-lowest: #f2f4f6;
  --surface-container-lowest-rgb: 242, 244, 246;
  --outline: #ffffff;
  --outline-rgb: 255, 255, 255;
  --outline-ultimate: #172430;
  --outline-ultimate-rgb: 23, 36, 48;
  --outline-highest: #303c47;
  --outline-highest-rgb: 48, 60, 71;
  --outline-high: #49555f;
  --outline-high-rgb: 73, 85, 95;
  --outline-mid: #636b74;
  --outline-mid-rgb: 99, 107, 116;
  --outline-low: #9ba2a9;
  --outline-low-rgb: 155, 162, 169;
  --outline-lowest: #b2b8bd;
  --outline-lowest-rgb: 178, 184, 189;
  --black-fixed: #05141f;
  --black-fixed-rgb: 5, 20, 31;
  --white-fixed: #fff;
  --white-fixed-rgb: 255, 255, 255;
  --state-red: #ea0029;
  --state-red-rgb: 234, 0, 41;
  --on-primary: #05141f;
  --on-primary-rgb: 5, 20, 31;
  --on-primary-ultimate: #172430;
  --on-primary-ultimate-rgb: 23, 36, 48;
  --on-primary-highest: #49555f;
  --on-primary-highest-rgb: 73, 85, 95;
  --on-primary-high: #636b74;
  --on-primary-high-rgb: 99, 107, 116;
  --on-primary-mid: #9ba2a9;
  --on-primary-mid-rgb: 155, 162, 169;
  --on-primary-low: #ccd0d3;
  --on-primary-low-rgb: 204, 208, 211;
  --on-primary-lowest: #fafafb;
  --on-primary-lowest-rgb: 250, 250, 251;
  --on-secondary: #ffffff;
  --on-secondary-rgb: 255, 255, 255;
  --on-secondary-ultimate: #05141f;
  --on-secondary-ultimate-rgb: 5, 20, 31;
  --on-surface: #ffffff;
  --on-surface-rgb: 255, 255, 255;
  --on-surface-ultimate: #05141f;
  --on-surface-ultimate-rgb: 5, 20, 31;
  --on-surface-highest: #49555f;
  --on-surface-highest-rgb: 73, 85, 95;
  --on-surface-high: #9ba2a9;
  --on-surface-high-rgb: 155, 162, 169;
  --on-surface-mid: #ccd0d3;
  --on-surface-mid-rgb: 204, 208, 211;
  --on-surface-low: #e7e9ec;
  --on-surface-low-rgb: 231, 233, 236;
  --on-surface-lowest: #f2f4f6;
  --on-surface-lowest-rgb: 242, 244, 246;
  --on-surface-container: #ffffff;
  --on-surface-container-rgb: 255, 255, 255;
  --on-surface-container-ultimate: #05141f;
  --on-surface-container-ultimate-rgb: 5, 20, 31;
  --on-surface-container-highest: #49555f;
  --on-surface-container-highest-rgb: 73, 85, 95;
  --on-surface-container-high: #828a90;
  --on-surface-container-high-rgb: 130, 138, 144;
  --on-surface-container-mid: #b2b8bd;
  --on-surface-container-mid-rgb: 178, 184, 189;
  --on-surface-container-low: #e7e9ec;
  --on-surface-container-low-rgb: 231, 233, 236;
  --on-surface-container-lowest: #f2f4f6;
  --on-surface-container-lowest-rgb: 242, 244, 246;
  --surface-container-custom: #172430;
  --surface-container-custom-rgb: 23, 36, 48;
  --surface-container-lowest-custom: #172430;
  --surface-container-lowest-custom-rgb: 23, 36, 48;
  --outline-low-custom: #172430;
  --outline-low-custom-rgb: 23, 36, 48;
  --on-surface-container-low-custom: #8d959a;
  --on-surface-container-low-custom-rgb: 141, 149, 154;
  --on-surface-container-mid-custom: #b2b8bd;
  --on-surface-container-mid-custom-rgb: 178, 184, 189;
  --surface-custom: #303c47;
  --surface-custom-rgb: 48, 60, 71;
}

:root,
:host {
  --current-breakpoint: '';
}

@media screen and (min-width: 1281px) {

  :root,
  :host {
    --current-breakpoint: 'desktop';
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {

  :root,
  :host {
    --current-breakpoint: 'wide';
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {

  :root,
  :host {
    --current-breakpoint: 'tablet';
  }
}

@media screen and (max-width: 600px) {

  :root,
  :host {
    --current-breakpoint: 'mobile';
  }
}

:root,
:host {
  --inline-dir: 1;
}

[dir='rtl'],
:host([dir='rtl']) {
  --inline-dir: -1;
  direction: rtl;
}

html:lang(jp),
html:lang(jp) body,
html:lang(jp) input,
html:lang(jp) select,
html:lang(jp) textarea,
html:lang(jp) button,
[data-lang='jp'],
[data-lang='jp'] body,
[data-lang='jp'] input,
[data-lang='jp'] select,
[data-lang='jp'] textarea,
[data-lang='jp'] button {
  font-family: KIASignature, Noto Sans JP, -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Arial, sans-serif;
}

html:lang(sc),
html:lang(sc) body,
html:lang(sc) input,
html:lang(sc) select,
html:lang(sc) textarea,
html:lang(sc) button,
[data-lang='sc'],
[data-lang='sc'] body,
[data-lang='sc'] input,
[data-lang='sc'] select,
[data-lang='sc'] textarea,
[data-lang='sc'] button {
  font-family: KIASignature, Noto Sans SC, -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Arial, sans-serif;
}

html:lang(tc),
html:lang(tc) body,
html:lang(tc) input,
html:lang(tc) select,
html:lang(tc) textarea,
html:lang(tc) button,
[data-lang='tc'],
[data-lang='tc'] body,
[data-lang='tc'] input,
[data-lang='tc'] select,
[data-lang='tc'] textarea,
[data-lang='tc'] button {
  font-family: KIASignature, Noto Sans TC, -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Arial, sans-serif;
}

html:lang(ar),
html:lang(ar) body,
html:lang(ar) input,
html:lang(ar) select,
html:lang(ar) textarea,
html:lang(ar) button,
[data-lang='ar'],
[data-lang='ar'] body,
[data-lang='ar'] input,
[data-lang='ar'] select,
[data-lang='ar'] textarea,
[data-lang='ar'] button {
  font-family: KIASignature, Noto Sans Arabic, -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Arial, sans-serif;
}


/* pv5-files/css/kow.common_components.css */

.ic {
  font-size: 1px;
  color: transparent;
  text-indent: -9999px;
  background-repeat: no-repeat;
}

.ic-arrowset-outlined-back-12px {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L4 6l4 4' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-arrowset-outlined-next-12px {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-close-outlined-12px {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3L6 6M3 9l3-3M3 3l3 3m3 3L6 6' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-home-outlined-12px {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.438 4.854v5.271H6.917v-2.75H5.083v2.75h-2.52v-5.27' stroke='rgb%2848%2C60%2C71%29' stroke-linejoin='round'/%3E%3Cpath d='M10.583 5.62L6 1.875 1.417 5.62' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-change-outlined-12px {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 3.875h-8M4 1.75L2 3.875 4 6M1.75 8.125h7.5M7.5 10.25l2-2.125L7.5 6' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-arrowset-outlined-back-12px {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L4 6l4 4' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-calendar-12px {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='13' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5v6h9v-4m-9-2v-2h9v2H2zm6.5-2v-1m-4 1v-1' stroke='rgb%2873%2C85%2C95%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-counsel-outlined-12px {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3292_25179)'%3E%3Cpath d='M10.797 10.502h.5v.934l-.777-.518.277-.416zM3.654 9.074v.5h-.5v-.5h.5zm5 0v-.5h.152l.126.084-.278.416zm1.643-3.714v-.5h1v.5h-1zM3.154 7.645v-.5h1v.5h-1zM8.892 3.86h-.5v-1h.5v1zM3.654 8.574h5v1h-5v-1zm5.278.084l2.143 1.428-.555.832L8.377 9.49l.555-.832zm2.365-3.298v5.142h-1V5.36h1zM4.154 7.645v1.429h-1V7.645h1zM8.892 2.86h2.381v1h-2.38v-1z' fill='rgb%2873%2C85%2C95%29'/%3E%3Cpath d='M3.416 7.167h5.476V1.453H1.273V8.596l2.143-1.429z' stroke='rgb%2873%2C85%2C95%29' stroke-linecap='square'/%3E%3Cpath d='M3.414 3.836a.476.476 0 100 .952.476.476 0 000-.952zM5.08 3.836a.476.476 0 100 .952.476.476 0 000-.952zM6.747 3.836a.476.476 0 100 .952.476.476 0 000-.952z' fill='rgb%2873%2C85%2C95%29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3292_25179'%3E%3Cpath fill='rgb%2873%2C85%2C95%29' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-media-play-video-12px {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='13' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.252 1.75H2.25v7.083h8.5V3.252' stroke='rgb%2873%2C85%2C95%29'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.914 5.292L5.553 3.875v2.833l2.361-1.416z' fill='rgb%2873%2C85%2C95%29'/%3E%3Cpath d='M2.25 10.25h8.5' stroke='rgb%2873%2C85%2C95%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-location-outlined-12px {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.595 9.749l-.355.352.355-.352zm.582.557l-.336.37.007.006.007.006.322-.382zm.5 1.076l.383.323.645-.765-.383-.322-.644.764zM7.412 9.75l.332.374.011-.01.01-.01-.353-.354zM10.5 5c0-1.376-.496-2.51-1.327-3.3C8.346.914 7.218.5 6 .5v1c.992 0 1.864.336 2.484.925C9.101 3.011 9.5 3.875 9.5 5h1zM6 .5C4.783.5 3.657.914 2.83 1.685 2 2.461 1.5 3.572 1.5 4.906h1c0-1.072.395-1.913 1.013-2.49C4.134 1.836 5.008 1.5 6 1.5v-1zM1.5 4.906c0 1.055.408 2.067.938 2.942.532.879 1.21 1.656 1.802 2.253l.71-.704c-.56-.565-1.18-1.28-1.657-2.067-.48-.792-.793-1.62-.793-2.424h-1zm2.74 5.195c.214.215.417.408.601.575l.673-.74a15.318 15.318 0 01-.564-.54l-.71.705zm2.082.517L5.5 9.924l-.645.764.823.694.644-.764zM9.5 5c0 .77-.31 1.577-.789 2.355-.475.773-1.093 1.48-1.653 2.04l.707.707c.591-.591 1.267-1.36 1.798-2.223.528-.86.937-1.85.937-2.879h-1zM7.08 9.375l-.23.202.664.749.229-.203-.664-.748z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M6 6.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-arrowset-outlined-back-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3l-5 5 5 5' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-arrowset-outlined-next-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-file-outlined-16px {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2v-.5h.5V2H13zM3 2h-.5v-.5H3V2zm10.5 9v.5h-1V11h1zM3 12.5l-.354.354-.146-.147V12.5H3zM4.5 14v.5h-.207l-.147-.146L4.5 14zM3 1.5h10v1H3v-1zm9.5 9.5V2h1v9h-1zm-10 1.5V2h1v10.5h-1zm2 1H13v1H4.5v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M10.5 5h-5M10.5 7.5h-5' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-change-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.666 10.834H2.999m2.334 2.834l-2.667-2.834 2.667-2.833M2.334 5.166h10m-2.333-2.833l2.666 2.833L10.001 8' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-switch-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.666 10.835H2.999m2.334 2.833l-2.667-2.833L5.333 8M2.334 5.167h10m-2.333-2.833l2.666 2.833L10.001 8' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-reset-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 9.303a5 5 0 11-5-5c.71 0 1.177.131 1.5.197' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3Cpath d='M7.922 2l2.485 2.485L7.922 6.97' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-close-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4L8 8m-4 4l4-4M4 4l4 4m4 4L8 8' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-check-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4l-7 8-4-3.5' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-info-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14A6 6 0 108 2a6 6 0 000 12z' stroke='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M8 10.5V8' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3Ccircle cx='8' cy='6.25' r='.75' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-search-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.105 11.105l.353-.354-.353-.353-.354.353.354.354zm2.541 3.249l.354.353.707-.707-.353-.354-.708.708zm-6.313-2.187A4.833 4.833 0 012.5 7.333h-1a5.833 5.833 0 005.833 5.834v-1zM2.5 7.333A4.833 4.833 0 017.333 2.5v-1A5.833 5.833 0 001.5 7.333h1zM7.333 2.5a4.833 4.833 0 014.834 4.833h1A5.833 5.833 0 007.333 1.5v1zm3.418 8.251a4.817 4.817 0 01-3.418 1.416v1c1.611 0 3.07-.654 4.125-1.709l-.707-.707zm0 .707l2.895 2.896.708-.708-2.896-2.895-.707.707zm1.416-4.125c0 .564-.097 1.104-.273 1.606l.943.332c.214-.607.33-1.26.33-1.938h-1z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-compare-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2v-.5h.5V2H9zM2 2h-.5v-.5H2V2zm7.5 1v.5h-1V3h1zM2 10v.5h-.5V10H2zm0-8.5h7v1H2v-1zM8.5 3V2h1v1h-1zm-7 7V2h1v8h-1zm.5-.5h2.5v1H2v-1zM14.5 5v-.5h.5V5h-.5zm-8 0H6v-.5h.5V5zm8.5 7v.5h-1V12h1zm-8.5 1l-.354.354L6 13.207V13h.5zM8 14.5v.5h-.207l-.147-.146L8 14.5zm-1.5-10h8v1h-8v-1zM14 12V5h1v7h-1zm-8 1V5h1v8H6zm2 1h6.5v1H8v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M8.5 7.5h4M8.5 9.5h4' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-calculator-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 7V2H2v9.5L3.5 13H7M8.5 11.5h6M11.5 8.5v6M4 5h5' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-view-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1348_869)'%3E%3Cpath d='M12 2v-.5h.5V2H12zM2 2h-.5v-.5H2V2zm10.5 2v.5h-1V4h1zM2 12.5l-.354.354-.146-.147V12.5H2zM3.5 14v.5h-.207l-.147-.146L3.5 14zM2 1.5h10v1H2v-1zM11.5 4V2h1v2h-1zm-10 8.5V2h1v10.5h-1zm2 1H8v1H3.5v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%2848%2C60%2C71%29'/%3E%3Ccircle cx='8.5' cy='8.5' r='3.5' stroke='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M11 11l3 3' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1348_869'%3E%3Cpath fill='rgb%2848%2C60%2C71%29' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-home-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.583 6.473V13.5h-3.36V9.834H6.777V13.5H3.417V6.473' stroke='rgb%2848%2C60%2C71%29' stroke-linejoin='round'/%3E%3Cpath d='M14.111 7.494L8 2.5 1.889 7.494' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-location-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8.666a2 2 0 100-4 2 2 0 000 4z' stroke='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M8 14.5S2.5 10.314 2.5 7 5 1.5 8 1.5s5.5 2.186 5.5 5.5c0 1.962-1.927 4.229-3.5 5.753' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-drop-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-drop-outlined-on-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10l4-4 4 4' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-more-vertical-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.75 2.25h2.5v2.5h-2.5v-2.5zm0 4.5h2.5v2.5h-2.5v-2.5zm2.5 4.5h-2.5v2.5h2.5v-2.5z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-download-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 2v-.5h-1V2h1zM8 10.5l-.354.354.354.353.354-.353L8 10.5zm3.854-3.146L12.207 7l-.707-.707-.354.353.708.708zm-7-.708L4.5 6.293 3.793 7l.353.354.708-.708zM2.5 11v-.5h-1v.5h1zm12 0v-.5h-1v.5h1zm-.5 3v.5a.5.5 0 00.5-.5H14zM2 14h-.5a.5.5 0 00.5.5V14zM7.5 2v8.5h1V2h-1zm3.646 4.646l-3.5 3.5.708.708 3.5-3.5-.707-.708zm-2.792 3.5l-3.5-3.5-.708.708 3.5 3.5.708-.708zM14.5 14v-3h-1v3h1zM2 14.5h12v-1H2v1zM1.5 11v3h1v-3h-1z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-share-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.5' cy='4' r='2' stroke='rgb%2848%2C60%2C71%29' stroke-width='.857'/%3E%3Cpath d='M5.243 8.914a2 2 0 110-2.828L10.157 11M10 5L7 8' stroke='rgb%2848%2C60%2C71%29' stroke-width='.857'/%3E%3Ccircle cx='11.5' cy='12' r='2' stroke='rgb%2848%2C60%2C71%29' stroke-width='.857'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-delete-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3.5V3h.562l-.065.558L13 3.5zm-1.5 10h.5v1h-.5v-1zM4 14v.5h-.455l-.043-.453L4 14zm6.5-10.5V4H10v-.5h.5zm0-1.5v-.5h.5V2h-.5zm-5 0H5v-.5h.5V2zm0 1.5H6V4h-.5v-.5zM3 3.5l-.498.047L2.45 3H3v.5zm7 0V2h1v1.5h-1zM6 2v1.5H5V2h1zm4.5.5h-5v-1h5v1zM3.502 14.047l-1-10.5.996-.094 1 10.5-.996.094zM5.5 4H3V3h2.5v1zm5-1H13v1h-2.5V3zm1 11.5H4v-1h7.5v1zm1.997-10.942l-1 8.5-.994-.116 1-8.5.994.116z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M6.5 6.5V10m3-3.5V10' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-delete-filled-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='rgb%28242%2C244%2C246%29'/%3E%3Cpath d='M11.217 4.783L8 8m-3.217 3.217L8 8M4.783 4.783L8 8m3.217 3.217L8 8' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-plus-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8h10M8 3v10' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-minus-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8h12' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-heart-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5.8s.75-2.6 3-2.6c1.657 0 3 1.114 3 2.971 0 1.946-1.5 3.343-2.625 4.458C10.128 11.864 8 13.6 8 13.6s-2.128-1.736-3.375-2.971C3.5 9.514 2 8.117 2 6.17 2 4.686 3.343 3.2 5 3.2c.794 0 1.401.324 1.855.743' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-world-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 7.998a6 6 0 006 5.998 6 6 0 006-5.998H2zm0 0A6 6 0 018 2m0 0v12M8 2s3 1.2 3 6-3 6-3 6M8 2S5 3.2 5 8s3 6 3 6M8 2a6.002 6.002 0 015.627 3.91' stroke='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-arrow-outlined-prev-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8H2m0 0l5-5M2 8l5 5' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-arrow-outlined-next-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8h12m0 0L9 3m5 5l-5 5' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-pin-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 3v4.677a1 1 0 01-.189.585L3 11.467h10l-2.311-3.205a1 1 0 01-.189-.585V4' stroke='rgb%28155%2C162%2C169%29' stroke-linejoin='round'/%3E%3Cpath d='M7.5 14a.5.5 0 001 0h-1zm0-2.5V14h1v-2.5h-1z' fill='rgb%28155%2C162%2C169%29'/%3E%3Crect x='3' y='2' width='10' height='1' rx='.5' fill='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-pin-outlined-select-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='rgb%2870%2C143%2C19%29'%3E%3Cpath d='M5.5 7.677V3h5v4.677a1 1 0 00.189.585L13 11.467H3l2.311-3.205a1 1 0 00.189-.585z' stroke='rgb%2870%2C143%2C19%29' stroke-linejoin='round'/%3E%3Cpath d='M7 14a1 1 0 102 0H7zm0-2.5V14h2v-2.5H7z'/%3E%3Crect x='3.5' y='2.5' width='9' height='1' rx='.5' stroke='rgb%2870%2C143%2C19%29'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-alert-triangle-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M7.995 2.5L2 13.5h12l-6.005-11z' stroke='rgb%2848%2C60%2C71%29' stroke-linejoin='round'/%3E%3Cpath d='M8 11.167v-1.5' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3Ccircle cx='8' cy='7.6' r='.6' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-compare-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4h4v8h-4V4z' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3Cpath d='M10.5 4h4v8h-4V4zM8 2v12' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-edit-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.667 14.5h.5v-1h-.5v1zm-7 0h7v-1h-7v1z' fill='rgb%2899%2C109%2C116%29'/%3E%3Cpath d='M8.364 3.746l2.122-2.121 3.889 3.89-2.121 2.12-1.768-1.767-.354-.354-1.768-1.768zm0 0L6.596 5.514 5.182 6.93 2 10.11V14h3.889l3.182-3.182 1.415-1.414.35-.351' stroke='rgb%2899%2C109%2C116%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  -webkit-transform: scale(1.0001);
  transform: scale(1.0001);
}

.ic-arrowset-outlined-back-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3l-7 7 7 7' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-arrowset-outlined-next-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17l7-7-7-7' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-file-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.667V3H4v12l2 2h10' stroke='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M13 7H7M13 10H7' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-compare-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5h5v10H2V5z' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3Cpath d='M13 5h5v10h-5V5zM10 2v16' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-check-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 5l-7.5 9L4 10.062' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-heart-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7.25S10.938 4 13.75 4c2.071 0 3.75 1.393 3.75 3.714 0 2.433-1.875 4.179-3.281 5.572C12.66 14.829 10 17 10 17s-2.66-2.17-4.219-3.714C4.375 11.893 2.5 10.146 2.5 7.714 2.5 5.857 4.179 4 6.25 4c.993 0 1.752.405 2.318.929' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-vehicle-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 16.5V14m14 2v-2M3 14V8.5l2.5-4h9l2.5 4V14M3 14h14' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3Cpath d='M3 11.5h3M14 11.5h3M2 8.5h16' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-compare-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 2.5V2h.5v.5h-.5zm-9 0H2V2h.5v.5zm9.5 1V4h-1v-.5h1zM2.5 13v.5H2V13h.5zm0-11h9v1h-9V2zM11 3.5v-1h1v1h-1zM2 13V2.5h1V13H2zm.5-.5H6v1H2.5v-1zM17.5 6v-.5h.5V6h-.5zM8 6h-.5v-.5H8V6zm10 9v.5h-1V15h1zm-10 .5l-.312.39-.188-.15v-.24H8zm2.5 2v.5h-.175l-.137-.11.312-.39zM8 5.5h9.5v1H8v-1zm9 9.5V6h1v9h-1zm-9.5.5V6h1v9.5h-1zm3 1.5h7v1h-7v-1zm-.312.89l-2.5-2 .624-.78 2.5 2-.624.78z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M10.5 9H15M10.5 11.5H15' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-notice-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.527 16.85l.365-.343-.365.342zm2.946 0l.365.341-.365-.342zm.607-1.572h.5v.028l-.5-.028zm0-.278v-.5.5zm-3.746 1.611l-.41.288.41-.288zm-.35-.778l-.487.118.486-.118zM3.333 15v.5h-.776l.32-.706.455.206zm13.788-.206l.207.455-.91.413-.207-.456.91-.412zM11.667 15v.5-.5zM13 14.5h.5v1H13v-1zm-4.11 2.007c.3.32.7.493 1.11.493v1a2.52 2.52 0 01-1.839-.809l.73-.684zm1.11.493c.408 0 .808-.173 1.108-.493l.73.684A2.52 2.52 0 0110 18v-1zm-2.584-1.722V15h1v.278h-1zm3.692 1.23c.258-.277.446-.797.472-1.258l.998.056c-.035.62-.277 1.39-.74 1.885l-.73-.684zm.47-1.23V15h1v.278h-1zm-2.836 1.045c.045.065.095.127.149.184l-.73.684a2.69 2.69 0 01-.237-.292l.818-.576zm-.326-1.045c0 .149.018.296.052.438l-.972.235a2.862 2.862 0 01-.08-.673h1zm.052.438c.054.22.147.427.274.607l-.818.576a2.79 2.79 0 01-.428-.948l.972-.235zm6.865-7.383C15.334 5.27 13.058 3 10 3V2c3.609 0 6.334 2.715 6.334 6.333h-1zm-11.667 0C3.667 4.715 6.391 2 10 2v1C6.943 3 4.667 5.269 4.667 8.333h-1zm-.789 6.46c.925-2.04.789-4.023.789-6.46h1c0 2.34.158 4.588-.878 6.873l-.911-.412zm13.334.414c-1.037-2.286-.878-4.535-.878-6.874h1c0 2.437-.137 4.42.788 6.46l-.91.414zM3.333 14.5h8.334v1H3.333v-1zm8.334 0h.413v1h-.413v-1zm.413 0H13v1h-.92v-1z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-fullscreen-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3H3v4m10-4h4v4m0 6v4h-4m-6 0H3v-4' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-change-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6h12m0 0l-3-3m3 3l-3 3M16 14H4m0 0l3-3m-3 3l3 3' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-view-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 3v-.5h.5V3H14zM3 3h-.5v-.5H3V3zm11.5 2.167v.5h-1v-.5h1zM3 14.556l-.348.359-.152-.148v-.211H3zM4.49 16v.5h-.203l-.145-.141L4.49 16zM3 2.5h11v1H3v-1zm10.5 2.667V3h1v2.167h-1zm-11 9.389V3h1v11.556h-1zm1.99.944H7.4v1H4.49v-1zm-.348.859l-1.49-1.445.696-.717 1.49 1.444-.696.718z' fill='rgb%2848%2C60%2C71%29'/%3E%3Ccircle cx='12' cy='12' r='4' stroke='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M15 15l3 3' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-statement-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='5.5' stroke='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M12.5 8.5V10M12.5 15v1.5' stroke='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M10.819 13.537c.172.261.401.478.686.651.29.168.585.252.889.252.294 0 .52-.07.679-.21a.677.677 0 00.245-.525.56.56 0 00-.168-.399c-.108-.117-.297-.247-.567-.392l-.777-.413c-.332-.177-.579-.369-.742-.574-.159-.21-.238-.485-.238-.826a1.333 1.333 0 01.77-1.218c.261-.135.58-.203.959-.203.55 0 1.061.177 1.533.532v1.057c-.22-.28-.46-.488-.721-.623a1.698 1.698 0 00-.812-.21c-.224 0-.402.06-.532.182a.551.551 0 00-.196.427c0 .135.042.254.126.357.084.103.24.212.469.329l.826.427c.364.191.632.406.805.644.177.233.266.527.266.882 0 .308-.08.576-.238.805a1.538 1.538 0 01-.68.532c-.289.126-.625.189-1.007.189-.34 0-.654-.06-.938-.182-.285-.117-.497-.247-.637-.392v-1.099zM14 3v-.5h.5V3H14zM3 3h-.5v-.5H3V3zm11.5 2v.5h-1V5h1zM3 15.556l-.348.359-.152-.148v-.211H3zM4.49 17v.5h-.203l-.145-.141L4.49 17zM3 2.5h11v1H3v-1zM13.5 5V3h1v2h-1zm-11 10.556V3h1v12.556h-1zm1.99.944H7v1H4.49v-1zm-.348.859l-1.49-1.445.696-.717 1.49 1.444-.696.718z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-close-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4l-6 6m-6 6l6-6M4 4l6 6m6 6l-6-6' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-edit-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.083 18h.5v-1h-.5v1zm-8 0h8v-1h-8v1z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M10.455 4.683l2.652-2.652 4.862 4.862-2.652 2.652-2.21-2.21-.442-.442-2.21-2.21zm0 0l-2.21 2.21L6.479 8.66 2.5 12.638V17.5h4.862l3.977-3.978 1.768-1.768.439-.438' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-download-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 12v4.5h-15V12m7.5 1l5-4.5M10 13L5 8.5m5 4.5V3' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-share-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.75' cy='4.75' r='2.25' stroke='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M6.773 11.273a2.25 2.25 0 110-3.182l5.159 5.409M12 6.5l-3.5 3' stroke='rgb%2848%2C60%2C71%29'/%3E%3Ccircle cx='13.75' cy='15.25' r='2.25' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-delete-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.25 4.375v-.5h.562l-.065.558-.497-.058zM14.375 17h.5v1h-.5v-1zM5 17.5v.5h-.455l-.043-.453L5 17.5zm8.125-13.125v.5h-.5v-.5h.5zm0-1.875V2h.5v.5h-.5zm-6.25 0h-.5V2h.5v.5zm0 1.875h.5v.5h-.5v-.5zm-3.125 0l-.498.047-.052-.547h.55v.5zm8.875 0V2.5h1v1.875h-1zM7.375 2.5v1.875h-1V2.5h1zm5.75.5h-6.25V2h6.25v1zM4.502 17.547L3.252 4.422l.996-.094 1.25 13.125-.996.094zM6.875 4.875H3.75v-1h3.125v1zm6.25-1h3.125v1h-3.125v-1zM14.375 18H5v-1h9.375v1zm2.372-13.567l-1.25 10.625-.994-.116 1.25-10.625.994.116z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M8.125 8.125V12.5m3.75-4.375V12.5' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-delete-filled-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='rgb%28242%2C244%2C246%29'/%3E%3Cpath d='M14 6l-4 4m-4 4l4-4M6 6l4 4m4 4l-4-4' stroke='rgb%28178%2C184%2C189%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-plus-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10h18M10 1v18' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-minus-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 10h15' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-calculator-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 7.5v-5H2V14l2 2h4M4.5 6h6M14 10v8M10 14h8' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-store-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.167 2.5h11.666m.417 15v-6.25m0 0h1.25V10l-1.667-5H4.167L2.5 10v1.25h1.25m12.5 0h-5m-7.5 0v6.25h7.5v-6.25m-7.5 0h7.5' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-battery-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.575 9.214h3.149M13.15 7.64v3.148M5.277 9.214h3.148' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath d='M2.917 4.583v-.5h-.5v.5h.5zm14.166.5h.5v-1h-.5v1zm0 12v.5h.5v-.5h-.5zm-14.166 0h-.5v.5h.5v-.5zM4.49 2.917v-.5h-.5v.5h.5zm3.148 0h.5v-.5h-.5v.5zm0 1.666h-.5v.5h.5v-.5zm-3.148 0v.5h.5v-.5h-.5zm7.87-1.666v-.5h-.5v.5h.5zm3.148 0h.5v-.5h-.5v.5zm0 1.666h-.5v.5h.5v-.5zm-3.148 0v.5h.5v-.5h-.5zm4.722 12H2.917v1h14.166v-1zm-13.666.5v-12.5h-1v12.5h1zM4.49 3.417h3.148v-1H4.491v1zm2.648-.5v1.666h1V2.917h-1zM4.991 4.583V2.917h-1v1.666h1zm7.37-1.166h3.148v-1h-3.148v1zm2.648-.5v1.666h1V2.917h-1zm-2.148 1.666V2.917h-1v1.666h1zm-9.944.5H4.49v-1H2.917v1zm4.722 0h4.722v-1H7.639v1zm7.87 0h1.574v-1H15.51v1zm1.074 2v10h1v-10h-1z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-car-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 15.833v-1.666m15 1.666v-1.666m-15 0v-5.26L4.583 5h10.834L17.5 8.906v5.26m-15 0h15M3.333 11.667H5M15 11.667h1.667M1.667 8.333h16.666' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-writing-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 10v7H3V3h7' stroke='rgb%2848%2C60%2C71%29' stroke-miterlimit='3.869' stroke-linecap='square'/%3E%3Cpath d='M6 14h2.5l9-9L15 2.5l-9 9V14zM13 4l3 3' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-filter-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.25h-.5v1H3v-1zm7 1h.5v-1H10v1zM3 9.5h-.5v1H3v-1zm14 1h.5v-1H17v1zm0 5.25h.5v-1H17v1zM3 5.25h7v-1H3v1zm13.5-.5c0 .69-.56 1.25-1.25 1.25v1a2.25 2.25 0 002.25-2.25h-1zM15.25 6C14.56 6 14 5.44 14 4.75h-1A2.25 2.25 0 0015.25 7V6zM14 4.75c0-.69.56-1.25 1.25-1.25v-1A2.25 2.25 0 0013 4.75h1zm1.25-1.25c.69 0 1.25.56 1.25 1.25h1a2.25 2.25 0 00-2.25-2.25v1zm-3.5 7H17v-1h-5.25v1zm-.5-.5c0 .69-.56 1.25-1.25 1.25v1A2.25 2.25 0 0012.25 10h-1zM10 11.25c-.69 0-1.25-.56-1.25-1.25h-1A2.25 2.25 0 0010 12.25v-1zM8.75 10c0-.69.56-1.25 1.25-1.25v-1A2.25 2.25 0 007.75 10h1zM10 8.75c.69 0 1.25.56 1.25 1.25h1A2.25 2.25 0 0010 7.75v1zm-4 6.5c0 .69-.56 1.25-1.25 1.25v1A2.25 2.25 0 007 15.25H6zM4.75 16.5c-.69 0-1.25-.56-1.25-1.25h-1a2.25 2.25 0 002.25 2.25v-1zM3.5 15.25c0-.69.56-1.25 1.25-1.25v-1a2.25 2.25 0 00-2.25 2.25h1zM4.75 14c.69 0 1.25.56 1.25 1.25h1A2.25 2.25 0 004.75 13v1zM3 10.5h5.25v-1H3v1zm6.125 5.25H17v-1H9.125v1z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-co2-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.625 13.125H15a3.75 3.75 0 003.75-3.75v0A3.75 3.75 0 0015 5.625h-.188s-.656-3.75-4.812-3.75c-4.156 0-4.813 3.75-4.813 3.75H5a3.75 3.75 0 00-3.75 3.75v0A3.75 3.75 0 005 13.125h1.875v3.75m0 0l-1.25-1.25m1.25 1.25l1.25-1.25' stroke='rgb%2873%2C85%2C95%29' stroke-linecap='square'/%3E%3Cpath d='M5.759 8.614c0-.321.067-.61.201-.867.134-.256.327-.457.578-.603.25-.146.547-.219.888-.219a1.773 1.773 0 011.02.324v.67a1.39 1.39 0 00-.443-.377 1.115 1.115 0 00-.555-.14.974.974 0 00-.534.153c-.158.1-.283.24-.376.424-.094.184-.14.396-.14.635v.079c0 .236.046.446.14.63.093.183.22.326.38.428.16.102.337.153.53.153.204 0 .39-.045.555-.135.17-.094.317-.22.442-.38v.668a1.775 1.775 0 01-1.02.324c-.34 0-.636-.073-.887-.219a1.476 1.476 0 01-.578-.603 1.842 1.842 0 01-.201-.866v-.08zm2.86 0c0-.327.066-.617.198-.87.134-.258.323-.457.568-.6.245-.146.531-.219.858-.219.33 0 .617.073.862.219.245.143.433.342.564.6.131.253.197.543.197.87v.079c0 .326-.066.618-.197.875a1.47 1.47 0 01-.564.599 1.68 1.68 0 01-.862.214c-.327 0-.613-.071-.858-.214a1.5 1.5 0 01-.568-.6 1.895 1.895 0 01-.197-.874v-.08zm.64.079c0 .239.039.45.118.634a.979.979 0 00.336.429.912.912 0 00.53.153c.204 0 .38-.051.53-.153a.938.938 0 00.336-.43c.079-.183.118-.394.118-.633v-.08c0-.238-.04-.45-.118-.634a.939.939 0 00-.337-.428.912.912 0 00-.53-.154.913.913 0 00-.529.154.979.979 0 00-.336.428 1.598 1.598 0 00-.119.635v.079zM12.784 8.634c-.005-.15.013-.289.053-.417.04-.13.1-.242.18-.337a.792.792 0 01.3-.225c.122-.055.262-.083.42-.083.12 0 .234.02.341.057a.88.88 0 01.289.161c.082.07.147.156.195.259.05.102.075.217.075.345a.831.831 0 01-.233.596 1.45 1.45 0 01-.24.199l-.266.18c-.09.057-.177.12-.262.187-.085.068-.16.147-.225.237h1.24v.457h-1.927c0-.152.022-.285.064-.398.045-.112.105-.212.18-.3a1.55 1.55 0 01.263-.247c.102-.075.21-.151.322-.229.058-.04.119-.08.184-.12.065-.042.124-.088.176-.138.055-.05.1-.107.135-.17a.407.407 0 00.056-.213.385.385 0 00-.112-.296.38.38 0 00-.281-.109.344.344 0 00-.2.056.392.392 0 00-.127.143.67.67 0 00-.07.195c-.013.07-.02.14-.02.21h-.51z' fill='rgb%2873%2C85%2C95%29'/%3E%3Cpath d='M13.124 13.125l.001 4.375m0 0l-1.25-1.25m1.25 1.25l1.25-1.25' stroke='rgb%2873%2C85%2C95%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-fastcharging-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.25 4.375V2.5M11.25 4.375V2.5' stroke='rgb%2873%2C85%2C95%29' stroke-linecap='square'/%3E%3Cpath d='M17.5 17.5H8.75v-3.75l-4.375-3.125V5h8.749l.001 5.625-2.813 2.5' stroke='rgb%2873%2C85%2C95%29'/%3E%3Cpath d='M7.5 6.563L6.25 8.438h1.563l-1.25 1.874M10.938 6.563l-1.25 1.875h1.562L10 10.312' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-fuel-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.974 13.68h2.67v.66H2.759v.765h1.73v.61h-1.73v.875h1.925v.66h-2.71v-3.57zM16.113 13.68h2.51v.66h-1.725v.825h1.495v.61h-1.495v1.475h-.785v-3.57zM1.875 10.417l-.5-.025-.022.46.456.06.066-.495zm16.25 0l.066.495.456-.06-.023-.46-.499.025zm-3.191-.08l-.496.067.132.991.496-.066-.132-.991zm-12.56.105C2.571 6.509 5.714 3 10 3V2c-4.88 0-8.404 3.99-8.624 8.392l.998.05zM10 3c4.286 0 7.429 3.51 7.626 7.442l.998-.05C18.404 5.99 14.881 2 10 2v1zm-8.191 7.912l3.125.417.132-.991-3.125-.417-.132.991zm16.25-.991l-3.125.417.132.99 3.125-.416-.132-.991z' fill='rgb%2873%2C85%2C95%29'/%3E%3Cpath d='M10 2.5V5M4.375 4.792L5.833 6.25M6.875 3.333L7.5 4.375M13.125 3.333L12.5 4.375M2.5 7.083l1.667.834M17.667 7L16 7.833M15.623 4.792L14.165 6.25' stroke='rgb%2873%2C85%2C95%29'/%3E%3Ccircle cx='10' cy='10.417' r='1.25' fill='rgb%2873%2C85%2C95%29'/%3E%3Cpath d='M12.502 7.917l-4.167 4.166' stroke='rgb%2873%2C85%2C95%29' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-lock-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 17.5h.5v1h-.5v-1zm-13-10H3V7h.5v.5zm0 10.5v.5H3V18h.5zm13-10.5V7h.5v.5h-.5zM17 15v.5h-1V15h1zM5.797 5.5c0-2.312 1.964-4 4.203-4v1c-1.761 0-3.203 1.312-3.203 3h-1zM10 1.5c2.239 0 4.204 1.688 4.204 4h-1c0-1.688-1.443-3-3.204-3v-1zm-3.203 4v2h-1v-2h1zm7.407 0v2h-1v-2h1zM4 7.5V18H3V7.5h1zm-.5 10h13v1h-13v-1zM3.5 7h10.204v1H3.5V7zm10.204 0H16.5v1h-2.796V7zM17 7.5v3.333h-1V7.499h1zM16 15v-4.167h1v4.166h-1z' fill='rgb%2848%2C60%2C71%29'/%3E%3Ccircle cx='10' cy='12.084' r='1.25' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M10 13v1.5' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-moon-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.167 12.638c.128.007.26.011.392.011.567 0 1.12-.095 1.646-.281l1.295-.489c-.867 2.59-3.03 4.621-5.882 4.621C6.963 16.5 4 13.578 4 9.75 4 6.554 6.557 3 9.882 3L9.34 4.171c-.192.392-.927 1.966-.927 3.088-.19 2.249 1.01 4.238 3.088 5.028' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-power-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.125 10A8.124 8.124 0 0110 18.125 8.125 8.125 0 1118.125 10z' stroke='rgb%2873%2C85%2C95%29'/%3E%3Cpath d='M10 16.25a6.25 6.25 0 113.704-1.215' stroke='rgb%2873%2C85%2C95%29'/%3E%3Cpath d='M10.682 6.25h.5V4.673l-.909 1.289.409.288zm0 3.611h-.5v.5h.5v-.5zm-3.182.903l-.409-.288-.555.788H7.5v-.5zm1.318 3.611v.5h1v-.5h-1zm.5-3.611h.5v-.5h-.5v.5zM12.5 9.86l.408.288.557-.788H12.5v.5zM10.182 6.25v3.611h1V6.25h-1zm-2.273 4.802l3.182-4.514-.818-.576-3.182 4.514.818.576zm1.91 3.323v-3.611h-1v3.611h1zM7.5 11.264h1.818v-1H7.5v1zm3.182-.903H12.5v-1h-1.818v1zm1.41-.788l-1.992 2.82.817.576 1.991-2.82-.816-.576z' fill='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-range-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.375 10.938l-1.25 1.874h1.874L13.437 15' stroke='rgb%2873%2C85%2C95%29'/%3E%3Cpath d='M11.25 9.375v-.5h-.5v.5h.5zm5.625 0h.5v-.5h-.5v.5zm-.5 7.5v.5h1v-.5h-1zm-5.125 0h-.5v.5h.5v-.5zm0-7h5.625v-1H11.25v1zm5.125-.5v7.5h1v-7.5h-1zm-4.625 7.5v-7.5h-1v7.5h1zm3.562-.5H11.25v1h4.063v-1z' fill='rgb%2873%2C85%2C95%29'/%3E%3Cpath d='M12.5 9.375v-1.25h3.125v1.25M5.313 4.375h2.5c1.25 0 2.187.938 2.187 2.188 0 1.25-.938 2.187-2.188 2.187h-2.5c-1.166 0-2.187 1.094-2.187 2.188 0 1.093 1.02 2.187 2.188 2.187h5.937' stroke='rgb%2873%2C85%2C95%29'/%3E%3Ccircle cx='4.375' cy='4.375' r='1.25' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-seat-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.833 12.889l-5.117-1.657a.833.833 0 00-1.02.456L2.5 16.667h11.667m-3.334-3.778l3.334 3.778m-3.334-3.778l.808-5.73a3.333 3.333 0 01.845-1.789l2.633-2.87 2.381.977m-3.333 13.19l2.078-8.224.257-1.015.148-.59' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-studio-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.719 15.687a.76.76 0 00-.07-.054 5.73 5.73 0 116.444 0 .765.765 0 00-.07.054c-.575.5-.919.89-1.086 1.44a4.23 4.23 0 00-.133.719l-.01.076c-.027.22-.057.466-.112.777-.025.143-.165.281-.375.281h-2.873c-.21 0-.35-.138-.375-.28a13.855 13.855 0 01-.112-.778l-.01-.076a4.226 4.226 0 00-.133-.72c-.167-.549-.51-.938-1.085-1.439z' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M10.103 21.596h3.534M12 1.203v1.2m9.595 8.394h-1.2m-16.8 0h-1.2m3.67-5.934l-.848-.848m12.718.845l.848-.85' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-sun-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.519V1.667m4.583 3.75l1.31-1.31M16.48 10h1.852m-3.75 4.583l1.31 1.31M10 16.48v1.852m-4.583-3.75l-1.31 1.31M3.52 10H1.667m3.75-4.583l-1.31-1.31M13.704 10a3.704 3.704 0 11-7.408 0 3.704 3.704 0 017.408 0z' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-wallet-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.89 5.5H17v11H3V7.071' stroke='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M16 3.5H4a1 1 0 00-1 1V7' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3Cpath d='M14 11a1.5 1.5 0 011.5-1.5H17v3h-1.5A1.5 1.5 0 0114 11v0z' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-drop-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13.5l6-6 6 6' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-info-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.001 18.833a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM10.09 14.875V9.04' stroke='rgb%2848%2C60%2C71%29'/%3E%3Ccircle cx='.75' cy='.75' r='.75' transform='matrix(-1 0 0 1 10.75 6.125)' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-arrowset-outlined-back-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3l-9 9 9 9' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-arrowset-outlined-next-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3l9 9-9 9' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-delete-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5v-.75h.81l-.062.808L19 5zm-1.5 15.25h.75v1.5h-.75v-1.5zM6.5 21v.75h-.683l-.064-.68L6.5 21zM15 5v.75h-.75V5H15zm0-2v-.75h.75V3H15zM9 3h-.75v-.75H9V3zm0 2h.75v.75H9V5zM5 5l-.747.07-.077-.82H5V5zm9.25 0V3h1.5v2h-1.5zm-4.5-2v2h-1.5V3h1.5zm5.25.75H9v-1.5h6v1.5zM5.753 21.07l-1.5-16 1.494-.14 1.5 16-1.494.14zM9 5.75H5v-1.5h4v1.5zm6-1.5h4v1.5h-4v-1.5zm2.5 17.5h-11v-1.5h11v1.5zm2.248-16.692l-1 13-1.496-.116 1-13 1.496.116z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M10 9.5v6m4-6v6' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-edit-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 21.9h.9v-1.8H19v1.8zm-10.5 0H19v-1.8H8.5v1.8z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M12.546 5.62l3.183-3.183 5.834 5.834-3.183 3.183-2.651-2.652-.53-.53-2.653-2.652zm0 0L9.895 8.27l-2.122 2.122L3 15.166V21h5.834l4.773-4.773 2.122-2.122.526-.526' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-close-enabled-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5l-7 7m-7 7l7-7M5 5l7 7m7 7l-7-7' stroke='rgb%285%2C20%2C31%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-filter-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5.25h-.75v1.5H4v-1.5zm8 1.5h.75v-1.5H12v1.5zm-8 4.5h-.75v1.5H4v-1.5zm16 1.5h.75v-1.5H20v1.5zm0 6h.75v-1.5H20v1.5zm-16-12h8v-1.5H4v1.5zM19.25 6c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0020.75 6h-1.5zM18 7.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0018 8.75v-1.5zM16.75 6c0-.69.56-1.25 1.25-1.25v-1.5A2.75 2.75 0 0015.25 6h1.5zM18 4.75c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 0018 3.25v1.5zm-4 8h6v-1.5h-6v1.5zm-.75-.75c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0014.75 12h-1.5zM12 13.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0012 14.75v-1.5zM10.75 12c0-.69.56-1.25 1.25-1.25v-1.5A2.75 2.75 0 009.25 12h1.5zM12 10.75c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 0012 9.25v1.5zM7.25 18c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 008.75 18h-1.5zM6 19.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 006 20.75v-1.5zM4.75 18c0-.69.56-1.25 1.25-1.25v-1.5A2.75 2.75 0 003.25 18h1.5zM6 16.75c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 006 15.25v1.5zm-2-4h6v-1.5H4v1.5zm7 6h9v-1.5h-9v1.5z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-moon-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 15.422c.154.01.311.014.47.014.681 0 1.346-.113 1.976-.333l1.554-.58C17.96 17.594 15.364 20 11.941 20 7.555 20 4 16.537 4 12c0-3.788 3.068-8 7.059-8l-.652 1.388c-.23.465-1.113 2.33-1.113 3.66-.227 2.665 1.211 5.023 3.706 5.96' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-sun-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4.222V2m5.5 4.5L19.07 4.93M19.778 12H22m-4.5 5.5l1.571 1.571M12 19.778V22m-5.5-4.5L4.93 19.07M4.222 12H2m4.5-5.5L4.93 4.93M16.444 12a4.444 4.444 0 11-8.888 0 4.444 4.444 0 018.888 0z' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-studio-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6.5L13.942 4H9.856L8 6.5H3V19h18V6.5h-1' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3Ccircle cx='12.051' cy='12.25' r='2.75' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-service-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.965 20.618c3.295 0 5.972-2.134 6.022-5.45m0 0H21v-4.056l-3.012-1.014m0 5.07v-5.07m-12.047 0l.001 5.07H2.93V10.93l3.011-.832zm0 0V9.084C5.941 5.724 8.638 3 11.965 3c3.326 0 6.023 2.724 6.023 6.084v1.014' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='11.965' cy='20.619' r='1.807' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-store-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3h14m.5 18v-7.5m0 0H21V12l-2-6H5l-2 6v1.5h1.5m15 0h-6m-9 0V21h9v-7.5m-9 0h9' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-vehicle-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 19v-2m18 2v-2M3 17v-6.313L5.5 6h13l2.5 4.688V17M3 17h18M4 14h2M18 14h2M2 10h20' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-battery-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.89 11.057h3.778M15.78 9.168v3.778M6.332 11.057h3.778' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M3.5 5.5v-.75h-.75v.75h.75zm17 .75h.75v-1.5h-.75v1.5zm0 14.25v.75h.75v-.75h-.75zm-17 0h-.75v.75h.75v-.75zm1.89-17v-.75h-.75v.75h.75zm3.777 0h.75v-.75h-.75v.75zm0 2h-.75v.75h.75V5.5zm-3.778 0v.75h.75V5.5h-.75zm9.444-2v-.75h-.75v.75h.75zm3.778 0h.75v-.75h-.75v.75zm0 2h-.75v.75h.75V5.5zm-3.778 0v.75h.75V5.5h-.75zM20.5 19.75h-17v1.5h17v-1.5zm-16.25.75v-15h-1.5v15h1.5zM5.39 4.25h3.777v-1.5H5.389v1.5zm3.027-.75v2h1.5v-2h-1.5zm-2.278 2v-2h-1.5v2h1.5zm8.694-1.25h3.778v-1.5h-3.778v1.5zm3.028-.75v2h1.5v-2h-1.5zm-2.278 2v-2h-1.5v2h1.5zM3.5 6.25h1.889v-1.5H3.5v1.5zm5.667 0h5.666v-1.5H9.167v1.5zm9.444 0h1.89l-.001-1.5h-1.89v1.5zM19.75 8.5v12h1.5v-12h-1.5z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-search-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.657 16.657l.53-.53-.53-.53-.53.53.53.53zm3.813 4.873l.53.53L22.06 21l-.53-.53-1.06 1.06zM11 18.25A7.25 7.25 0 013.75 11h-1.5A8.75 8.75 0 0011 19.75v-1.5zM3.75 11A7.25 7.25 0 0111 3.75v-1.5A8.75 8.75 0 002.25 11h1.5zM11 3.75A7.25 7.25 0 0118.25 11h1.5A8.75 8.75 0 0011 2.25v1.5zm5.127 12.377A7.225 7.225 0 0111 18.25v1.5c2.416 0 4.605-.98 6.187-2.563l-1.06-1.06zm0 1.06l4.343 4.343 1.06-1.06-4.343-4.343-1.06 1.06zM18.25 11a7.24 7.24 0 01-.41 2.409l1.415.498c.321-.91.495-1.89.495-2.907h-1.5z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-menu-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8h16M4 16h16' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-batterypack-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.375 9.75L10.5 12.375h3l-2.25 3' stroke='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M8.25 7.125v-.5h-.5v.5h.5zm7.5 0h.5v-.5h-.5v.5zm-.5 10.5v.5h1v-.5h-1zm-7 0h-.5v.5h.5v-.5zm0-10h7.5v-1h-7.5v1zm7-.5v10.5h1v-10.5h-1zm-6.5 10.5v-10.5h-1v10.5h1zm5.558-.5H8.25 8.25a520.833 520.833 0 000 1h6.058v-1z' fill='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M10.5 7.125v-1.5h3v1.5' stroke='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M12 21.75c-5.385 0-9.75-4.365-9.75-9.75S6.615 2.25 12 2.25s9.75 4.365 9.75 9.75a9.736 9.736 0 01-3.972 7.854' stroke='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-co2-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 15.75H18a4.5 4.5 0 004.5-4.5v0a4.5 4.5 0 00-4.5-4.5h-.225s-.787-4.5-5.775-4.5c-4.987 0-5.775 4.5-5.775 4.5H6a4.5 4.5 0 00-4.5 4.5v0a4.5 4.5 0 004.5 4.5h2.25v4.5m0 0l-1.5-1.5m1.5 1.5l1.5-1.5' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='square'/%3E%3Cpath d='M6.71 10.537c0-.386.081-.732.242-1.04.161-.308.392-.55.693-.724.301-.175.657-.263 1.066-.263.231 0 .457.037.677.11.22.074.403.167.546.279v.803a1.668 1.668 0 00-.53-.452 1.338 1.338 0 00-.667-.168c-.234 0-.448.061-.64.184-.19.119-.34.289-.452.51-.112.22-.168.473-.168.76v.095c0 .284.056.535.168.756.112.22.265.392.457.514.193.123.404.184.635.184.245 0 .468-.054.667-.163.203-.112.38-.264.53-.456v.803a1.813 1.813 0 01-.546.278c-.22.074-.446.11-.677.11-.41 0-.765-.087-1.066-.262a1.771 1.771 0 01-.693-.724 2.21 2.21 0 01-.241-1.04v-.095zm3.434 0c0-.393.078-.74.236-1.045.16-.308.388-.548.682-.72a1.974 1.974 0 011.03-.262c.395 0 .74.088 1.034.263.294.171.52.41.677.719.157.304.236.652.236 1.044v.095c0 .392-.079.742-.236 1.05a1.764 1.764 0 01-.677.72 2.015 2.015 0 01-1.035.257c-.392 0-.735-.086-1.029-.258a1.8 1.8 0 01-.682-.719 2.273 2.273 0 01-.236-1.05v-.095zm.766.094c0 .287.047.54.142.761.094.22.23.392.404.515.179.122.39.184.635.184s.457-.062.636-.184c.178-.123.313-.294.404-.515.094-.22.142-.474.142-.761v-.095c0-.287-.048-.54-.142-.76a1.127 1.127 0 00-.404-.515 1.095 1.095 0 00-.636-.184c-.245 0-.456.061-.635.184-.175.122-.31.294-.404.514-.095.22-.142.474-.142.761v.095zM15.041 10.56c-.006-.18.015-.346.063-.499.048-.156.12-.291.216-.405a.95.95 0 01.36-.27c.147-.066.315-.099.504-.099.144 0 .28.022.41.067.132.046.247.11.346.194a.894.894 0 01.234.31c.06.123.09.261.09.415a.998.998 0 01-.076.409 1.109 1.109 0 01-.203.306 1.74 1.74 0 01-.288.239l-.32.216a3.772 3.772 0 00-.314.225 1.426 1.426 0 00-.27.283h1.49v.549h-2.314c0-.183.026-.342.077-.477.054-.135.126-.255.216-.36.09-.108.195-.207.315-.297.123-.09.252-.181.387-.274.069-.049.142-.097.22-.145a1.48 1.48 0 00.212-.166.803.803 0 00.162-.203.489.489 0 00.067-.256.462.462 0 00-.135-.355.457.457 0 00-.337-.131.413.413 0 00-.239.067.47.47 0 00-.153.171.803.803 0 00-.085.235 1.43 1.43 0 00-.023.252h-.612z' fill='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M15.749 15.75L15.75 21m0 0l-1.5-1.5m1.5 1.5l1.5-1.5' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-fastcharging-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5.25V3M13.5 5.25V3' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M21 21h-9.412a1.088 1.088 0 01-1.088-1.088V16.5l-5.25-3.75V6h10.499l.001 6.75-3.375 3' stroke='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M9 7.875l-1.5 2.25h1.875l-1.5 2.25M13.125 7.875l-1.5 2.25H13.5l-1.5 2.25' stroke='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-fuel-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.969 17.216h3.204v.792H2.91v.918h2.076v.732H2.91v1.05h2.31v.792H1.969v-4.284zM18.636 17.216h3.012v.792h-2.07v.99h1.794v.732h-1.794v1.77h-.942v-4.284z' fill='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M6 13l-3.75-.5C2.5 7.5 6.5 3 12 3s9.5 4.5 9.75 9.5L18 13' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='square'/%3E%3Cpath d='M12 3v3M5.25 5.75L7 7.5M8.25 4L9 5.25M15.75 4L15 5.25M3 8.5l2 1M21.002 8.5l-2 1M18.748 5.75l-1.75 1.75' stroke='rgb%28155%2C162%2C169%29'/%3E%3Ccircle cx='12' cy='12.5' r='1.5' fill='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M15.002 9.5l-5 5' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-fullscreen-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.357 3.5H3.5v4.857M15.643 3.5H20.5v4.857m0 7.286V20.5h-4.857m-7.286 0H3.5v-4.857' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-fullscreen-outlined-out-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 3v4.5H3M16.5 3v4.5H21m0 9h-4.5V21m-9 0v-4.5H3' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-lock-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 21.25h.75v1.5H20v-1.5zM4 9h-.75v-.75H4V9zm0 13v.75h-.75V22H4zm16.75-4v.75h-1.5V18h1.5zM20 9v-.75h.75V9H20zM6.806 6.5c0-2.902 2.268-5.25 5.194-5.25v1.5c-2.074 0-3.694 1.652-3.694 3.75h-1.5zM12 1.25c2.926 0 5.194 2.348 5.194 5.25h-1.5c0-2.098-1.62-3.75-3.694-3.75v-1.5zM8.306 6.5V9h-1.5V6.5h1.5zm8.888 0V9h-1.5V6.5h1.5zM4.75 9v13h-1.5V9h1.5zM4 21.25h16v1.5H4v-1.5zm0-13h12.444v1.5H4v-1.5zm12.444 0H20v1.5h-3.556v-1.5zM20.75 9v9h-1.5V9h1.5z' fill='rgb%2848%2C60%2C71%29'/%3E%3Ccircle cx='12' cy='14.5' r='1' fill='rgb%2848%2C60%2C71%29' stroke='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M12 15v2' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-power-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.75 12A9.748 9.748 0 0112 21.75c-5.385 0-9.75-4.365-9.75-9.75S6.615 2.25 12 2.25s9.75 4.365 9.75 9.75z' stroke='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M12 19.5a7.5 7.5 0 114.444-1.458' stroke='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M12.818 7.5h.5V5.923l-.909 1.289.41.288zm0 4.333h-.5v.5h.5v-.5zM9 12.917l-.409-.288-.555.788H9v-.5zm1.682 4.333v.5h1v-.5h-1zm.5-4.333h.5v-.5h-.5v.5zM15 11.833l.408.289.557-.789H15v.5zM12.318 7.5v4.333h1V7.5h-1zm-2.91 5.705l3.819-5.417-.818-.576-3.818 5.417.818.576zm2.274 4.045v-4.333h-1v4.333h1zM9 13.417h2.182v-1H9v1zm3.818-1.084H15v-1h-2.182v1zm1.774-.788l-2.39 3.383.817.577 2.39-3.383-.817-.577z' fill='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-range-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.25 13.125l-1.5 2.25h2.249L16.125 18' stroke='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M13.5 11.25v-.5H13v.5h.5zm6.75 0h.5v-.5h-.5v.5zm-.5 9v.5h1v-.5h-1zm-6.25 0H13v.5h.5v-.5zm0-8.5h6.75v-1H13.5v1zm6.25-.5v9h1v-9h-1zm-5.75 9v-9h-1v9h1zm4.375-.5H13.5v1h4.875v-1z' fill='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M15 11.25v-1.5h3.75v1.5M6.375 5.25h3c1.5 0 2.625 1.125 2.625 2.625S10.875 10.5 9.375 10.5h-3c-1.4 0-2.625 1.313-2.625 2.625 0 1.313 1.225 2.625 2.625 2.625H13.5' stroke='rgb%28155%2C162%2C169%29'/%3E%3Ccircle cx='5.25' cy='5.25' r='1.5' stroke='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-setting-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.026 13.496l1.474 2.008-1.72 2.992-2.476-.277-2.583 1.497-1 2.284h-3.442l-1-2.284-2.583-1.497-2.475.277L2.5 15.504l1.474-2.008v-2.992L2.5 8.496l1.72-2.992 2.476.277 2.583-1.497 1-2.284h3.442l1 2.284 2.583 1.497 2.475-.277 1.72 2.992-1.473 2.008' stroke='rgb%285%2C20%2C31%29' stroke-width='1.5'/%3E%3Cpath d='M15 12a3 3 0 11-6 0 3 3 0 016 0z' stroke='rgb%285%2C20%2C31%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-search-outlined-26px {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.045 18.045l.53-.53-.53-.53-.53.53.53.53zm4.175 5.235l.53.53 1.06-1.06-.53-.53-1.06 1.06zm-10.303-3.447A7.917 7.917 0 014 11.917H2.5c0 5.2 4.216 9.416 9.417 9.416v-1.5zM4 11.917A7.917 7.917 0 0111.917 4V2.5A9.417 9.417 0 002.5 11.917H4zM11.917 4a7.917 7.917 0 017.916 7.917h1.5c0-5.201-4.216-9.417-9.416-9.417V4zm5.598 13.515a7.89 7.89 0 01-5.598 2.318v1.5a9.39 9.39 0 006.658-2.758l-1.06-1.06zm0 1.06l4.705 4.705 1.06-1.06-4.705-4.705-1.06 1.06zm2.318-6.658c0 .923-.157 1.808-.447 2.63l1.415.498c.345-.98.532-2.033.532-3.128h-1.5z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-location-outlined-26px {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 11.982a2.031 2.031 0 100-4.063 2.031 2.031 0 000 4.063zM10.19 20.498l-.533.528.533-.528zm1.165 1.115l-.505.555.01.009.011.009.484-.573zm1.162 1.96l.573.484.967-1.147-.574-.483-.966 1.146zm3.445-3.216l.5.56.017-.017.017-.016-.534-.527zM21.75 11c0-2.689-.968-4.89-2.577-6.419C17.571 3.06 15.38 2.25 13 2.25v1.5c2.04 0 3.848.691 5.14 1.919 1.287 1.222 2.11 3.02 2.11 5.331h1.5zM13 2.25c-2.378 0-4.567.808-6.169 2.303C5.224 6.054 4.25 8.21 4.25 10.813h1.5c0-2.21.817-3.96 2.105-5.163C9.149 4.44 10.96 3.75 13 3.75v-1.5zm-8.75 8.563c0 2.046.792 4.024 1.839 5.753 1.05 1.735 2.392 3.275 3.568 4.46l1.065-1.057c-1.128-1.136-2.382-2.582-3.35-4.18-.971-1.604-1.622-3.308-1.622-4.976h-1.5zm5.407 10.213c.424.427.829.81 1.193 1.142l1.01-1.11a30.909 30.909 0 01-1.138-1.089l-1.065 1.057zm3.826 1.4l-1.645-1.387-.966 1.147 1.645 1.387.966-1.146zM20.25 11c0 1.572-.619 3.197-1.556 4.746-.934 1.542-2.15 2.954-3.266 4.084l1.068 1.054c1.163-1.179 2.465-2.683 3.48-4.361C20.99 14.85 21.75 12.952 21.75 11h-1.5zm-4.787 8.797l-.661.59.998 1.12.662-.59-1-1.12z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-person-outlined-26px {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='7.91' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' r='3.847'/%3E%3Cpath d='M21.794 22.75v.75a.75.75 0 00.75-.75h-.75zm-17.588 0h-.75c0 .414.336.75.75.75v-.75zm.75 0c0-3.745 3.504-6.945 8.044-6.945v-1.5c-5.174 0-9.544 3.69-9.544 8.445h1.5zM13 15.805c4.54 0 8.044 3.2 8.044 6.945h1.5c0-4.755-4.37-8.445-9.544-8.445v1.5zM4.206 23.5h17.588V22H4.206v1.5z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-menu-outlined-26px {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.333 8.667h17.334M4.333 17.333h17.334' stroke='rgb%285%2C20%2C31%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-arrowset-outlined-back-40px {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 33L14 20 26 7' stroke='rgb%2848%2C60%2C71%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-arrowset-outlined-next-40px {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 33l12-13L15 7' stroke='rgb%2848%2C60%2C71%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-close-outlined-40px {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 7L20 20M7 33l13-13M7 7l13 13m13 13L20 20' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-caution-outlined-56px {
  display: inline-block;
  width: 56px;
  height: 56px;
  background-image: url("data:image/svg+xml, %3Csvg width='56' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 50c12.15 0 22-9.85 22-22S40.15 6 28 6 6 15.85 6 28s9.85 22 22 22z' stroke='rgb%2848%2C60%2C71%29' stroke-width='2'/%3E%3Cpath d='M28 18v10' stroke='rgb%2848%2C60%2C71%29' stroke-width='2' stroke-linecap='square'/%3E%3Ccircle cx='28' cy='36' r='2' transform='rotate(-180 28 36)' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-search-outlined-56px {
  display: inline-block;
  width: 56px;
  height: 56px;
  background-image: url("data:image/svg+xml, %3Csvg width='56' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.977 32.667a18.7 18.7 0 001.357-7C44.333 15.357 35.975 7 25.666 7 15.357 7 7 15.357 7 25.667c0 10.309 8.357 18.666 18.667 18.666a18.61 18.61 0 0013.258-5.526L49 49' stroke='rgb%2848%2C60%2C71%29' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-heart-outlined-select-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.171C2 4.686 3.343 3.2 5 3.2c2.25 0 3 2.6 3 2.6s.75-2.6 3-2.6c1.657 0 3 1.114 3 2.971 0 1.946-1.5 3.343-2.625 4.458C10.128 11.864 8 13.6 8 13.6s-2.128-1.736-3.375-2.971C3.5 9.514 2 8.117 2 6.17z' fill='rgb%28234%2C0%2C41%29' stroke='rgb%28234%2C0%2C41%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-heart-outlined-select-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 7.714C2.5 5.857 4.179 4 6.25 4 9.063 4 10 7.25 10 7.25S10.938 4 13.75 4c2.071 0 3.75 1.393 3.75 3.714 0 2.433-1.875 4.179-3.281 5.572C12.66 14.829 10 17 10 17s-2.66-2.17-4.219-3.714C4.375 11.893 2.5 10.146 2.5 7.714z' fill='rgb%28234%2C0%2C41%29' stroke='rgb%28234%2C0%2C41%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-sns-facebook-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1971_2302)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 12.9V21h3.778v-7.988h2.555L16 9.637h-3.222V7.162c0-.337.11-.787.666-.787h1.778V3h-3.444C10.667 3 9 4.463 9 6.15v3.487H7v3.375l2-.112z' fill='rgb%28155%2C162%2C169%29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1971_2302'%3E%3Cpath fill='rgb%28155%2C162%2C169%29' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-sns-twitter-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2567_737)' fill-rule='evenodd' clip-rule='evenodd' fill='rgb%28155%2C162%2C169%29'%3E%3Cpath d='M2.557 3.502h6.026l12.86 16.997h-5.89L2.558 3.502zm5.141 1.617H5.946l10.488 13.71h1.63L7.697 5.12z'/%3E%3Cpath d='M2.923 20.502H5.85l5.17-5.896.546-.712h-1.193v-2.005l-.841 1.093-6.609 7.52zm9.258-10.959h.887v2.39l.923-1.205 6.329-7.21h-2.903l-4.766 5.416-.47.61z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2567_737'%3E%3Cpath fill='rgb%28155%2C162%2C169%29' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-sns-youtube-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1971_2305)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.598 4.716a2.752 2.752 0 011.944 1.956C23 8.399 22.996 12 22.996 12s0 3.601-.458 5.328c-.252.95-.997 1.7-1.944 1.956-1.715.462-8.596.462-8.596.462s-6.88 0-8.596-.462a2.751 2.751 0 01-1.944-1.956C1 15.601 1 12 1 12s0-3.601.462-5.332c.252-.951.997-1.7 1.944-1.956 1.715-.462 8.596-.462 8.596-.462s6.877 0 8.596.466zM9.75 8.728v6.543L15.502 12l-5.75-3.272z' fill='rgb%28155%2C162%2C169%29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1971_2305'%3E%3Cpath fill='rgb%28155%2C162%2C169%29' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-sns-insta-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1971_2308)' fill='rgb%28155%2C162%2C169%29'%3E%3Cpath d='M12 8.834c-1.712 0-3.167 1.455-3.167 3.166 0 1.712 1.455 3.167 3.167 3.167 1.712 0 3.167-1.455 3.167-3.167 0-1.711-1.455-3.166-3.167-3.166z'/%3E%3Cpath d='M16.06 2.5H8.026C4.918 2.5 2.5 4.918 2.5 7.94v8.033c0 3.109 2.418 5.527 5.527 5.527h8.032c3.023 0 5.441-2.418 5.441-5.527V7.94A5.418 5.418 0 0016.06 2.5zM12 17.01c-2.764 0-4.923-2.246-4.923-4.924 0-2.677 2.16-5.009 4.923-5.009 2.764 0 4.923 2.246 4.923 4.923s-2.16 5.01-4.923 5.01zm5.096-8.896a1.143 1.143 0 01-1.123-1.123c0-.605.518-1.123 1.123-1.123.604 0 1.122.518 1.122 1.123 0 .604-.518 1.123-1.122 1.123z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1971_2308'%3E%3Cpath fill='rgb%28155%2C162%2C169%29' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-sns-tiktok-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1971_2311)'%3E%3Cpath d='M20.754 7.003v3.267s-2.823.153-5.058-1.71v7.482c0 .29-.027.57-.081.86-.271 1.33-1.402 4.695-5.854 5.084a4.247 4.247 0 01-.678 0c-1.267-.108-5.058-.814-5.81-5.374a4.895 4.895 0 01-.017-1.583c.226-1.556 1.836-5.836 7.13-5.32v3.248s-2.272-.543-3.375 1.212a3.108 3.108 0 00-.154 3.05c.37.741 1.122 1.501 2.587 1.555.616 0 2.57-.217 3.004-2.632V2h3.248s0 4.687 5.067 5.003h-.009z' fill='rgb%28155%2C162%2C169%29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1971_2311'%3E%3Cpath fill='rgb%28155%2C162%2C169%29' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-sns-linkedin-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1971_2314)' fill='rgb%28155%2C162%2C169%29'%3E%3Cpath d='M7.024 8.999H3.27v12h3.754V9zM20.551 14.566V21h-3.754v-6c0-1.577-.19-2.854-2.027-2.854-1.838 0-2.024 1.28-2.024 2.855V21H8.99V8.999h3.755v1.716c.565-1.247 1.634-2.035 3.61-2.035.152 0 .3.005.44.014 3.39.2 3.755 2.75 3.755 5.872zM7.3 5.149a2.15 2.15 0 00-4.3 0 2.148 2.148 0 104.297 0H7.3z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1971_2314'%3E%3Cpath fill='rgb%28155%2C162%2C169%29' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-sns-shell-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1971_2317)' fill-rule='evenodd' clip-rule='evenodd' fill='rgb%28155%2C162%2C169%29'%3E%3Cpath d='M18.724 22.47c.365 0 .486-.148.53-.443l.467-3.597c.077-.47.22-.582.397-.725l2.941-2.176c.174-.14.335-.383.371-.583.145-.74.218-1.493.217-2.247 0-6.432-5.214-11.647-11.647-11.647C5.568 1.052.353 6.267.353 12.7c0 .769.075 1.52.217 2.247.037.2.197.444.371.583l2.941 2.176c.178.143.32.256.397.725l.467 3.597c.044.295.165.443.53.443h3.128v-1.877h-.887c-.695 0-1.05-.07-1.155-.868l-.234-1.634c-.07-.451.139-.834.903-.243.962.744 2.919 2.12 2.919 2.12.313.208.452.625-.174.625H8.404v1.877h2.067c.539.365.92.478 1.512.478l.008-1.894c-.312 0-.616-.252-.894-.46l-8.062-5.96c-.678-.556-.8-.852-.792-1.935 0-.38.022-.762.066-1.14.135-.47.43-.852 1.108-.14l6.263 6.603c.087.104.252-.009.122-.157L3.2 10.247c-.287-.322-.443-.53-.174-1.385.206-.48.408-.935.738-1.3.143-.13.721-.817 1.165-.017l5.412 9.895c.078.14.252.052.182-.096L5.189 6.676c-.278-.6-.12-.807 0-.956.156-.208 1.112-.981 1.616-1.285.48-.257.88-.491 1.077.277l3.301 12.328c.044.182.226.148.191-.043L8.473 4.157c-.087-.348.069-.594.538-.749.626-.242 1.39-.433 2.033-.415.417 0 .66.243.66.782l.192 13.204c.017.174.2.157.208 0l.191-13.204c0-.54.244-.782.66-.782.644-.018 1.408.173 2.034.415.47.155.625.401.538.749l-2.901 12.84c-.035.191.147.225.19.043l3.302-12.327c.196-.769.597-.534 1.077-.278.504.304 1.46 1.077 1.616 1.286.12.149.278.356 0 .955l-5.334 10.668c-.07.148.104.237.182.096l5.413-9.895c.443-.8 1.02-.113 1.164.017.33.365.532.82.738 1.3.27.855.113 1.063-.174 1.385l-6.602 7.619c-.13.148.035.26.122.156l6.264-6.602c.677-.713.972-.33 1.108.14a9.63 9.63 0 01.066 1.14c.007 1.083-.115 1.378-.792 1.934l-8.062 5.96c-.278.208-.6.46-.912.46l-.009 1.894c.59 0 1.008-.113 1.546-.478h1.738v-1.876h-1.043c-.625 0-.486-.417-.174-.626 0 0 1.957-1.376 2.92-2.12.764-.59.973-.208.903.244l-.235 1.633c-.104.8-.46.869-1.155.869h-1.216v1.876h3.457z'/%3E%3Cpath d='M18.724 22.47c.365 0 .486-.148.53-.443l.467-3.597c.077-.47.22-.582.397-.725l2.941-2.176c.174-.14.335-.383.371-.583.145-.74.218-1.493.217-2.247 0-6.432-5.214-11.647-11.647-11.647C5.568 1.052.353 6.267.353 12.7c0 .769.075 1.52.217 2.247.037.2.197.444.371.583l2.941 2.176c.178.143.32.256.397.725l.467 3.597c.044.295.165.443.53.443h3.128v-1.877h-.887c-.695 0-1.05-.07-1.155-.868l-.234-1.634c-.07-.451.139-.834.903-.243.962.744 2.919 2.12 2.919 2.12.313.208.452.625-.174.625H8.404v1.877h2.067c.539.365.92.478 1.512.478l.008-1.894c-.312 0-.616-.252-.894-.46l-8.062-5.96c-.678-.556-.8-.852-.792-1.935 0-.38.022-.762.066-1.14.135-.47.43-.852 1.108-.14l6.263 6.603c.087.104.252-.009.122-.157L3.2 10.247c-.287-.322-.443-.53-.174-1.385.206-.48.408-.935.738-1.3.143-.13.721-.817 1.165-.017l5.412 9.895c.078.14.252.052.182-.096L5.189 6.676c-.278-.6-.12-.807 0-.956.156-.208 1.112-.981 1.616-1.285.48-.257.88-.491 1.077.277l3.301 12.328c.044.182.226.148.191-.043L8.473 4.157c-.087-.348.069-.594.538-.749.626-.242 1.39-.433 2.033-.415.417 0 .66.243.66.782l.192 13.204c.017.174.2.157.208 0l.191-13.204c0-.54.244-.782.66-.782.644-.018 1.408.173 2.034.415.47.155.625.401.538.749l-2.901 12.84c-.035.191.147.225.19.043l3.302-12.327c.196-.769.597-.534 1.077-.278.504.304 1.46 1.077 1.616 1.286.12.149.278.356 0 .955l-5.334 10.668c-.07.148.104.237.182.096l5.413-9.895c.443-.8 1.02-.113 1.164.017.33.365.532.82.738 1.3.27.855.113 1.063-.174 1.385l-6.602 7.619c-.13.148.035.26.122.156l6.264-6.602c.677-.713.972-.33 1.108.14a9.63 9.63 0 01.066 1.14c.007 1.083-.115 1.378-.792 1.934l-8.062 5.96c-.278.208-.6.46-.912.46l-.009 1.894c.59 0 1.008-.113 1.546-.478h1.738v-1.876h-1.043c-.625 0-.486-.417-.174-.626 0 0 1.957-1.376 2.92-2.12.764-.59.973-.208.903.244l-.235 1.633c-.104.8-.46.869-1.155.869h-1.216v1.876h3.457z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1971_2317'%3E%3Cpath fill='rgb%28155%2C162%2C169%29' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-search-outlined-white-26px {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.045 18.045l.53-.53-.53-.53-.53.53.53.53zm4.175 5.235l.53.53 1.06-1.06-.53-.53-1.06 1.06zm-10.303-3.447A7.917 7.917 0 014 11.917H2.5c0 5.2 4.216 9.416 9.417 9.416v-1.5zM4 11.917A7.917 7.917 0 0111.917 4V2.5A9.417 9.417 0 002.5 11.917H4zM11.917 4a7.917 7.917 0 017.916 7.917h1.5c0-5.201-4.216-9.417-9.416-9.417V4zm5.598 13.515a7.89 7.89 0 01-5.598 2.318v1.5a9.39 9.39 0 006.658-2.758l-1.06-1.06zm0 1.06l4.705 4.705 1.06-1.06-4.705-4.705-1.06 1.06zm2.318-6.658c0 .923-.157 1.808-.447 2.63l1.415.498c.345-.98.532-2.033.532-3.128h-1.5z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-location-outlined-white-26px {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 11.982a2.031 2.031 0 100-4.063 2.031 2.031 0 000 4.063zM10.19 20.498l-.533.528.533-.528zm1.165 1.115l-.505.555.01.009.011.009.484-.573zm1.162 1.96l.573.484.967-1.147-.574-.483-.966 1.146zm3.445-3.216l.5.56.017-.017.017-.016-.534-.527zM21.75 11c0-2.689-.968-4.89-2.577-6.419C17.571 3.06 15.38 2.25 13 2.25v1.5c2.04 0 3.848.691 5.14 1.919 1.287 1.222 2.11 3.02 2.11 5.331h1.5zM13 2.25c-2.378 0-4.567.808-6.169 2.303C5.224 6.054 4.25 8.21 4.25 10.813h1.5c0-2.21.817-3.96 2.105-5.163C9.149 4.44 10.96 3.75 13 3.75v-1.5zm-8.75 8.563c0 2.046.792 4.024 1.839 5.753 1.05 1.735 2.392 3.275 3.568 4.46l1.065-1.057c-1.128-1.136-2.382-2.582-3.35-4.18-.971-1.604-1.622-3.308-1.622-4.976h-1.5zm5.407 10.213c.424.427.829.81 1.193 1.142l1.01-1.11a30.909 30.909 0 01-1.138-1.089l-1.065 1.057zm3.826 1.4l-1.645-1.387-.966 1.147 1.645 1.387.966-1.146zM20.25 11c0 1.572-.619 3.197-1.556 4.746-.934 1.542-2.15 2.954-3.266 4.084l1.068 1.054c1.163-1.179 2.465-2.683 3.48-4.361C20.99 14.85 21.75 12.952 21.75 11h-1.5zm-4.787 8.797l-.661.59.998 1.12.662-.59-1-1.12z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-person-outlined-white-26px {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='7.91' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5' r='3.847'/%3E%3Cpath d='M21.794 22.75v.75a.75.75 0 00.75-.75h-.75zm-17.588 0h-.75c0 .414.336.75.75.75v-.75zm.75 0c0-3.745 3.504-6.945 8.044-6.945v-1.5c-5.174 0-9.544 3.69-9.544 8.445h1.5zM13 15.805c4.54 0 8.044 3.2 8.044 6.945h1.5c0-4.755-4.37-8.445-9.544-8.445v1.5zM4.206 23.5h17.588V22H4.206v1.5z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-menu-outlined-white-26px {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.333 8.667h17.334M4.333 17.333h17.334' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-world-outlined-26px {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.75 12.997c0 5.383-4.365 9.747-9.75 9.747s-9.75-4.364-9.75-9.747m19.5 0c0-5.383-4.365-9.747-9.75-9.747m9.75 9.747H3.25m0 0C3.25 7.614 7.615 3.25 13 3.25m0 0v19.5m0-19.5S17.875 5.2 17.875 13 13 22.75 13 22.75m0-19.5S8.125 5.2 8.125 13 13 22.75 13 22.75' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-language-outlined-26px {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.276 3.5v-.75h-1.5v.75h1.5zm-1.5 1.533v.75h1.5v-.75h-1.5zM3.5 4.283h-.75v1.5h.75v-1.5zm10 1.5h.75v-1.5h-.75v1.5zm-9.032 8.73l-.487.57 1.14.974.488-.57-1.14-.974zm1.029-7.328l-.532-.529-1.058 1.062.53.53 1.06-1.063zM11.56 14.1l.632.403.806-1.265-.632-.403-.806 1.265zm-1.137-5.616l-.632-.403.632.403zM7.776 3.5v1.533h1.5V3.5h-1.5zM3.5 5.783h10v-1.5h-10v1.5zm1.467 1.934l-.53.53v.001h.001l.001.001.005.005.017.017.068.068.253.252.858.855 2.198 2.19 1.059-1.062-2.198-2.19-.858-.855-.253-.252-.068-.068-.017-.018-.005-.004-.001-.001-.53.53zm2.97 4.003a89.77 89.77 0 002.233 1.485 236.936 236.936 0 001.36.876l.022.013.006.004h.001v.001l.404-.632.403-.633h-.002a.219.219 0 00-.005-.004l-.021-.014-.08-.051-.297-.19c-.25-.16-.595-.382-.974-.628a88.361 88.361 0 01-2.19-1.456l-.86 1.229zm-.14-1.102l-2.152 2.518-.84.982-.247.29-.067.078-.017.02-.004.005-.001.001.57.488.57.487.001-.001.004-.006.018-.02.066-.078.248-.29.84-.982 2.151-2.517-1.14-.975zm4.318-5.585l-.695-.281-.002.005-.007.017a14.074 14.074 0 01-.137.327c-.093.22-.226.526-.384.87-.32.7-.725 1.522-1.1 2.109l1.265.807c.434-.68.874-1.581 1.2-2.291a37.301 37.301 0 00.544-1.254l.008-.02.003-.005v-.001-.001l-.695-.282zM9.791 8.08c-.674 1.055-1.102 1.6-1.967 2.508l1.086 1.035c.932-.977 1.42-1.599 2.145-2.736L9.791 8.08z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M8.5 22.5l7-14h.7l3.5 7.636m2.8 6.364l-2.8-6.364m0 0H12' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-logo {
  display: inline-block;
  width: 153px;
  height: 42px;
  background-image: url("data:image/svg+xml, %3Csvg width='153' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M88.77 34.905c0 .276.088.44.25.44.114 0 .227-.05.365-.151l47.699-30.976c.841-.552 1.606-.841 2.749-.841h10.481c1.619 0 2.686 1.08 2.686 2.688v20.022c0 2.425-.54 3.819-2.686 5.113l-12.716 7.637c-.163.1-.301.163-.426.163-.151 0-.302-.126-.302-.553V15.084c0-.252-.088-.452-.263-.452-.113 0-.226.05-.364.138l-34.858 22.66c-.979.628-1.782.829-2.674.829H75.603c-1.607 0-2.687-1.08-2.687-2.688V6.706c0-.214-.087-.402-.25-.402-.114 0-.227.05-.377.138L49.293 20.259c-.226.138-.289.251-.289.364 0 .1.038.189.201.352l16.418 16.43c.214.226.364.39.364.552 0 .201-.238.29-.527.29H50.598c-1.167 0-2.058-.176-2.686-.805l-9.966-9.96c-.1-.101-.176-.151-.29-.151-.087 0-.2.038-.313.1L20.686 37.442c-1.004.603-1.707.804-2.686.804H2.686C1.067 38.246 0 37.166 0 35.558V15.9c0-2.424.54-3.806 2.686-5.1l12.791-7.687A.679.679 0 0115.828 3c.189 0 .302.201.302.653v26.278c0 .276.075.402.25.402.114 0 .24-.075.377-.163L59.975 4.193c1.03-.628 1.67-.804 2.85-.804h23.259c1.619 0 2.686 1.08 2.686 2.688' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-checkbox-selected-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='none'/%3E%3Cpath d='M15.5 6l-7 8-4-3.5' stroke='none' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-checkbox-unselected-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' stroke='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-checkbox-selected-disabled-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='none'/%3E%3Cpath d='M15.5 6l-7 8-4-3.5' stroke='none' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-checkbox-unselected-disabled-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' fill='none'/%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' stroke='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-radio-selected-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='10' height='10' rx='5' stroke='none' stroke-width='10'/%3E%3Ccircle cx='10' cy='10' r='4.167' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-radio-unselected-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='9.5' stroke='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-radio-selected-disabled-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='10' height='10' rx='5' stroke='none' stroke-width='10'/%3E%3Ccircle cx='10' cy='10' r='4.167' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-radio-unselected-disabled-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='9.5' fill='none' stroke='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-radio-selected-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='14' height='14' rx='7' stroke='none' stroke-width='10'/%3E%3Ccircle cx='12' cy='12' r='5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-radio-unselected-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='14' height='14' rx='7' stroke='none' stroke-width='10'/%3E%3Ccircle cx='12' cy='12' r='5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-radio-selected-disabled-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='14' height='14' rx='7' stroke='none' stroke-width='10'/%3E%3Ccircle cx='12' cy='12' r='5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-radio-unselected-disabled-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='14' height='14' rx='7' stroke='none' stroke-width='10'/%3E%3Ccircle cx='12' cy='12' r='5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-alert-triangle-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M10 3.125l-7.237 13.75h14.473L10 3.125z' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M9.999 14.342v-1.809' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5' stroke-linecap='square'/%3E%3Ccircle cx='9.999' cy='9.638' r='.724' fill='rgb%28255%2C255%2C255%29' stroke='rgb%28255%2C255%2C255%29' stroke-width='.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-alert-circle-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17.25a7.25 7.25 0 100-14.5 7.25 7.25 0 000 14.5z' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5'/%3E%3Cpath d='M10 7.1V10' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5' stroke-linecap='square'/%3E%3Ccircle cx='10.001' cy='12.9' r='.725' transform='rotate(-180 10 12.9)' fill='rgb%28255%2C255%2C255%29' stroke='rgb%28255%2C255%2C255%29' stroke-width='.75'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-modification-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.668 14.5h.5v-1h-.5v1zm-7 0h7v-1h-7v1z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M8.364 3.746l2.122-2.121 3.889 3.89-2.121 2.12-1.768-1.767-.354-.354-1.768-1.768zm0 0L6.596 5.514 5.182 6.93 2 10.11V14h3.889l3.182-3.182 1.415-1.414.35-.351' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  -webkit-transform: scale(1.0001);
  transform: scale(1.0001);
}

.ic-arrow-outlined-next-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='rgb%28242%2C244%2C246%29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8h12m0 0L9 3m5 5l-5 5' stroke='rgb%28242%2C244%2C246%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ic-calendar-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6v8h12V8.667M2 6V3.333h12V6H2zm8.667-2.667V2M5.333 3.333V2' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-compare-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4h4v8h-4V4z' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3Cpath d='M10.5 4h4v8h-4V4zM8 2v12' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-compare-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2v-.5h.5V2H9zM2 2h-.5v-.5H2V2zm7.5 1v.5h-1V3h1zM2 10v.5h-.5V10H2zm0-8.5h7v1H2v-1zM8.5 3V2h1v1h-1zm-7 7V2h1v8h-1zm.5-.5h2.5v1H2v-1zM14.5 5v-.5h.5V5h-.5zm-8 0H6v-.5h.5V5zm8.5 7v.5h-1V12h1zm-8.5 1l-.354.354L6 13.207V13h.5zM8 14.5v.5h-.207l-.147-.146L8 14.5zm-1.5-10h8v1h-8v-1zM14 12V5h1v7h-1zm-8 1V5h1v8H6zm2 1h6.5v1H8v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M8.5 7.5h4M8.5 9.5h4' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-speaker-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.67 10.336V2.669l-4.4 2.667H1.335v5.333H4.27l4.08 2.472M11.336 6s1 .75 1 2-1 2-1 2' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3Cpath d='M11.336 12.664c1.82-.6 3.333-2.58 3.333-4.666 0-2.08-1.524-4.06-3.333-4.667' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-coupon-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.1 6.487a.424.424 0 11.6.6l-2.8 2.8a.424.424 0 11-.6-.6l2.8-2.8zm-2.376-.284a.707.707 0 01.5 1.21.708.708 0 11-.5-1.21zm2.552 2.552a.707.707 0 01.5 1.21.708.708 0 11-.5-1.21z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M12.2 3.833h0c.33 0 .65.127.89.356.24.228.386.54.407.872l.003.092V6.24a.44.44 0 01-.212.37l-.05.028a1.702 1.702 0 00-.938 1.46 1.715 1.715 0 00.83 1.536l.01.005.009.006.084.045.007.004.007.003a.45.45 0 01.25.34l.003.063v1.086c0 .336-.127.659-.355.902a1.295 1.295 0 01-.862.408l-.09.003H3.8h0c-.33 0-.65-.127-.89-.357a1.318 1.318 0 01-.407-.872l-.003-.09v-1.092c0-.157.088-.29.215-.37l.046-.025a1.703 1.703 0 00.939-1.46 1.715 1.715 0 00-.83-1.536l-.01-.006-.009-.005-.084-.045-.007-.004-.007-.004a.45.45 0 01-.25-.34L2.5 6.233V5.146v0c0-.336.127-.659.355-.902.227-.242.535-.387.862-.408l.09-.003H12.2z' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-radio-selected-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='14' height='14' rx='7' stroke='none' stroke-width='10'/%3E%3Ccircle cx='12' cy='12' r='5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-radio-unselected-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='14' height='14' rx='7' stroke='none' stroke-width='10'/%3E%3Ccircle cx='12' cy='12' r='5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-radio-selected-disabled-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='14' height='14' rx='7' stroke='none' stroke-width='10'/%3E%3Ccircle cx='12' cy='12' r='5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-radio-unselected-disabled-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='14' height='14' rx='7' stroke='none' stroke-width='10'/%3E%3Ccircle cx='12' cy='12' r='5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-fuel-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.969 17.216h3.204v.792H2.91v.918h2.076v.732H2.91v1.05h2.31v.792H1.969v-4.284zM18.636 17.216h3.012v.792h-2.07v.99h1.794v.732h-1.794v1.77h-.942v-4.284z' fill='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M6 13l-3.75-.5C2.5 7.5 6.5 3 12 3s9.5 4.5 9.75 9.5L18 13' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='square'/%3E%3Cpath d='M12 3v3M5.25 5.75L7 7.5M8.25 4L9 5.25M15.75 4L15 5.25M3 8.5l2 1M21.002 8.5l-2 1M18.748 5.75l-1.75 1.75' stroke='rgb%28155%2C162%2C169%29'/%3E%3Ccircle cx='12' cy='12.5' r='1.5' fill='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M15.002 9.5l-5 5' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-co2-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 15.75H18a4.5 4.5 0 004.5-4.5v0a4.5 4.5 0 00-4.5-4.5h-.225s-.787-4.5-5.775-4.5c-4.987 0-5.775 4.5-5.775 4.5H6a4.5 4.5 0 00-4.5 4.5v0a4.5 4.5 0 004.5 4.5h2.25v4.5m0 0l-1.5-1.5m1.5 1.5l1.5-1.5' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='square'/%3E%3Cpath d='M6.71 10.537c0-.386.081-.732.242-1.04.161-.308.392-.55.693-.724.301-.175.657-.263 1.066-.263.231 0 .457.037.677.11.22.074.403.167.546.279v.803a1.668 1.668 0 00-.53-.452 1.338 1.338 0 00-.667-.168c-.234 0-.448.061-.64.184-.19.119-.34.289-.452.51-.112.22-.168.473-.168.76v.095c0 .284.056.535.168.756.112.22.265.392.457.514.193.123.404.184.635.184.245 0 .468-.054.667-.163.203-.112.38-.264.53-.456v.803a1.813 1.813 0 01-.546.278c-.22.074-.446.11-.677.11-.41 0-.765-.087-1.066-.262a1.771 1.771 0 01-.693-.724 2.21 2.21 0 01-.241-1.04v-.095zm3.434 0c0-.393.078-.74.236-1.045.16-.308.388-.548.682-.72a1.974 1.974 0 011.03-.262c.395 0 .74.088 1.034.263.294.171.52.41.677.719.157.304.236.652.236 1.044v.095c0 .392-.079.742-.236 1.05a1.764 1.764 0 01-.677.72 2.015 2.015 0 01-1.035.257c-.392 0-.735-.086-1.029-.258a1.8 1.8 0 01-.682-.719 2.273 2.273 0 01-.236-1.05v-.095zm.766.094c0 .287.047.54.142.761.094.22.23.392.404.515.179.122.39.184.635.184s.457-.062.636-.184c.178-.123.313-.294.404-.515.094-.22.142-.474.142-.761v-.095c0-.287-.048-.54-.142-.76a1.127 1.127 0 00-.404-.515 1.095 1.095 0 00-.636-.184c-.245 0-.456.061-.635.184-.175.122-.31.294-.404.514-.095.22-.142.474-.142.761v.095zM15.041 10.56c-.006-.18.015-.346.063-.499.048-.156.12-.291.216-.405a.95.95 0 01.36-.27c.147-.066.315-.099.504-.099.144 0 .28.022.41.067.132.046.247.11.346.194a.894.894 0 01.234.31c.06.123.09.261.09.415a.998.998 0 01-.076.409 1.109 1.109 0 01-.203.306 1.74 1.74 0 01-.288.239l-.32.216a3.772 3.772 0 00-.314.225 1.426 1.426 0 00-.27.283h1.49v.549h-2.314c0-.183.026-.342.077-.477.054-.135.126-.255.216-.36.09-.108.195-.207.315-.297.123-.09.252-.181.387-.274.069-.049.142-.097.22-.145a1.48 1.48 0 00.212-.166.803.803 0 00.162-.203.489.489 0 00.067-.256.462.462 0 00-.135-.355.457.457 0 00-.337-.131.413.413 0 00-.239.067.47.47 0 00-.153.171.803.803 0 00-.085.235 1.43 1.43 0 00-.023.252h-.612z' fill='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M15.749 15.75L15.75 21m0 0l-1.5-1.5m1.5 1.5l1.5-1.5' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-power-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.75 12A9.748 9.748 0 0112 21.75c-5.385 0-9.75-4.365-9.75-9.75S6.615 2.25 12 2.25s9.75 4.365 9.75 9.75z' stroke='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M12 19.5a7.5 7.5 0 114.444-1.458' stroke='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M12.818 7.5h.5V5.923l-.909 1.289.41.288zm0 4.333h-.5v.5h.5v-.5zM9 12.917l-.409-.288-.555.788H9v-.5zm1.682 4.333v.5h1v-.5h-1zm.5-4.333h.5v-.5h-.5v.5zM15 11.833l.408.289.557-.789H15v.5zM12.318 7.5v4.333h1V7.5h-1zm-2.91 5.705l3.819-5.417-.818-.576-3.818 5.417.818.576zm2.274 4.045v-4.333h-1v4.333h1zM9 13.417h2.182v-1H9v1zm3.818-1.084H15v-1h-2.182v1zm1.774-.788l-2.39 3.383.817.577 2.39-3.383-.817-.577z' fill='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-info-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14A6 6 0 108 2a6 6 0 000 12z' stroke='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M8 10.5V8' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3Ccircle cx='8' cy='6.25' r='.75' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-lock-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 21.25h.75v1.5H20v-1.5zM4 9h-.75v-.75H4V9zm0 13v.75h-.75V22H4zm16.75-4v.75h-1.5V18h1.5zM20 9v-.75h.75V9H20zM6.806 6.5c0-2.902 2.268-5.25 5.194-5.25v1.5c-2.074 0-3.694 1.652-3.694 3.75h-1.5zM12 1.25c2.926 0 5.194 2.348 5.194 5.25h-1.5c0-2.098-1.62-3.75-3.694-3.75v-1.5zM8.306 6.5V9h-1.5V6.5h1.5zm8.888 0V9h-1.5V6.5h1.5zM4.75 9v13h-1.5V9h1.5zM4 21.25h16v1.5H4v-1.5zm0-13h12.444v1.5H4v-1.5zm12.444 0H20v1.5h-3.556v-1.5zM20.75 9v9h-1.5V9h1.5z' fill='rgb%2848%2C60%2C71%29'/%3E%3Ccircle cx='12' cy='14.5' r='1' fill='rgb%2848%2C60%2C71%29' stroke='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M12 15v2' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .ic-like-filled-12px {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.125 4.514l2.801-3.106a.5.5 0 01.846.177l.38 1.137a.75.75 0 01-.041.573L7.5 4.514h2.875a.5.5 0 01.5.5v3.611a2.25 2.25 0 01-2.25 2.25h-4.5V4.514zm-2.5 0h1.75v6.361h-1.75a.5.5 0 01-.5-.5V5.014a.5.5 0 01.5-.5z' fill='rgb%28139%2C195%2C74%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .ic-location-outlined-12px {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.595 9.749l-.355.352.355-.352zm.582.557l-.336.37.007.006.007.006.322-.382zm.5 1.076l.383.323.645-.765-.383-.322-.644.764zM7.412 9.75l.332.374.011-.01.01-.01-.353-.354zM10.5 5c0-1.376-.496-2.51-1.327-3.3C8.346.914 7.218.5 6 .5v1c.992 0 1.864.336 2.484.925C9.101 3.011 9.5 3.875 9.5 5h1zM6 .5C4.783.5 3.657.914 2.83 1.685 2 2.461 1.5 3.572 1.5 4.906h1c0-1.072.395-1.913 1.013-2.49C4.134 1.836 5.008 1.5 6 1.5v-1zM1.5 4.906c0 1.055.408 2.067.938 2.942.532.879 1.21 1.656 1.802 2.253l.71-.704c-.56-.565-1.18-1.28-1.657-2.067-.48-.792-.793-1.62-.793-2.424h-1zm2.74 5.195c.214.215.417.408.601.575l.673-.74a15.318 15.318 0 01-.564-.54l-.71.705zm2.082.517L5.5 9.924l-.645.764.823.694.644-.764zM9.5 5c0 .77-.31 1.577-.789 2.355-.475.773-1.093 1.48-1.653 2.04l.707.707c.591-.591 1.267-1.36 1.798-2.223.528-.86.937-1.85.937-2.879h-1zM7.08 9.375l-.23.202.664.749.229-.203-.664-.748z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M6 6.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .ic-compare-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4h4v8h-4V4z' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3Cpath d='M10.5 4h4v8h-4V4zM8 2v12' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .ic-delete-filled-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M11.217 4.783L8 8m-3.217 3.217L8 8M4.783 4.783L8 8m3.217 3.217L8 8' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .ic-delete-filled-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M14 6l-4 4m-4 4l4-4M6 6l4 4m4 4l-4-4' stroke='rgb%28130%2C138%2C144%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .ic-calendar-12px {
  background-image: url("data:image/svg+xml, %3Csvg width='13' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5v6h9v-4m-9-2v-2h9v2H2zm6.5-2v-1m-4 1v-1' stroke='rgb%28178%2C184%2C189%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .ic-media-play-video-12px {
  background-image: url("data:image/svg+xml, %3Csvg width='13' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.252 1.75H2.25v7.083h8.5V3.252' stroke='rgb%28178%2C184%2C189%29'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.914 5.292L5.553 3.875v2.833l2.361-1.416z' fill='none'/%3E%3Cpath d='M2.25 10.25h8.5' stroke='rgb%28178%2C184%2C189%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .ic-modification-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.668 14.5h.5v-1h-.5v1zm-7 0h7v-1h-7v1z' fill='rgb%28231%2C233%2C236%29'/%3E%3Cpath d='M8.364 3.746l2.122-2.121 3.889 3.89-2.121 2.12-1.768-1.767-.354-.354-1.768-1.768zm0 0L6.596 5.514 5.182 6.93 2 10.11V14h3.889l3.182-3.182 1.415-1.414.35-.351' stroke='rgb%28231%2C233%2C236%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .ic-arrow-outlined-next-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='rgb%2848%2C60%2C71%29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8h12m0 0L9 3m5 5l-5 5' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .ic-compare-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4h4v8h-4V4z' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3Cpath d='M10.5 4h4v8h-4V4zM8 2v12' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .ic-compare-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2v-.5h.5V2H9zM2 2h-.5v-.5H2V2zm7.5 1v.5h-1V3h1zM2 10v.5h-.5V10H2zm0-8.5h7v1H2v-1zM8.5 3V2h1v1h-1zm-7 7V2h1v8h-1zm.5-.5h2.5v1H2v-1zM14.5 5v-.5h.5V5h-.5zm-8 0H6v-.5h.5V5zm8.5 7v.5h-1V12h1zm-8.5 1l-.354.354L6 13.207V13h.5zM8 14.5v.5h-.207l-.147-.146L8 14.5zm-1.5-10h8v1h-8v-1zM14 12V5h1v7h-1zm-8 1V5h1v8H6zm2 1h6.5v1H8v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M8.5 7.5h4M8.5 9.5h4' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .ic-calendar-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6v8h12V8.667M2 6V3.333h12V6H2zm8.667-2.667V2M5.333 3.333V2' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .ic-speaker-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.67 10.336V2.669l-4.4 2.667H1.335v5.333H4.27l4.08 2.472M11.336 6s1 .75 1 2-1 2-1 2' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3Cpath d='M11.336 12.664c1.82-.6 3.333-2.58 3.333-4.666 0-2.08-1.524-4.06-3.333-4.667' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .ic-coupon-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.1 6.487a.424.424 0 11.6.6l-2.8 2.8a.424.424 0 11-.6-.6l2.8-2.8zm-2.376-.284a.707.707 0 01.5 1.21.708.708 0 11-.5-1.21zm2.552 2.552a.707.707 0 01.5 1.21.708.708 0 11-.5-1.21z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M12.2 3.833h0c.33 0 .65.127.89.356.24.228.386.54.407.872l.003.092V6.24a.44.44 0 01-.212.37l-.05.028a1.702 1.702 0 00-.938 1.46 1.715 1.715 0 00.83 1.536l.01.005.009.006.084.045.007.004.007.003a.45.45 0 01.25.34l.003.063v1.086c0 .336-.127.659-.355.902a1.295 1.295 0 01-.862.408l-.09.003H3.8h0c-.33 0-.65-.127-.89-.357a1.318 1.318 0 01-.407-.872l-.003-.09v-1.092c0-.157.088-.29.215-.37l.046-.025a1.703 1.703 0 00.939-1.46 1.715 1.715 0 00-.83-1.536l-.01-.006-.009-.005-.084-.045-.007-.004-.007-.004a.45.45 0 01-.25-.34L2.5 6.233V5.146v0c0-.336.127-.659.355-.902.227-.242.535-.387.862-.408l.09-.003H12.2z' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .ic-heart-outlined-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5.8s.75-2.6 3-2.6c1.657 0 3 1.114 3 2.971 0 1.946-1.5 3.343-2.625 4.458C10.128 11.864 8 13.6 8 13.6s-2.128-1.736-3.375-2.971C3.5 9.514 2 8.117 2 6.17 2 4.686 3.343 3.2 5 3.2c.794 0 1.401.324 1.855.743' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.wrap {
  background-color: var(--surface);
}

.content {
  padding-top: var(--header-height, 0);
  min-height: calc(100vh - var(--header-height));
}

.js-scrollbar {
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
}

.simplebar-track.simplebar-vertical {
  width: 8px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar {
  min-height: 0;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
  background: var(--surface-container-mid);
  border-radius: 100px;
  inset-inline-start: 0 !important;
  inset-inline-end: 4px !important;
}

.simplebar-track.simplebar-horizontal {
  height: 8px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  min-width: 0;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before {
  background: var(--surface-container-mid);
  border-radius: 100px;
  top: 0 !important;
  bottom: 4px !important;
}

[data-simplebar].simplebar-scrolling .simplebar-scrollbar::before {
  opacity: 1 !important;
}

.is-scroll-lock {
  overflow: hidden;
  height: 100%;
  -ms-touch-action: none;
  touch-action: none;
}

.is-scroll-lock .simplebar-content-wrapper {
  -ms-touch-action: none;
  touch-action: none;
  height: 100% !important;
  overflow: hidden !important;
  overflow-y: auto !important;
}

.fixed-container {
  position: fixed;
  top: var(--offset-top, 0);
  inset-inline-start: 0;
  width: 100%;
  z-index: 29;
}

@media screen and (max-width: 600px) {
  .fixed-container.has-mobile-offset {
    top: var(--offset-top-mobile, 0);
  }
}

@media screen and (min-width: 1281px) {
  .fixed-container.has-pc-offset {
    top: var(--offset-top-pc, 0);
  }
}

.sticky-container {
  position: -webkit-sticky;
  position: sticky;
  top: var(--offset-top, 0);
  inset-inline-start: 0;
  width: 100%;
  z-index: 29;
}

@media screen and (max-width: 600px) {
  .sticky-container.has-mobile-offset {
    top: var(--offset-top-mobile, 0);
  }
}

@media screen and (min-width: 1281px) {
  .sticky-container.has-pc-offset {
    top: var(--offset-top-pc, 0);
  }
}

.sticky-container.sticky-mobile {
  top: unset;
  z-index: unset;
}

@media screen and (max-width: 960px) {
  .sticky-container.sticky-mobile {
    top: 0;
    z-index: 20;
  }
}

@media screen and (max-width: 600px) {
  .sticky-container.sticky-pc {
    top: unset;
    z-index: unset;
  }
}

@media screen and (max-width: 600px) {
  .sticky-container.pc-view {
    display: none;
  }
}

.sticky-container.mo-view {
  display: none;
}

@media screen and (max-width: 600px) {
  .sticky-container.mo-view {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .sticky-container.hide-tablet {
    display: none;
  }
}

.embla {
  overflow: hidden;
}

.embla .common-pagination {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  font-size: 0;
  text-align: center;
}

.embla .common-pagination .dot {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.embla .common-pagination .dot:before {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--surface-ultimate);
  -webkit-transition: -webkit-transform 0.3s 0s;
  transition: -webkit-transform 0.3s 0s;
  transition: transform 0.3s 0s;
  transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
  content: '';
}

.embla .common-pagination .dot.is-active:before {
  background-color: var(--on-surface);
}

@media screen and (max-width: 960px) {
  .embla .common-pagination .dot.is-small:before {
    width: 6px;
    height: 6px;
  }
}

@media screen and (max-width: 960px) {
  .embla .common-pagination .dot:before {
    width: 9px;
    height: 9px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .embla .common-pagination .dot {
    margin-top: -1px;
  }
}

.embla .common-pagination.type-dark .dot:before {
  background-color: var(--fixed-grey40);
}

.embla .common-pagination.type-dark .dot.is-active:before {
  background-color: var(--white-fixed);
}

.common-pagination.is-dynamic {
  overflow: hidden;
}

@media screen and (max-width: 960px) {
  .common-pagination.is-dynamic {
    max-width: 144px;
  }
}

.common-pagination.is-dynamic .dot-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}

.dot-box {
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.embla__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.embla__slide {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 0;
}

.detail-info-list,
.detail-info-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface-mid);
  text-align: start;
  word-break: break-word;
}

.detail-info-list:after,
.detail-info-text:after {
  -webkit-transform: scaleX(var(--inline-dir));
  transform: scaleX(var(--inline-dir));
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%2899%2C109%2C116%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  vertical-align: -2px;
  content: '';
}

.detail-info-list .bar,
.detail-info-text .bar {
  display: inline-block;
  width: 1px;
  height: 8px;
  margin: 0 4px;
  background-color: var(--outline-mid);
  vertical-align: 0;
}

.detail-info-text:after {
  display: none;
}

@media screen and (hover: hover) and (pointer: fine) {
  .detail-info-list:hover {
    color: var(--on-surface);
  }

  .detail-info-list:hover .bar {
    background-color: var(--on-surface);
  }

  .detail-info-list:hover:after {
    background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.common-title-wrap {
  padding: 32px 40px 52px;
  background: var(--surface-container);
  font-size: 0;
  text-align: center;
}

.common-title-wrap .common-title-inner {
  max-width: 1920px;
  position: relative;
  margin: 0 auto;
  padding: 0 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.common-title-wrap .common-title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.33333;
  color: var(--on-surface-container);
}

.common-title-wrap .common-sub-title {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface-high);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.common-title-wrap .common-title-btn-previous {
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  margin-top: -12px;
}

.common-title-wrap .ic-arrowset-outlined-24px {
  -webkit-transform: scaleX(var(--inline-dir));
  transform: scaleX(var(--inline-dir));
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3l-9 9 9 9' stroke='rgb%2823%2C38%2C48%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (hover: hover) and (pointer: fine) and (hover: hover) {
  .common-title-wrap .ic-arrowset-outlined-24px:hover:hover {
    border-radius: 4px;
    background-color: rgba(var(--surface-mid-rgb), 0.6);
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}

.common-title-wrap .common-title-btn-close {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  margin-top: -12px;
}

.common-title-wrap .ic-close-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5l-7 7m-7 7l7-7M5 5l7 7m7 7l-7-7' stroke='rgb%2823%2C38%2C48%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (hover: hover) and (pointer: fine) and (hover: hover) {
  .common-title-wrap .ic-close-outlined-24px:hover:hover {
    border-radius: 4px;
    background-color: rgba(var(--surface-mid-rgb), 0.6);
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .common-title-wrap {
    padding: 48px 28px 52px;
  }

  .common-title-wrap .common-title {
    font-size: 18px;
    line-height: 1.33333;
  }

  .common-title-wrap .common-sub-title {
    font-size: 14px;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 600px) {
  .common-title-wrap {
    padding: 15px 16px 17px;
  }

  .common-title-wrap .common-title {
    font-size: 14px;
    line-height: 1.57143;
  }

  .common-title-wrap .common-sub-title {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.66667;
  }
}

.common-title-wrap.type-header {
  padding: 20px 40px;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .common-title-wrap.type-header {
    padding: 18px 28px;
  }
}

@media screen and (max-width: 600px) {
  .common-title-wrap.type-header {
    padding: 17px 16px;
  }
}

@media screen and (min-width: 961px) {
  .common-title-wrap.type-custom .common-title-btn-previous {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .common-title-wrap.type-custom .common-title-btn-previous {
    top: 0;
    inset-inline-start: 28px;
    margin-top: unset;
  }
}

@media screen and (max-width: 600px) {
  .common-title-wrap.type-custom .common-title-btn-previous {
    top: -1px;
    inset-inline-start: 16px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .common-title-wrap.type-custom {
    padding: 18px 28px;
  }
}

@media screen and (max-width: 600px) {
  .common-title-wrap.type-custom {
    padding: 17px 16px;
  }
}

@media screen and (max-width: 960px) {
  .common-title-wrap.type-custom .common-sub-title {
    font-size: 12px;
    line-height: 1.66667;
  }
}

.common-title-wrap.has-shadow {
  -webkit-box-shadow: 0px 2px 4px 0px #0000000a;
  box-shadow: 0px 2px 4px 0px #0000000a;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.amount {
  direction: ltr;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: -moz-isolate;
  unicode-bidi: isolate;
}

.custom-scrollbar {
  overflow: hidden;
  overflow-y: auto;
  scrollbar-gutter: auto;
}

.custom-scrollbar:before {
  float: left;
  width: 16px;
  content: '';
}

.custom-scrollbar::-webkit-scrollbar {
  width: 16px;
}

.custom-scrollbar::-webkit-scrollbar,
.custom-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--on-surface-low);
  border: 6px solid transparent;
  border-radius: 16px;
  background-clip: padding-box;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover,
.custom-scrollbar::-webkit-scrollbar-thumb:active {
  border: 4px solid transparent;
  background-color: var(--surface-container-highest);
}

.custom-scrollbar::-webkit-scrollbar-button,
.custom-scrollbar::-webkit-resizer {
  display: none;
}

.key-visual .btn-box,
.common-vehicle.type-search .btn-box,
.sitemap-util .btn-box,
.theme-banner-section .btn-box,
.vehicle-info .btn-box {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.key-visual .btn-box.btn-box-reverse .btn:first-child,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn:first-child,
.sitemap-util .btn-box.btn-box-reverse .btn:first-child,
.theme-banner-section .btn-box.btn-box-reverse .btn:first-child,
.vehicle-info .btn-box.btn-box-reverse .btn:first-child {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.key-visual .btn-box.btn-box-reverse .btn:last-child,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn:last-child,
.sitemap-util .btn-box.btn-box-reverse .btn:last-child,
.theme-banner-section .btn-box.btn-box-reverse .btn:last-child,
.vehicle-info .btn-box.btn-box-reverse .btn:last-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.key-visual .btn-box .btn,
.common-vehicle.type-search .btn-box .btn,
.sitemap-util .btn-box .btn,
.theme-banner-section .btn-box .btn,
.vehicle-info .btn-box .btn {
  min-width: 120px;
  max-width: 100%;
}

.key-visual .btn-box .btn:not(:only-of-type):not(.btn-full),
.common-vehicle.type-search .btn-box .btn:not(:only-of-type):not(.btn-full),
.sitemap-util .btn-box .btn:not(:only-of-type):not(.btn-full),
.theme-banner-section .btn-box .btn:not(:only-of-type):not(.btn-full),
.vehicle-info .btn-box .btn:not(:only-of-type):not(.btn-full) {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  width: auto;
  min-width: calc(50% - (10px / 2));
}

@supports (-webkit-touch-callout: none) and (not (translate: none)) {

  .key-visual .btn-box,
  .common-vehicle.type-search .btn-box,
  .sitemap-util .btn-box,
  .theme-banner-section .btn-box,
  .vehicle-info .btn-box {
    -webkit-margin-start: -5px;
    margin-inline-start: -5px;
    -webkit-margin-end: -5px;
    margin-inline-end: -5px;
  }

  .key-visual .btn-box .btn,
  .common-vehicle.type-search .btn-box .btn,
  .sitemap-util .btn-box .btn,
  .theme-banner-section .btn-box .btn,
  .vehicle-info .btn-box .btn {
    -webkit-margin-start: calc(10px / 2) 10px;
    margin-inline-start: calc(10px / 2) 10px;
    -webkit-margin-end: calc(10px / 2) 10px;
    margin-inline-end: calc(10px / 2) 10px;
  }

  .key-visual .btn-box .btn:not(:only-of-type):not(.btn-full):not(:first-child),
  .common-vehicle.type-search .btn-box .btn:not(:only-of-type):not(.btn-full):not(:first-child),
  .sitemap-util .btn-box .btn:not(:only-of-type):not(.btn-full):not(:first-child),
  .theme-banner-section .btn-box .btn:not(:only-of-type):not(.btn-full):not(:first-child),
  .vehicle-info .btn-box .btn:not(:only-of-type):not(.btn-full):not(:first-child) {
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
  }
}

.key-visual .btn-box.btn-box-vertical,
.common-vehicle.type-search .btn-box.btn-box-vertical,
.sitemap-util .btn-box.btn-box-vertical,
.theme-banner-section .btn-box.btn-box-vertical,
.vehicle-info .btn-box.btn-box-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.key-visual .btn-box.btn-box-vertical .btn,
.key-visual .btn-box.btn-box-vertical .btn:not(:only-of-type):not(.btn-full),
.common-vehicle.type-search .btn-box.btn-box-vertical .btn,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn:not(:only-of-type):not(.btn-full),
.sitemap-util .btn-box.btn-box-vertical .btn,
.sitemap-util .btn-box.btn-box-vertical .btn:not(:only-of-type):not(.btn-full),
.theme-banner-section .btn-box.btn-box-vertical .btn,
.theme-banner-section .btn-box.btn-box-vertical .btn:not(:only-of-type):not(.btn-full),
.vehicle-info .btn-box.btn-box-vertical .btn,
.vehicle-info .btn-box.btn-box-vertical .btn:not(:only-of-type):not(.btn-full) {
  width: 100%;
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-surface);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before {
  left: 0;
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  right: 0;
}

@media screen and (max-width: 600px) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left {
    padding: 0 20px;
    height: 40px;
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner {
  background-color: transparent;
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1849)"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover {
    background-color: transparent;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner {
    background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="%23F3F4F5"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23F3F4F5"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active {
  background-color: transparent;
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23E8EAEB"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive {
  background-color: transparent;
  color: var(--on-surface-container-mid);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_2621_1870)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="%2305141F" mask="url(%23path-1-inside-1_1232_2023)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23303C47"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2349555F" mask="url(%23path-1-inside-1_3077_999)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%0A%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 4C0 1.79086 1.79086 0 4 0H24V1H4C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before {
    background-color: var(--surface-low);
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):active:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):active:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):active:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):active:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):active:before {
  background-color: var(--surface-mid);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1227_1567" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="white"/%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="%2305141F" mask="url(%23path-1-inside-1_1227_1567)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%2349555F" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23F3F4F5"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23E8EAEB"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Edge"%3E%3Cpath id="Stroke" d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="%2305141F"/%3E%3C/g%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%23CDD0D2"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after,
.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23303C47"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2349555F"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color {
  background-color: transparent;
  color: var(--white-fixed);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover {
  background-color: transparent;
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" /%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active {
  background-color: transparent;
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive {
  background-color: transparent;
  color: var(--fixed-grey60);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.15);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.2);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%234A565E"/%3E%3C/svg%3E%0A');
}

@media screen and (max-width: 960px) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color {
    height: 40px;
    padding: 0 20px;
    background-color: transparent;
    color: var(--white-fixed);
    padding-left: 0;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after {
    width: 20px;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 20px;
    background: transparent;
    border: solid var(--white-fixed);
    border-width: 1px 0;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover {
    background-color: transparent;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.15);
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active {
    background-color: transparent;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.2);
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive {
    color: var(--fixed-grey60);
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
    background-image: none;
    background-color: var(--fixed-grey80);
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 0 0 20px;
    border: 1px solid var(--white-fixed);
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before {
    background: none;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.15);
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before {
    background: none;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.2);
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before {
    background: none;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0 2px 2px;
    background: none;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
    background: none;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
    background-color: var(--fixed-grey80);
    background-image: none;
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.15"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.2"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 25.2476V3.33333C18 2.59695 17.403 2 16.6667 2H2H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.74788 39.4215 2.89204 39.754 2 39.9057C1.63235 39.9682 1.25854 40 0.882387 40H0V38C1.2 38 1.83333 37.9095 2 37.8642C2.50326 37.7401 2.98491 37.5323 3.42404 37.2471L15.875 29.1614C17.2003 28.3007 18 26.8278 18 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after {
    width: 21px;
  }
}

@media screen and (max-width: 960px) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before {
    width: 21px !important;
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  background-color: transparent;
}

@media screen and (max-width: 960px) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
    width: 24px !important;
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-primary);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  left: 0;
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:after {
  right: 0;
}

@media screen and (max-width: 600px) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right {
    padding: 0 20px;
    height: 40px;
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right .btn-inner {
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner {
    background-color: var(--primary-highest);
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):active .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):active .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):active .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):active .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):active .btn-inner {
  background-color: var(--primary-ultimate);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive {
  color: var(--on-surface-container-low-custom);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled .btn-inner,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive .btn-inner {
  background-color: var(--primary-low);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="%2305141F"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="white"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  display: inline-block;
  width: 21px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2823%2C38%2C48%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2823%2C38%2C48%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%2305141F"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28232%2C234%2C235%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28232%2C234%2C235%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before,
.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28204%2C208%2C211%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:after {
  width: 21px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:after {
    background-color: var(--primary-highest);
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:active:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:active:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:active:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:active:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:active:after {
  background-color: var(--primary-ultimate);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="%2305141F"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.dark .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.dark .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.dark .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.dark .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.dark .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:after,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:after {
  background-color: var(--primary-low);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color {
  color: var(--black-fixed);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color .btn-inner {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner {
    background-color: var(--fixed-grey20);
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner {
  background-color: var(--fixed-grey40);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive {
  color: var(--fixed-grey40);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner {
  background-color: var(--fixed-grey80);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="152" height="48" fill="white"/%3E%3Cpath d="M0 6H152V4H0V6ZM152 42H0V44H152V42Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28205%2C208%2C210%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28205%2C208%2C210%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:after {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:after {
    background-color: var(--fixed-grey20);
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:after {
  background-color: var(--fixed-grey40);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:after {
  background-color: var(--fixed-grey80);
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
  .key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
  .common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
  .sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
  .theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
  .vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after {
    width: 21px;
  }
}

.key-visual .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.common-vehicle.type-search .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.sitemap-util .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.theme-banner-section .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.vehicle-info .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  background-color: transparent;
}

.key-visual .btn-box.btn-box-reverse .btn:first-child,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn:first-child,
.sitemap-util .btn-box.btn-box-reverse .btn:first-child,
.theme-banner-section .btn-box.btn-box-reverse .btn:first-child,
.vehicle-info .btn-box.btn-box-reverse .btn:first-child {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.key-visual .btn-box.btn-box-reverse .btn:last-child,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn:last-child,
.sitemap-util .btn-box.btn-box-reverse .btn:last-child,
.theme-banner-section .btn-box.btn-box-reverse .btn:last-child,
.vehicle-info .btn-box.btn-box-reverse .btn:last-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-surface);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before {
  left: 0;
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  right: 0;
}

@media screen and (max-width: 600px) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left {
    padding: 0 20px;
    height: 40px;
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner {
  background-color: transparent;
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1849)"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover {
    background-color: transparent;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner {
    background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="%23F3F4F5"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23F3F4F5"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active {
  background-color: transparent;
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23E8EAEB"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive {
  background-color: transparent;
  color: var(--on-surface-container-mid);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_2621_1870)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="%2305141F" mask="url(%23path-1-inside-1_1232_2023)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23303C47"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2349555F" mask="url(%23path-1-inside-1_3077_999)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%0A%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 4C0 1.79086 1.79086 0 4 0H24V1H4C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before {
    background-color: var(--surface-low);
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):active:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):active:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):active:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):active:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):active:before {
  background-color: var(--surface-mid);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1227_1567" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="white"/%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="%2305141F" mask="url(%23path-1-inside-1_1227_1567)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%2349555F" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23F3F4F5"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23E8EAEB"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Edge"%3E%3Cpath id="Stroke" d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="%2305141F"/%3E%3C/g%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%23CDD0D2"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after,
.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23303C47"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2349555F"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color {
  background-color: transparent;
  color: var(--white-fixed);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover {
  background-color: transparent;
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" /%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active {
  background-color: transparent;
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive {
  background-color: transparent;
  color: var(--fixed-grey60);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.15);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.2);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%234A565E"/%3E%3C/svg%3E%0A');
}

@media screen and (max-width: 960px) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color {
    height: 40px;
    padding: 0 20px;
    background-color: transparent;
    color: var(--white-fixed);
    padding-left: 0;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after {
    width: 20px;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 20px;
    background: transparent;
    border: solid var(--white-fixed);
    border-width: 1px 0;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover {
    background-color: transparent;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.15);
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active {
    background-color: transparent;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.2);
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive {
    color: var(--fixed-grey60);
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
    background-image: none;
    background-color: var(--fixed-grey80);
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 0 0 20px;
    border: 1px solid var(--white-fixed);
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before {
    background: none;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.15);
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before {
    background: none;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.2);
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before {
    background: none;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0 2px 2px;
    background: none;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
    background: none;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
    background-color: var(--fixed-grey80);
    background-image: none;
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.15"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.2"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 25.2476V3.33333C18 2.59695 17.403 2 16.6667 2H2H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.74788 39.4215 2.89204 39.754 2 39.9057C1.63235 39.9682 1.25854 40 0.882387 40H0V38C1.2 38 1.83333 37.9095 2 37.8642C2.50326 37.7401 2.98491 37.5323 3.42404 37.2471L15.875 29.1614C17.2003 28.3007 18 26.8278 18 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after {
    width: 21px;
  }
}

@media screen and (max-width: 960px) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before {
    width: 21px !important;
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  background-color: transparent;
}

@media screen and (max-width: 960px) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
    width: 24px !important;
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-primary);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  left: 0;
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:after {
  right: 0;
}

@media screen and (max-width: 600px) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right {
    padding: 0 20px;
    height: 40px;
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right .btn-inner {
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner {
    background-color: var(--primary-highest);
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):active .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):active .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):active .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):active .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):active .btn-inner {
  background-color: var(--primary-ultimate);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive {
  color: var(--on-surface-container-low-custom);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled .btn-inner,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive .btn-inner {
  background-color: var(--primary-low);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="%2305141F"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="white"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  display: inline-block;
  width: 21px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2823%2C38%2C48%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2823%2C38%2C48%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%2305141F"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28232%2C234%2C235%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28232%2C234%2C235%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before,
.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28204%2C208%2C211%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:after {
  width: 21px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:after {
    background-color: var(--primary-highest);
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:active:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:active:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:active:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:active:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:active:after {
  background-color: var(--primary-ultimate);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="%2305141F"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.dark .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.dark .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.dark .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.dark .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.dark .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:after,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:after {
  background-color: var(--primary-low);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color {
  color: var(--black-fixed);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color .btn-inner {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner {
    background-color: var(--fixed-grey20);
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner {
  background-color: var(--fixed-grey40);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive {
  color: var(--fixed-grey40);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner {
  background-color: var(--fixed-grey80);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="152" height="48" fill="white"/%3E%3Cpath d="M0 6H152V4H0V6ZM152 42H0V44H152V42Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28205%2C208%2C210%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28205%2C208%2C210%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:after {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:after {
    background-color: var(--fixed-grey20);
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:after {
  background-color: var(--fixed-grey40);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:after {
  background-color: var(--fixed-grey80);
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
  .key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
  .common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
  .sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
  .theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
  .vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after {
    width: 21px;
  }
}

.key-visual .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.common-vehicle.type-search .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.sitemap-util .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.theme-banner-section .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.vehicle-info .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  background-color: transparent;
}

.headline-xlarge-b {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2;
}

.headline-large-b {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.16667;
}

.headline-medium-b {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
}

.headline-small-b {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.33333;
}

.title-xlarge-b {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.33333;
}

.title-large-b {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.35714;
}

.title-medium-b {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.33333;
}

.title-small-b {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

.title-xsmall-b {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33333;
}

.body-xlarge-b {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.body-xlarge-r {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}

.body-large-b {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33333;
}

.body-large-b-underline {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33333;
  text-decoration: underline;
}

.body-large-r {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.33333;
}

.body-medium-b {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.body-medium-r {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.body-small-b {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.57143;
}

.body-small-b-underline {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.57143;
  text-decoration: underline;
}

.body-small-r {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
}

.body-small-r-underline {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  text-decoration: underline;
}

.body-xsmall-b {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.53846;
}

.body-xsmall-r {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.53846;
}

.caption-large-b {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.66667;
}

.caption-large-r {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
}

.caption-large-r-underline {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  text-decoration: underline;
}

.caption-medium-b {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.54545;
}

.caption-medium-r {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.54545;
}

.caption-small-b {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
}

.caption-small-r {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}

.btn {
  overflow: hidden;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-width: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.53846;
  height: 40px;
  padding: 0 20px;
}

@media screen and (max-width: 600px) {
  .btn {
    min-width: 0;
  }
}

.btn .btn-inner {
  padding: 0 14px;
}

.btn:disabled,
.btn.is-inactive {
  pointer-events: none;
}

.btn-primary {
  background-color: var(--primary);
  color: var(--on-primary);
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-primary:not(.btn-secondary):not(.btn-liquid):not(.btn-liquid-secondary):not(.btn-liquid-left):not(.btn-liquid-right):not(.btn-liquid-secondary-left):not(.btn-liquid-secondary-right):not(:focus-visible):hover {
    background-color: var(--primary-highest);
  }
}

.btn-primary:not(.btn-secondary):not(.btn-liquid):not(.btn-liquid-secondary):not(.btn-liquid-left):not(.btn-liquid-right):not(.btn-liquid-secondary-left):not(.btn-liquid-secondary-right):not(:focus-visible):active {
  background-color: var(--primary-ultimate);
}

.btn-primary:not(.btn-secondary):not(.btn-liquid):not(.btn-liquid-secondary):not(.btn-liquid-left):not(.btn-liquid-right):not(.btn-liquid-secondary-left):not(.btn-liquid-secondary-right):focus-visible:before {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  border-radius: 2px;
  border: 2px solid var(--outline-lowest);
  content: '';
}

.btn-primary:disabled,
.btn-primary.is-inactive {
  background-color: var(--primary-low);
  color: var(--on-surface-container-low-custom);
  pointer-events: none;
}

.btn-primary-inverse {
  background-color: var(--white-fixed);
  color: var(--black-fixed);
}

.btn-primary-inverse:not(.btn-secondary):not(.btn-liquid):not(.btn-liquid-secondary):not(.btn-liquid-left):not(.btn-liquid-right):not(.btn-liquid-secondary-left):not(.btn-liquid-secondary-right):not(:focus-visible):hover {
  background-color: var(--fixed-grey20);
}

.btn-primary-inverse:not(.btn-secondary):not(.btn-liquid):not(.btn-liquid-secondary):not(.btn-liquid-left):not(.btn-liquid-right):not(.btn-liquid-secondary-left):not(.btn-liquid-secondary-right):not(:focus-visible):active {
  background-color: var(--fixed-grey40);
}

.btn-primary-inverse:not(.btn-secondary):not(.btn-liquid):not(.btn-liquid-secondary):not(.btn-liquid-left):not(.btn-liquid-right):not(.btn-liquid-secondary-left):not(.btn-liquid-secondary-right):focus-visible:before {
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 5px;
  left: 0;
  border-radius: 2px;
  border: 2px solid var(--black-fixed);
  content: '';
}

.btn-primary-inverse:disabled,
.btn-primary-inverse.is-inactive {
  background-color: var(--fixed-grey80);
  color: var(--fixed-grey60);
  pointer-events: none;
}

.btn-secondary {
  background-color: transparent;
  border: 1px solid var(--outline);
  color: var(--on-surface);
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-secondary:not(:focus-visible):hover {
    background-color: var(--surface-low);
  }
}

.btn-secondary:not(:focus-visible):active {
  background-color: var(--surface-mid);
}

.btn-secondary:focus-visible {
  border-color: transparent;
}

.btn-secondary:focus-visible:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  border: 2px solid var(--outline);
  content: '';
}

.btn-secondary:disabled,
.btn-secondary.is-inactive {
  border-color: var(--outline-mid);
  background-color: transparent;
  color: var(--on-surface-container-mid);
}

.btn-tertiary {
  border-radius: 4px;
  border: 1px solid var(--outline-mid);
  color: var(--on-surface);
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-tertiary:hover {
    background-color: var(--surface-low);
  }
}

.btn-tertiary:active {
  background-color: var(--surface-mid);
}

.btn-tertiary:disabled,
.btn-tertiary.is-inactive {
  color: var(--on-surface-low);
}

.btn-quaternary {
  border-radius: 4px;
  border: 1px solid var(--outline-mid);
  color: var(--on-surface-container-highest);
}

.btn-quaternary:hover {
  background-color: var(--surface-low);
  border-color: var(--outline-low);
}

.btn-quaternary:active {
  background-color: var(--surface-mid);
  border-color: var(--outline-low);
}

.btn-quaternary:disabled,
.btn-quaternary.is-inactive {
  color: var(--on-surface-container-mid);
}

.btn-quaternary:focus-visible:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 2px solid var(--outline);
  content: '';
}

.btn-custom {
  background-color: var(--fixed-grey90);
  color: var(--white-fixed);
}

.btn-custom:not(.btn-secondary):not(.btn-liquid):not(.btn-liquid-secondary):not(.btn-liquid-left):not(.btn-liquid-right):not(.btn-liquid-secondary-left):not(.btn-liquid-secondary-right):not(:focus-visible):hover,
.btn-custom:not(.btn-secondary):not(.btn-liquid):not(.btn-liquid-secondary):not(.btn-liquid-left):not(.btn-liquid-right):not(.btn-liquid-secondary-left):not(.btn-liquid-secondary-right):not(:focus-visible):active {
  background-color: var(--fixed-grey60);
}

.btn-custom:not(.btn-secondary):not(.btn-liquid):not(.btn-liquid-secondary):not(.btn-liquid-left):not(.btn-liquid-right):not(.btn-liquid-secondary-left):not(.btn-liquid-secondary-right):focus-visible:before {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  border-radius: 2px;
  border: 2px solid var(--outline-lowest);
  content: '';
}

.btn-custom:disabled,
.btn-custom.is-inactive {
  background-color: var(--primary-low);
  color: var(--on-primary-mid);
  pointer-events: none;
}

.btn-custom-line {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  border: 1px solid var(--white-fixed);
  border-radius: 4px;
  color: var(--white-fixed);
}

.btn-custom-line:hover {
  background-color: var(--fixed-grey80);
}

.btn-custom-line:active {
  background-color: var(--fixed-grey90);
}

.btn-custom-line:disabled,
.btn-custom-line.is-inactive {
  color: var(--fixed-grey60);
  background-color: var(--fixed-grey80);
  border-color: var(--fixed-grey80);
}

.btn-custom-line:not(:focus-visible):hover .text,
.btn-custom-line:not(:focus-visible):active .text {
  text-decoration: none;
}

.btn-cancel {
  border-radius: 4px;
  background-color: var(--surface-low);
  color: var(--on-surface-mid);
}

.btn-ic {
  min-width: 0;
  height: auto;
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  line-height: 1;
}

@media screen and (hover: hover) and (hover: hover) {
  .btn-ic:hover .ic:hover {
    border-radius: 4px;
    background-color: rgba(var(--surface-mid-rgb), 0.6);
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}

.btn-ic-circle {
  min-width: 0;
  padding: 0;
  border-radius: 100%;
  width: 44px;
  height: 44px;
  background-color: var(--primary);
  line-height: 1;
}

.btn-ic-circle:hover {
  background-color: var(--primary-low);
}

.btn-ic-circle:active {
  background-color: var(--primary-ultimate);
}

.btn-ic-circle .ic {
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 600px) {
  .btn-ic-circle {
    width: 34px;
    height: 34px;
  }

  .btn-ic-circle .ic {
    width: 16px;
    height: 16px;
  }
}

.btn-liquid {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-primary);
}

.btn-liquid:before,
.btn-liquid:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.btn-liquid:before {
  left: 0;
}

.btn-liquid:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .btn-liquid {
    padding: 0 20px;
    height: 40px;
  }
}

.btn-liquid .btn-inner {
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid:not(:focus-visible):hover .btn-inner {
    background-color: var(--primary-highest);
  }
}

.btn-liquid:not(:focus-visible):active .btn-inner {
  background-color: var(--primary-ultimate);
}

.btn-liquid:disabled,
.btn-liquid.is-inactive {
  color: var(--on-surface-container-low-custom);
}

.btn-liquid:disabled .btn-inner,
.btn-liquid.is-inactive .btn-inner {
  background-color: var(--primary-low);
}

.btn-liquid:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="%2305141F"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="white"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.btn-liquid:before {
  display: inline-block;
  width: 21px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .btn-liquid:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-liquid:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2823%2C38%2C48%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2823%2C38%2C48%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid:focus-visible:hover:before,
.btn-liquid:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%2305141F"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.btn-liquid:disabled:before,
.btn-liquid.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28232%2C234%2C235%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28232%2C234%2C235%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid:hover:before,
.dark .btn-liquid:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28204%2C208%2C211%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid:focus-visible:hover:before,
.dark .btn-liquid:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid:disabled:before,
.dark .btn-liquid.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid:after {
  display: inline-block;
  width: 21px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid:hover:after {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-liquid:active:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2823%2C38%2C48%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2823%2C38%2C48%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid:focus-visible:hover:after,
.btn-liquid:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%2305141F"/%3E%3Cpath d="M0 44H0.882387C2.17121 44 3.43241 43.6264 4.51331 42.9245L16.9643 34.8387C18.8575 33.6092 20 31.5051 20 29.2476V7.33333C20 5.49238 18.5076 4 16.6667 4H0V6H16.6667C17.403 6 18 6.59695 18 7.33333V29.2476C18 30.8278 17.2003 32.3007 15.875 33.1614L3.42404 41.2471C2.6674 41.7385 1.78457 42 0.882387 42H0V44Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.btn-liquid:disabled:after,
.btn-liquid.is-inactive:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28232%2C234%2C235%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28232%2C234%2C235%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid:hover:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28204%2C208%2C211%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid:active:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28242%2C244%2C246%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28242%2C244%2C246%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid:focus-visible:hover:after,
.dark .btn-liquid:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="white"/%3E%3Cpath d="M0 44H0.882387C2.17121 44 3.43241 43.6264 4.51331 42.9245L16.9643 34.8387C18.8575 33.6092 20 31.5051 20 29.2476V7.33333C20 5.49238 18.5076 4 16.6667 4H0V6H16.6667C17.403 6 18 6.59695 18 7.33333V29.2476C18 30.8278 17.2003 32.3007 15.875 33.1614L3.42404 41.2471C2.6674 41.7385 1.78457 42 0.882387 42H0V44Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid:disabled:after,
.dark .btn-liquid.is-inactive:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid.btn-fixed-color {
  color: var(--black-fixed);
}

.btn-liquid.btn-fixed-color .btn-inner {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid.btn-fixed-color:not(:focus-visible):hover .btn-inner {
    background-color: var(--fixed-grey20);
  }
}

.btn-liquid.btn-fixed-color:not(:focus-visible):active .btn-inner {
  background-color: var(--fixed-grey40);
}

.btn-liquid.btn-fixed-color:disabled,
.btn-liquid.btn-fixed-color.is-inactive {
  color: var(--fixed-grey40);
}

.btn-liquid.btn-fixed-color:disabled .btn-inner,
.btn-liquid.btn-fixed-color.is-inactive .btn-inner {
  background-color: var(--fixed-grey80);
}

.btn-liquid.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="152" height="48" fill="white"/%3E%3Cpath d="M0 6H152V4H0V6ZM152 42H0V44H152V42Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.btn-liquid.btn-fixed-color:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid.btn-fixed-color:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28205%2C208%2C210%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28205%2C208%2C210%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-liquid.btn-fixed-color:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid.btn-fixed-color:focus-visible:hover:before,
.btn-liquid.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.btn-liquid.btn-fixed-color:disabled:before,
.btn-liquid.btn-fixed-color.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid.btn-fixed-color:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid.btn-fixed-color:hover:after {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28205%2C208%2C210%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28205%2C208%2C210%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-liquid.btn-fixed-color:active:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid.btn-fixed-color:focus-visible:hover:after,
.btn-liquid.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="white"/%3E%3Cpath d="M0 44H0.882387C2.17121 44 3.43241 43.6264 4.51331 42.9245L16.9643 34.8387C18.8575 33.6092 20 31.5051 20 29.2476V7.33333C20 5.49238 18.5076 4 16.6667 4H0V6H16.6667C17.403 6 18 6.59695 18 7.33333V29.2476C18 30.8278 17.2003 32.3007 15.875 33.1614L3.42404 41.2471C2.6674 41.7385 1.78457 42 0.882387 42H0V44Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.btn-liquid.btn-fixed-color:disabled:after,
.btn-liquid.btn-fixed-color.is-inactive:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid.btn-fixed-color:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid.btn-fixed-color:hover:after,
.dark .btn-liquid.btn-fixed-color:active:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28204%2C208%2C211%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid.btn-fixed-color:focus-visible:hover:after,
.dark .btn-liquid.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="white"/%3E%3Cpath d="M0 44H0.882387C2.17121 44 3.43241 43.6264 4.51331 42.9245L16.9643 34.8387C18.8575 33.6092 20 31.5051 20 29.2476V7.33333C20 5.49238 18.5076 4 16.6667 4H0V6H16.6667C17.403 6 18 6.59695 18 7.33333V29.2476C18 30.8278 17.2003 32.3007 15.875 33.1614L3.42404 41.2471C2.6674 41.7385 1.78457 42 0.882387 42H0V44Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid.btn-fixed-color:disabled:after,
.dark .btn-liquid.btn-fixed-color.is-inactive:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid.btn-large:before,
.btn-liquid.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .btn-liquid.btn-large:before,
  .btn-liquid.btn-large:after {
    width: 21px;
  }
}

.btn-liquid-right {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-primary);
}

.btn-liquid-right:before,
.btn-liquid-right:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.btn-liquid-right:before {
  left: 0;
}

.btn-liquid-right:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .btn-liquid-right {
    padding: 0 20px;
    height: 40px;
  }
}

.btn-liquid-right .btn-inner {
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-right:not(:focus-visible):hover .btn-inner {
    background-color: var(--primary-highest);
  }
}

.btn-liquid-right:not(:focus-visible):active .btn-inner {
  background-color: var(--primary-ultimate);
}

.btn-liquid-right:disabled,
.btn-liquid-right.is-inactive {
  color: var(--on-surface-container-low-custom);
}

.btn-liquid-right:disabled .btn-inner,
.btn-liquid-right.is-inactive .btn-inner {
  background-color: var(--primary-low);
}

.btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="%2305141F"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="white"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.btn-liquid-right:before {
  background-color: var(--primary);
  width: 21px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-right:hover:before {
    background-color: var(--primary-highest);
  }
}

.btn-liquid-right:active:before {
  background-color: var(--primary-ultimate);
}

.btn-liquid-right:focus-visible:hover:before,
.btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="%2305141F"/%3E%3Cpath d="M4 7C4 5.34315 5.34315 4 7 4H24V6H7C6.44772 6 6 6.44772 6 7H4ZM24 44H7C5.34315 44 4 42.6569 4 41H6C6 41.5523 6.44772 42 7 42H24V44ZM7 44C5.34315 44 4 42.6569 4 41V7C4 5.34315 5.34315 4 7 4V6C6.44772 6 6 6.44772 6 7V41C6 41.5523 6.44772 42 7 42V44ZM24 5V43V5Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-right:focus-visible:hover:before,
.dark .btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="white"/%3E%3Cpath d="M4 7C4 5.34315 5.34315 4 7 4H24V6H7C6.44772 6 6 6.44772 6 7H4ZM24 44H7C5.34315 44 4 42.6569 4 41H6C6 41.5523 6.44772 42 7 42H24V44ZM7 44C5.34315 44 4 42.6569 4 41V7C4 5.34315 5.34315 4 7 4V6C6.44772 6 6 6.44772 6 7V41C6 41.5523 6.44772 42 7 42V44ZM24 5V43V5Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.btn-liquid-right:disabled:before,
.btn-liquid-right.is-inactive:before {
  background-color: var(--primary-low);
}

.btn-liquid-right:after {
  display: inline-block;
  width: 21px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-right:hover:after {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-liquid-right:active:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2823%2C38%2C48%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2823%2C38%2C48%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid-right:focus-visible:hover:after,
.btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%2305141F"/%3E%3Cpath d="M0 44H0.882387C2.17121 44 3.43241 43.6264 4.51331 42.9245L16.9643 34.8387C18.8575 33.6092 20 31.5051 20 29.2476V7.33333C20 5.49238 18.5076 4 16.6667 4H0V6H16.6667C17.403 6 18 6.59695 18 7.33333V29.2476C18 30.8278 17.2003 32.3007 15.875 33.1614L3.42404 41.2471C2.6674 41.7385 1.78457 42 0.882387 42H0V44Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.btn-liquid-right:disabled:after,
.btn-liquid-right.is-inactive:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28232%2C234%2C235%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28232%2C234%2C235%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid-right:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid-right:hover:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28204%2C208%2C211%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid-right:active:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28242%2C244%2C246%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28242%2C244%2C246%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid-right:focus-visible:hover:after,
.dark .btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="white"/%3E%3Cpath d="M0 44H0.882387C2.17121 44 3.43241 43.6264 4.51331 42.9245L16.9643 34.8387C18.8575 33.6092 20 31.5051 20 29.2476V7.33333C20 5.49238 18.5076 4 16.6667 4H0V6H16.6667C17.403 6 18 6.59695 18 7.33333V29.2476C18 30.8278 17.2003 32.3007 15.875 33.1614L3.42404 41.2471C2.6674 41.7385 1.78457 42 0.882387 42H0V44Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-right:disabled:after,
.dark .btn-liquid-right.is-inactive:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid-right.btn-fixed-color {
  color: var(--black-fixed);
}

.btn-liquid-right.btn-fixed-color .btn-inner {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner {
    background-color: var(--fixed-grey20);
  }
}

.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner {
  background-color: var(--fixed-grey40);
}

.btn-liquid-right.btn-fixed-color:disabled,
.btn-liquid-right.btn-fixed-color.is-inactive {
  color: var(--fixed-grey40);
}

.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner {
  background-color: var(--fixed-grey80);
}

.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="152" height="48" fill="white"/%3E%3Cpath d="M0 6H152V4H0V6ZM152 42H0V44H152V42Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.btn-liquid-right.btn-fixed-color:before {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-right.btn-fixed-color:hover:before {
    background-color: var(--fixed-grey20);
  }
}

.btn-liquid-right.btn-fixed-color:active:before {
  background-color: var(--fixed-grey40);
}

.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.btn-liquid-right.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="white"/%3E%3Cpath d="M4 7C4 5.34315 5.34315 4 7 4H24V6H7C6.44772 6 6 6.44772 6 7H4ZM24 44H7C5.34315 44 4 42.6569 4 41H6C6 41.5523 6.44772 42 7 42H24V44ZM7 44C5.34315 44 4 42.6569 4 41V7C4 5.34315 5.34315 4 7 4V6C6.44772 6 6 6.44772 6 7V41C6 41.5523 6.44772 42 7 42V44ZM24 5V43V5Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.btn-liquid-right.btn-fixed-color:disabled:before,
.btn-liquid-right.btn-fixed-color.is-inactive:before {
  background-color: var(--fixed-grey80);
}

.btn-liquid-right.btn-fixed-color:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-right.btn-fixed-color:hover:after {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28205%2C208%2C210%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28205%2C208%2C210%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-liquid-right.btn-fixed-color:active:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.btn-liquid-right.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="white"/%3E%3Cpath d="M0 44H0.882387C2.17121 44 3.43241 43.6264 4.51331 42.9245L16.9643 34.8387C18.8575 33.6092 20 31.5051 20 29.2476V7.33333C20 5.49238 18.5076 4 16.6667 4H0V6H16.6667C17.403 6 18 6.59695 18 7.33333V29.2476C18 30.8278 17.2003 32.3007 15.875 33.1614L3.42404 41.2471C2.6674 41.7385 1.78457 42 0.882387 42H0V44Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.btn-liquid-right.btn-fixed-color:disabled:after,
.btn-liquid-right.btn-fixed-color.is-inactive:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid-right.btn-fixed-color:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid-right.btn-fixed-color:hover:after,
.dark .btn-liquid-right.btn-fixed-color:active:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%28204%2C208%2C211%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.dark .btn-liquid-right.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="white"/%3E%3Cpath d="M0 44H0.882387C2.17121 44 3.43241 43.6264 4.51331 42.9245L16.9643 34.8387C18.8575 33.6092 20 31.5051 20 29.2476V7.33333C20 5.49238 18.5076 4 16.6667 4H0V6H16.6667C17.403 6 18 6.59695 18 7.33333V29.2476C18 30.8278 17.2003 32.3007 15.875 33.1614L3.42404 41.2471C2.6674 41.7385 1.78457 42 0.882387 42H0V44Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-right.btn-fixed-color:disabled:after,
.dark .btn-liquid-right.btn-fixed-color.is-inactive:after {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid-right.btn-large:before,
.btn-liquid-right.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .btn-liquid-right.btn-large:before,
  .btn-liquid-right.btn-large:after {
    width: 21px;
  }
}

.btn-liquid-left {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-primary);
}

.btn-liquid-left:before,
.btn-liquid-left:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.btn-liquid-left:before {
  left: 0;
}

.btn-liquid-left:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .btn-liquid-left {
    padding: 0 20px;
    height: 40px;
  }
}

.btn-liquid-left .btn-inner {
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-left:not(:focus-visible):hover .btn-inner {
    background-color: var(--primary-highest);
  }
}

.btn-liquid-left:not(:focus-visible):active .btn-inner {
  background-color: var(--primary-ultimate);
}

.btn-liquid-left:disabled,
.btn-liquid-left.is-inactive {
  color: var(--on-surface-container-low-custom);
}

.btn-liquid-left:disabled .btn-inner,
.btn-liquid-left.is-inactive .btn-inner {
  background-color: var(--primary-low);
}

.btn-liquid-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="%2305141F"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="white"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.btn-liquid-left:before {
  display: inline-block;
  width: 21px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .btn-liquid-left:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-left:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-liquid-left:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2823%2C38%2C48%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2823%2C38%2C48%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid-left:focus-visible:hover:before,
.btn-liquid-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%2305141F"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.btn-liquid-left:disabled:before,
.btn-liquid-left.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28232%2C234%2C235%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28232%2C234%2C235%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid-left:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid-left:hover:before,
.dark .btn-liquid-left:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28204%2C208%2C211%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-liquid-left:focus-visible:hover:before,
.dark .btn-liquid-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-left:disabled:before,
.dark .btn-liquid-left.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid-left:after {
  width: 21px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-left:hover:after {
    background-color: var(--primary-highest);
  }
}

.btn-liquid-left:active:after {
  background-color: var(--primary-ultimate);
}

.btn-liquid-left:focus-visible:hover:after,
.btn-liquid-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="%2305141F"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-left:focus-visible:hover:after,
.dark .btn-liquid-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.btn-liquid-left:disabled:after,
.btn-liquid-left.is-inactive:after {
  background-color: var(--primary-low);
}

.btn-liquid-left.btn-fixed-color {
  color: var(--black-fixed);
}

.btn-liquid-left.btn-fixed-color .btn-inner {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-left.btn-fixed-color:not(:focus-visible):hover .btn-inner {
    background-color: var(--fixed-grey20);
  }
}

.btn-liquid-left.btn-fixed-color:not(:focus-visible):active .btn-inner {
  background-color: var(--fixed-grey40);
}

.btn-liquid-left.btn-fixed-color:disabled,
.btn-liquid-left.btn-fixed-color.is-inactive {
  color: var(--fixed-grey40);
}

.btn-liquid-left.btn-fixed-color:disabled .btn-inner,
.btn-liquid-left.btn-fixed-color.is-inactive .btn-inner {
  background-color: var(--fixed-grey80);
}

.btn-liquid-left.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="152" height="48" fill="white"/%3E%3Cpath d="M0 6H152V4H0V6ZM152 42H0V44H152V42Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.btn-liquid-left.btn-fixed-color:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-left.btn-fixed-color:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28205%2C208%2C210%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28205%2C208%2C210%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-liquid-left.btn-fixed-color:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid-left.btn-fixed-color:focus-visible:hover:before,
.btn-liquid-left.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.btn-liquid-left.btn-fixed-color:disabled:before,
.btn-liquid-left.btn-fixed-color.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-liquid-left.btn-fixed-color:after {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-left.btn-fixed-color:hover:after {
    background-color: var(--fixed-grey20);
  }
}

.btn-liquid-left.btn-fixed-color:active:after {
  background-color: var(--fixed-grey40);
}

.btn-liquid-left.btn-fixed-color:focus-visible:hover:after,
.btn-liquid-left.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.btn-liquid-left.btn-fixed-color:disabled:after,
.btn-liquid-left.btn-fixed-color.is-inactive:after {
  background-color: var(--fixed-grey80);
}

.btn-liquid-left.btn-large:before,
.btn-liquid-left.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .btn-liquid-left.btn-large:before,
  .btn-liquid-left.btn-large:after {
    width: 21px;
  }
}

.btn-liquid-secondary {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-surface);
}

.btn-liquid-secondary:before,
.btn-liquid-secondary:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.btn-liquid-secondary:before {
  left: 0;
}

.btn-liquid-secondary:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .btn-liquid-secondary {
    padding: 0 20px;
    height: 40px;
  }
}

.btn-liquid-secondary .btn-inner {
  background-color: transparent;
}

.btn-liquid-secondary .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1849)"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-secondary:hover {
    background-color: transparent;
  }

  .btn-liquid-secondary:hover .btn-inner {
    background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="%23F3F4F5"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23F3F4F5"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
  }
}

.btn-liquid-secondary:active {
  background-color: transparent;
}

.btn-liquid-secondary:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23E8EAEB"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary:disabled,
.btn-liquid-secondary.is-inactive {
  background-color: transparent;
  color: var(--on-surface-container-mid);
}

.btn-liquid-secondary:disabled .btn-inner,
.btn-liquid-secondary.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_2621_1870)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="%2305141F" mask="url(%23path-1-inside-1_1232_2023)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary:hover .btn-inner,
.dark .btn-liquid-secondary:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23303C47"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary:disabled .btn-inner,
.dark .btn-liquid-secondary.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2349555F" mask="url(%23path-1-inside-1_3077_999)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-secondary:hover:before {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%23F3F4F5"/%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
  }
}

.btn-liquid-secondary:active:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%23E8EAEB"/%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary:focus-visible:hover:before,
.btn-liquid-secondary:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Edge"%3E%3Cpath id="Stroke" d="M2 44V17.7029C2 15.6711 3.0282 13.7774 4.73216 12.6709L19.6733 2.96798C20.6461 2.33623 21.7812 2 22.9411 2H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V46H4C2.89543 46 2 45.1046 2 44Z" fill="%2305141F"/%3E%3C/g%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary:disabled:before,
.btn-liquid-secondary.is-inactive:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="%23CDD0D2"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary:hover:before,
.dark .btn-liquid-secondary:active:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%23303C47"/%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary:focus-visible:hover:before,
.dark .btn-liquid-secondary:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 44V17.7029C2 15.6711 3.0282 13.7774 4.73216 12.6709L19.6733 2.96798C20.6461 2.33623 21.7812 2 22.9411 2H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V46H4C2.89543 46 2 45.1046 2 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary:disabled:before,
.dark .btn-liquid-secondary.is-inactive:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="%2349555F"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-secondary:hover:after {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23F3F4F5"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
  }
}

.btn-liquid-secondary:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23E8EAEB"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary:focus-visible:hover:after,
.btn-liquid-secondary:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Edge"%3E%3Cpath id="Stroke" d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="%2305141F"/%3E%3C/g%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary:disabled:after,
.btn-liquid-secondary.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%23CDD0D2"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary:hover:after,
.dark .btn-liquid-secondary:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23303C47"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary:focus-visible:hover:after,
.dark .btn-liquid-secondary:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary:disabled:after,
.dark .btn-liquid-secondary.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2349555F"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color {
  background-color: transparent;
  color: var(--white-fixed);
}

.btn-liquid-secondary.btn-fixed-color .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:hover {
  background-color: transparent;
}

.btn-liquid-secondary.btn-fixed-color:hover .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" /%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:active {
  background-color: transparent;
}

.btn-liquid-secondary.btn-fixed-color:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:disabled,
.btn-liquid-secondary.btn-fixed-color.is-inactive {
  background-color: transparent;
  color: var(--fixed-grey60);
}

.btn-liquid-secondary.btn-fixed-color:disabled .btn-inner,
.btn-liquid-secondary.btn-fixed-color.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:hover:before {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:active:before {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:focus-visible:hover:before,
.btn-liquid-secondary.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 44V17.7029C2 15.6711 3.0282 13.7774 4.73216 12.6709L19.6733 2.96798C20.6461 2.33623 21.7812 2 22.9411 2H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V46H4C2.89543 46 2 45.1046 2 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:disabled:before,
.btn-liquid-secondary.btn-fixed-color.is-inactive:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="%234A565E"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:hover:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:active:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary.btn-fixed-color:disabled:after,
.btn-liquid-secondary.btn-fixed-color.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%234A565E"/%3E%3C/svg%3E%0A');
}

@media screen and (max-width: 960px) {
  .btn-liquid-secondary.btn-fixed-color {
    height: 40px;
    padding: 0 20px;
    background-color: transparent;
    color: var(--white-fixed);
  }

  .btn-liquid-secondary.btn-fixed-color:before,
  .btn-liquid-secondary.btn-fixed-color:after,
  .btn-liquid-secondary.btn-fixed-color.btn-large:before,
  .btn-liquid-secondary.btn-fixed-color.btn-large:after {
    width: 20px;
  }

  .btn-liquid-secondary.btn-fixed-color .btn-inner {
    padding: 0 20px;
    background: transparent;
    border: solid var(--white-fixed);
    border-width: 1px 0;
  }

  .btn-liquid-secondary.btn-fixed-color:hover {
    background-color: transparent;
  }

  .btn-liquid-secondary.btn-fixed-color:hover .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.15);
  }

  .btn-liquid-secondary.btn-fixed-color:active {
    background-color: transparent;
  }

  .btn-liquid-secondary.btn-fixed-color:active .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.2);
  }

  .btn-liquid-secondary.btn-fixed-color:disabled,
  .btn-liquid-secondary.btn-fixed-color.is-inactive {
    color: var(--fixed-grey60);
  }

  .btn-liquid-secondary.btn-fixed-color:disabled .btn-inner,
  .btn-liquid-secondary.btn-fixed-color.is-inactive .btn-inner {
    background-image: none;
    background-color: var(--fixed-grey80);
  }

  .btn-liquid-secondary.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0;
  }

  .btn-liquid-secondary.btn-fixed-color:before {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 14.7524V36.6667C1 37.9553 2.04467 39 3.33333 39H19H20V40H3.33333C1.49238 40 0 38.5076 0 36.6667V14.7524C0 12.4949 1.14245 10.3908 3.03574 9.16127L15.4867 1.07553C16.5347 0.394951 17.7522 0.0230477 19 0.00103717C19.0392 0.00034615 19.0784 0 19.1176 0H20V1.00122H19C17.9455 1.0231 16.9172 1.33892 16.0313 1.9142L3.58038 9.99994C1.97108 11.045 1 12.8335 1 14.7524Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary.btn-fixed-color:hover:before {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.03574 9.16127C1.14245 10.3908 0 12.4949 0 14.7524V36.6667C0 38.5076 1.49238 40 3.33333 40H20V0H19.1176C17.8288 0 16.5676 0.373584 15.4867 1.07553L3.03574 9.16127Z" fill="white" fill-opacity="0.15"/%3E%3Cpath d="M1 14.7524V36.6667C1 37.9553 2.04467 39 3.33333 39H19H20V40H3.33333C1.49238 40 0 38.5076 0 36.6667V14.7524C0 12.4949 1.14245 10.3908 3.03574 9.16127L15.4867 1.07553C16.5347 0.394951 17.7522 0.0230477 19 0.00103717C19.0392 0.00034615 19.0784 0 19.1176 0H20V1.00122H19C17.9455 1.0231 16.9172 1.33892 16.0313 1.9142L3.58038 9.99994C1.97108 11.045 1 12.8335 1 14.7524Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary.btn-fixed-color:active:before {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.03574 9.16127C1.14245 10.3908 0 12.4949 0 14.7524V36.6667C0 38.5076 1.49238 40 3.33333 40H20V0H19.1176C17.8288 0 16.5676 0.373584 15.4867 1.07553L3.03574 9.16127Z" fill="white" fill-opacity="0.2"/%3E%3Cpath d="M1 14.7524V36.6667C1 37.9553 2.04467 39 3.33333 39H19H20V40H3.33333C1.49238 40 0 38.5076 0 36.6667V14.7524C0 12.4949 1.14245 10.3908 3.03574 9.16127L15.4867 1.07553C16.5347 0.394951 17.7522 0.0230477 19 0.00103717C19.0392 0.00034615 19.0784 0 19.1176 0H20V1.00122H19C17.9455 1.0231 16.9172 1.33892 16.0313 1.9142L3.58038 9.99994C1.97108 11.045 1 12.8335 1 14.7524Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary.btn-fixed-color:focus-visible:before {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 14.7524V36.6667C2 37.403 2.59695 38 3.33333 38H18H20V40H3.33333C1.49238 40 0 38.5076 0 36.6667V14.7524C0 12.4949 1.14245 10.3908 3.03574 9.16127L15.4867 1.07553C16.2521 0.578453 17.108 0.246038 18 0.0943434C18.3677 0.0318226 18.7415 0 19.1176 0H20V2C18.8 2 18.1667 2.09054 18 2.1358C17.4967 2.25994 17.0151 2.4677 16.576 2.75287L4.12502 10.8386C2.79972 11.6993 2 13.1722 2 14.7524Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary.btn-fixed-color:disabled:before,
  .btn-liquid-secondary.btn-fixed-color.is-inactive:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .btn-liquid-secondary.btn-fixed-color:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary.btn-fixed-color:hover:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.15"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary.btn-fixed-color:active:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.2"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary.btn-fixed-color:focus-visible:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 25.2476V3.33333C18 2.59695 17.403 2 16.6667 2H2H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.74788 39.4215 2.89204 39.754 2 39.9057C1.63235 39.9682 1.25854 40 0.882387 40H0V38C1.2 38 1.83333 37.9095 2 37.8642C2.50326 37.7401 2.98491 37.5323 3.42404 37.2471L15.875 29.1614C17.2003 28.3007 18 26.8278 18 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary.btn-fixed-color:disabled:after,
  .btn-liquid-secondary.btn-fixed-color.is-inactive:after {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-liquid-secondary.btn-large:before,
.btn-liquid-secondary.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .btn-liquid-secondary.btn-large:before,
  .btn-liquid-secondary.btn-large:after {
    width: 21px;
  }
}

.btn-liquid-secondary-left {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-surface);
}

.btn-liquid-secondary-left:before,
.btn-liquid-secondary-left:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.btn-liquid-secondary-left:before {
  left: 0;
}

.btn-liquid-secondary-left:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .btn-liquid-secondary-left {
    padding: 0 20px;
    height: 40px;
  }
}

.btn-liquid-secondary-left .btn-inner {
  background-color: transparent;
}

.btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1849)"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-secondary-left:hover {
    background-color: transparent;
  }

  .btn-liquid-secondary-left:hover .btn-inner {
    background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="%23F3F4F5"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23F3F4F5"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
  }
}

.btn-liquid-secondary-left:active {
  background-color: transparent;
}

.btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23E8EAEB"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left:disabled,
.btn-liquid-secondary-left.is-inactive {
  background-color: transparent;
  color: var(--on-surface-container-mid);
}

.btn-liquid-secondary-left:disabled .btn-inner,
.btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_2621_1870)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="%2305141F" mask="url(%23path-1-inside-1_1232_2023)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-left:hover .btn-inner,
.dark .btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23303C47"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-left:disabled .btn-inner,
.dark .btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2349555F" mask="url(%23path-1-inside-1_3077_999)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-secondary-left:hover:before {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%23F3F4F5"/%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
  }
}

.btn-liquid-secondary-left:active:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%23E8EAEB"/%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left:focus-visible:hover:before,
.btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Edge"%3E%3Cpath id="Stroke" d="M2 44V17.7029C2 15.6711 3.0282 13.7774 4.73216 12.6709L19.6733 2.96798C20.6461 2.33623 21.7812 2 22.9411 2H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V46H4C2.89543 46 2 45.1046 2 44Z" fill="%2305141F"/%3E%3C/g%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left:disabled:before,
.btn-liquid-secondary-left.is-inactive:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="%23CDD0D2"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-left:hover:before,
.dark .btn-liquid-secondary-left:active:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%23303C47"/%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-left:focus-visible:hover:before,
.dark .btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 44V17.7029C2 15.6711 3.0282 13.7774 4.73216 12.6709L19.6733 2.96798C20.6461 2.33623 21.7812 2 22.9411 2H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V46H4C2.89543 46 2 45.1046 2 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-left:disabled:before,
.dark .btn-liquid-secondary-left.is-inactive:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="%2349555F"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%0A%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M24 4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V44C23 45.6569 21.6569 47 20 47H0V48H20C22.2091 48 24 46.2091 24 44V4Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-secondary-left:not(:focus-visible):hover:after {
    background-color: var(--surface-low);
  }
}

.btn-liquid-secondary-left:not(:focus-visible):active:after {
  background-color: var(--surface-mid);
}

.btn-liquid-secondary-left:focus-visible:hover:after,
.btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1227_1320" fill="white"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="none"/%3E%3Cpath d="M0 -2H20C23.3137 -2 26 0.686292 26 4H22C22 2.89543 21.1046 2 20 2H0V-2ZM26 44C26 47.3137 23.3137 50 20 50H0V46H20C21.1046 46 22 45.1046 22 44H26ZM0 48V0V48ZM20 -2C23.3137 -2 26 0.686292 26 4V44C26 47.3137 23.3137 50 20 50V46C21.1046 46 22 45.1046 22 44V4C22 2.89543 21.1046 2 20 2V-2Z" fill="%2305141F" mask="url(%23path-1-inside-1_1227_1320)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left:disabled:after,
.btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 -1H20C22.7614 -1 25 1.23858 25 4H23C23 2.34315 21.6569 1 20 1H0V-1ZM25 44C25 46.7614 22.7614 49 20 49H0V47H20C21.6569 47 23 45.6569 23 44H25ZM0 48V0V48ZM20 -1C22.7614 -1 25 1.23858 25 4V44C25 46.7614 22.7614 49 20 49V47C21.6569 47 23 45.6569 23 44V4C23 2.34315 21.6569 1 20 1V-1Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_2621_1872)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 -1H20C22.7614 -1 25 1.23858 25 4H23C23 2.34315 21.6569 1 20 1H0V-1ZM25 44C25 46.7614 22.7614 49 20 49H0V47H20C21.6569 47 23 45.6569 23 44H25ZM0 48V0V48ZM20 -1C22.7614 -1 25 1.23858 25 4V44C25 46.7614 22.7614 49 20 49V47C21.6569 47 23 45.6569 23 44V4C23 2.34315 21.6569 1 20 1V-1Z" fill="white" mask="url(%23path-1-inside-1_3077_767)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-left:not(:focus-visible):hover:after,
.dark .btn-liquid-secondary-left:not(:focus-visible):active:after {
  background-color: var(--surface-low);
}

.dark .btn-liquid-secondary-left:focus-visible:hover:after,
.dark .btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 -2H20C23.3137 -2 26 0.686292 26 4H22C22 2.89543 21.1046 2 20 2H0V-2ZM26 44C26 47.3137 23.3137 50 20 50H0V46H20C21.1046 46 22 45.1046 22 44H26ZM0 48V0V48ZM20 -2C23.3137 -2 26 0.686292 26 4V44C26 47.3137 23.3137 50 20 50V46C21.1046 46 22 45.1046 22 44V4C22 2.89543 21.1046 2 20 2V-2Z" fill="white" mask="url(%23path-1-inside-1_3077_844)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-left:disabled:after,
.dark .btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 -1H20C22.7614 -1 25 1.23858 25 4H23C23 2.34315 21.6569 1 20 1H0V-1ZM25 44C25 46.7614 22.7614 49 20 49H0V47H20C21.6569 47 23 45.6569 23 44H25ZM0 48V0V48ZM20 -1C22.7614 -1 25 1.23858 25 4V44C25 46.7614 22.7614 49 20 49V47C21.6569 47 23 45.6569 23 44V4C23 2.34315 21.6569 1 20 1V-1Z" fill="%2349555F" mask="url(%23path-1-inside-1_3077_1001)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left.btn-fixed-color {
  background-color: transparent;
  color: var(--white-fixed);
}

.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left.btn-fixed-color:hover {
  background-color: transparent;
}

.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" /%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left.btn-fixed-color:active {
  background-color: transparent;
}

.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left.btn-fixed-color:disabled,
.btn-liquid-secondary-left.btn-fixed-color.is-inactive {
  background-color: transparent;
  color: var(--fixed-grey60);
}

.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left.btn-fixed-color:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left.btn-fixed-color:hover:before {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left.btn-fixed-color:active:before {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left.btn-fixed-color:focus-visible:hover:before,
.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 44V17.7029C2 15.6711 3.0282 13.7774 4.73216 12.6709L19.6733 2.96798C20.6461 2.33623 21.7812 2 22.9411 2H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V46H4C2.89543 46 2 45.1046 2 44Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 44V17.7029C1 15.3325 2.19957 13.1232 4.18753 11.8322L19.1287 2.12931C20.2636 1.39226 21.5879 1 22.9411 1H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V47H4C2.34315 47 1 45.6569 1 44Z" fill="%234A565E"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left.btn-fixed-color:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 -1H20C22.7614 -1 25 1.23858 25 4H23C23 2.34315 21.6569 1 20 1H0V-1ZM25 44C25 46.7614 22.7614 49 20 49H0V47H20C21.6569 47 23 45.6569 23 44H25ZM0 48V0V48ZM20 -1C22.7614 -1 25 1.23858 25 4V44C25 46.7614 22.7614 49 20 49V47C21.6569 47 23 45.6569 23 44V4C23 2.34315 21.6569 1 20 1V-1Z" fill="white" mask="url(%23path-1-inside-1_3077_767)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left.btn-fixed-color:not(:focus-visible):hover:after {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.15);
}

.btn-liquid-secondary-left.btn-fixed-color:not(:focus-visible):active:after {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.2);
}

.btn-liquid-secondary-left.btn-fixed-color:focus-visible:hover:after,
.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 -2H20C23.3137 -2 26 0.686292 26 4H22C22 2.89543 21.1046 2 20 2H0V-2ZM26 44C26 47.3137 23.3137 50 20 50H0V46H20C21.1046 46 22 45.1046 22 44H26ZM0 48V0V48ZM20 -2C23.3137 -2 26 0.686292 26 4V44C26 47.3137 23.3137 50 20 50V46C21.1046 46 22 45.1046 22 44V4C22 2.89543 21.1046 2 20 2V-2Z" fill="white" mask="url(%23path-1-inside-1_3077_844)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 -1H20C22.7614 -1 25 1.23858 25 4H23C23 2.34315 21.6569 1 20 1H0V-1ZM25 44C25 46.7614 22.7614 49 20 49H0V47H20C21.6569 47 23 45.6569 23 44H25ZM0 48V0V48ZM20 -1C22.7614 -1 25 1.23858 25 4V44C25 46.7614 22.7614 49 20 49V47C21.6569 47 23 45.6569 23 44V4C23 2.34315 21.6569 1 20 1V-1Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_767)"/%3E%3C/svg%3E%0A');
}

@media screen and (max-width: 960px) {
  .btn-liquid-secondary-left.btn-fixed-color {
    height: 40px;
    padding: 0 20px;
    background-color: transparent;
    color: var(--white-fixed);
    padding-right: 0;
  }

  .btn-liquid-secondary-left.btn-fixed-color:before,
  .btn-liquid-secondary-left.btn-fixed-color:after,
  .btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .btn-liquid-secondary-left.btn-fixed-color.btn-large:after {
    width: 20px;
  }

  .btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 20px;
    background: transparent;
    border: solid var(--white-fixed);
    border-width: 1px 0;
  }

  .btn-liquid-secondary-left.btn-fixed-color:hover {
    background-color: transparent;
  }

  .btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.15);
  }

  .btn-liquid-secondary-left.btn-fixed-color:active {
    background-color: transparent;
  }

  .btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.2);
  }

  .btn-liquid-secondary-left.btn-fixed-color:disabled,
  .btn-liquid-secondary-left.btn-fixed-color.is-inactive {
    color: var(--fixed-grey60);
  }

  .btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
    background-image: none;
    background-color: var(--fixed-grey80);
  }

  .btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0;
  }

  .btn-liquid-secondary-left.btn-fixed-color:before {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 14.7524V36.6667C1 37.9553 2.04467 39 3.33333 39H19H20V40H3.33333C1.49238 40 0 38.5076 0 36.6667V14.7524C0 12.4949 1.14245 10.3908 3.03574 9.16127L15.4867 1.07553C16.5347 0.394951 17.7522 0.0230477 19 0.00103717C19.0392 0.00034615 19.0784 0 19.1176 0H20V1.00122H19C17.9455 1.0231 16.9172 1.33892 16.0313 1.9142L3.58038 9.99994C1.97108 11.045 1 12.8335 1 14.7524Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary-left.btn-fixed-color:hover:before {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.03574 9.16127C1.14245 10.3908 0 12.4949 0 14.7524V36.6667C0 38.5076 1.49238 40 3.33333 40H20V0H19.1176C17.8288 0 16.5676 0.373584 15.4867 1.07553L3.03574 9.16127Z" fill="white" fill-opacity="0.15"/%3E%3Cpath d="M1 14.7524V36.6667C1 37.9553 2.04467 39 3.33333 39H19H20V40H3.33333C1.49238 40 0 38.5076 0 36.6667V14.7524C0 12.4949 1.14245 10.3908 3.03574 9.16127L15.4867 1.07553C16.5347 0.394951 17.7522 0.0230477 19 0.00103717C19.0392 0.00034615 19.0784 0 19.1176 0H20V1.00122H19C17.9455 1.0231 16.9172 1.33892 16.0313 1.9142L3.58038 9.99994C1.97108 11.045 1 12.8335 1 14.7524Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary-left.btn-fixed-color:active:before {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.03574 9.16127C1.14245 10.3908 0 12.4949 0 14.7524V36.6667C0 38.5076 1.49238 40 3.33333 40H20V0H19.1176C17.8288 0 16.5676 0.373584 15.4867 1.07553L3.03574 9.16127Z" fill="white" fill-opacity="0.2"/%3E%3Cpath d="M1 14.7524V36.6667C1 37.9553 2.04467 39 3.33333 39H19H20V40H3.33333C1.49238 40 0 38.5076 0 36.6667V14.7524C0 12.4949 1.14245 10.3908 3.03574 9.16127L15.4867 1.07553C16.5347 0.394951 17.7522 0.0230477 19 0.00103717C19.0392 0.00034615 19.0784 0 19.1176 0H20V1.00122H19C17.9455 1.0231 16.9172 1.33892 16.0313 1.9142L3.58038 9.99994C1.97108 11.045 1 12.8335 1 14.7524Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 14.7524V36.6667C2 37.403 2.59695 38 3.33333 38H18H20V40H3.33333C1.49238 40 0 38.5076 0 36.6667V14.7524C0 12.4949 1.14245 10.3908 3.03574 9.16127L15.4867 1.07553C16.2521 0.578453 17.108 0.246038 18 0.0943434C18.3677 0.0318226 18.7415 0 19.1176 0H20V2C18.8 2 18.1667 2.09054 18 2.1358C17.4967 2.25994 17.0151 2.4677 16.576 2.75287L4.12502 10.8386C2.79972 11.6993 2 13.1722 2 14.7524Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 20px 0 0;
    border: solid var(--white-fixed);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-width: 1px 1px 1px 0;
  }

  .btn-liquid-secondary-left.btn-fixed-color:after {
    background: none;
  }

  .btn-liquid-secondary-left.btn-fixed-color:not(:focus-visible):hover .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.15);
  }

  .btn-liquid-secondary-left.btn-fixed-color:not(:focus-visible):hover:after {
    background: none;
  }

  .btn-liquid-secondary-left.btn-fixed-color:not(:focus-visible):active .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.2);
  }

  .btn-liquid-secondary-left.btn-fixed-color:not(:focus-visible):active:after {
    background: none;
  }

  .btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 2px 2px 0;
    background: none;
  }

  .btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
    background: none;
  }

  .btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
    background-image: none;
    background-color: var(--fixed-grey80);
  }
}

.btn-liquid-secondary-left.btn-large:before,
.btn-liquid-secondary-left.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .btn-liquid-secondary-left.btn-large:before,
  .btn-liquid-secondary-left.btn-large:after {
    width: 21px;
  }
}

.btn-liquid-secondary-right {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-surface);
}

.btn-liquid-secondary-right:before,
.btn-liquid-secondary-right:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.btn-liquid-secondary-right:before {
  left: 0;
}

.btn-liquid-secondary-right:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .btn-liquid-secondary-right {
    padding: 0 20px;
    height: 40px;
  }
}

.btn-liquid-secondary-right .btn-inner {
  background-color: transparent;
}

.btn-liquid-secondary-right .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1849)"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-secondary-right:hover {
    background-color: transparent;
  }

  .btn-liquid-secondary-right:hover .btn-inner {
    background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="%23F3F4F5"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23F3F4F5"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
  }
}

.btn-liquid-secondary-right:active {
  background-color: transparent;
}

.btn-liquid-secondary-right:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23E8EAEB"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right:disabled,
.btn-liquid-secondary-right.is-inactive {
  background-color: transparent;
  color: var(--on-surface-container-mid);
}

.btn-liquid-secondary-right:disabled .btn-inner,
.btn-liquid-secondary-right.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_2621_1870)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="%2305141F" mask="url(%23path-1-inside-1_1232_2023)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-right .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-right:hover .btn-inner,
.dark .btn-liquid-secondary-right:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23303C47"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-right:disabled .btn-inner,
.dark .btn-liquid-secondary-right.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2349555F" mask="url(%23path-1-inside-1_3077_999)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right:before {
  background-image: url('data:image/svg+xml,%0A%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 4C0 1.79086 1.79086 0 4 0H24V1H4C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-secondary-right:not(:focus-visible):hover:before {
    background-color: var(--surface-low);
  }
}

.btn-liquid-secondary-right:not(:focus-visible):active:before {
  background-color: var(--surface-mid);
}

.btn-liquid-secondary-right:focus-visible:hover:before,
.btn-liquid-secondary-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1227_1567" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="white"/%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="%2305141F" mask="url(%23path-1-inside-1_1227_1567)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right:disabled:before,
.btn-liquid-secondary-right.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-right:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-right:focus-visible:hover:before,
.dark .btn-liquid-secondary-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-right:disabled:before,
.dark .btn-liquid-secondary-right.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%2349555F" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-liquid-secondary-right:hover:after {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23F3F4F5"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
  }
}

.btn-liquid-secondary-right:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23E8EAEB"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right:focus-visible:hover:after,
.btn-liquid-secondary-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Edge"%3E%3Cpath id="Stroke" d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="%2305141F"/%3E%3C/g%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right:disabled:after,
.btn-liquid-secondary-right.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%23CDD0D2"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-right:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-right:hover:after,
.dark .btn-liquid-secondary-right:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23303C47"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-right:focus-visible:hover:after,
.dark .btn-liquid-secondary-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .btn-liquid-secondary-right:disabled:after,
.dark .btn-liquid-secondary-right.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2349555F"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right.btn-fixed-color {
  background-color: transparent;
  color: var(--white-fixed);
}

.btn-liquid-secondary-right.btn-fixed-color .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right.btn-fixed-color:hover {
  background-color: transparent;
}

.btn-liquid-secondary-right.btn-fixed-color:hover .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" /%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right.btn-fixed-color:active {
  background-color: transparent;
}

.btn-liquid-secondary-right.btn-fixed-color:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right.btn-fixed-color:disabled,
.btn-liquid-secondary-right.btn-fixed-color.is-inactive {
  background-color: transparent;
  color: var(--fixed-grey60);
}

.btn-liquid-secondary-right.btn-fixed-color:disabled .btn-inner,
.btn-liquid-secondary-right.btn-fixed-color.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right.btn-fixed-color:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right.btn-fixed-color:hover:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.15);
}

.btn-liquid-secondary-right.btn-fixed-color:active:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.2);
}

.btn-liquid-secondary-right.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right.btn-fixed-color:disabled:before,
.btn-liquid-secondary-right.btn-fixed-color.is-inactive:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right.btn-fixed-color:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right.btn-fixed-color:hover:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right.btn-fixed-color:active:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.btn-liquid-secondary-right.btn-fixed-color:disabled:after,
.btn-liquid-secondary-right.btn-fixed-color.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%234A565E"/%3E%3C/svg%3E%0A');
}

@media screen and (max-width: 960px) {
  .btn-liquid-secondary-right.btn-fixed-color {
    height: 40px;
    padding: 0 20px;
    background-color: transparent;
    color: var(--white-fixed);
    padding-left: 0;
  }

  .btn-liquid-secondary-right.btn-fixed-color:before,
  .btn-liquid-secondary-right.btn-fixed-color:after,
  .btn-liquid-secondary-right.btn-fixed-color.btn-large:before,
  .btn-liquid-secondary-right.btn-fixed-color.btn-large:after {
    width: 20px;
  }

  .btn-liquid-secondary-right.btn-fixed-color .btn-inner {
    padding: 0 20px;
    background: transparent;
    border: solid var(--white-fixed);
    border-width: 1px 0;
  }

  .btn-liquid-secondary-right.btn-fixed-color:hover {
    background-color: transparent;
  }

  .btn-liquid-secondary-right.btn-fixed-color:hover .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.15);
  }

  .btn-liquid-secondary-right.btn-fixed-color:active {
    background-color: transparent;
  }

  .btn-liquid-secondary-right.btn-fixed-color:active .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.2);
  }

  .btn-liquid-secondary-right.btn-fixed-color:disabled,
  .btn-liquid-secondary-right.btn-fixed-color.is-inactive {
    color: var(--fixed-grey60);
  }

  .btn-liquid-secondary-right.btn-fixed-color:disabled .btn-inner,
  .btn-liquid-secondary-right.btn-fixed-color.is-inactive .btn-inner {
    background-image: none;
    background-color: var(--fixed-grey80);
  }

  .btn-liquid-secondary-right.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0;
  }

  .btn-liquid-secondary-right.btn-fixed-color .btn-inner {
    padding: 0 0 0 20px;
    border: 1px solid var(--white-fixed);
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
  }

  .btn-liquid-secondary-right.btn-fixed-color:before {
    background: none;
  }

  .btn-liquid-secondary-right.btn-fixed-color:hover .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.15);
  }

  .btn-liquid-secondary-right.btn-fixed-color:hover:before {
    background: none;
  }

  .btn-liquid-secondary-right.btn-fixed-color:active .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.2);
  }

  .btn-liquid-secondary-right.btn-fixed-color:active:before {
    background: none;
  }

  .btn-liquid-secondary-right.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0 2px 2px;
    background: none;
  }

  .btn-liquid-secondary-right.btn-fixed-color:focus-visible:before {
    background: none;
  }

  .btn-liquid-secondary-right.btn-fixed-color:disabled:before,
  .btn-liquid-secondary-right.btn-fixed-color.is-inactive:before {
    background-color: var(--fixed-grey80);
    background-image: none;
  }

  .btn-liquid-secondary-right.btn-fixed-color:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary-right.btn-fixed-color:hover:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.15"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary-right.btn-fixed-color:active:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.2"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary-right.btn-fixed-color:focus-visible:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 25.2476V3.33333C18 2.59695 17.403 2 16.6667 2H2H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.74788 39.4215 2.89204 39.754 2 39.9057C1.63235 39.9682 1.25854 40 0.882387 40H0V38C1.2 38 1.83333 37.9095 2 37.8642C2.50326 37.7401 2.98491 37.5323 3.42404 37.2471L15.875 29.1614C17.2003 28.3007 18 26.8278 18 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .btn-liquid-secondary-right.btn-fixed-color:disabled:after,
  .btn-liquid-secondary-right.btn-fixed-color.is-inactive:after {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-liquid-secondary-right.btn-large:before,
.btn-liquid-secondary-right.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .btn-liquid-secondary-right.btn-large:before,
  .btn-liquid-secondary-right.btn-large:after {
    width: 21px;
  }
}

.btn-xsmall {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-width: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  padding: 0 20px;
  font-size: 11px;
  line-height: 1.54545;
}

@media screen and (max-width: 600px) {
  .btn-xsmall {
    min-width: 0;
  }
}

@media screen and (max-width: 600px) {
  .btn-xsmall {
    height: 32px;
    font-size: 11px;
    line-height: 1.54545;
  }
}

.btn-small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-width: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  padding: 0 20px;
  font-size: 12px;
  line-height: 1.66667;
}

@media screen and (max-width: 600px) {
  .btn-small {
    min-width: 0;
  }
}

.btn-large {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-width: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.57143;
  height: 48px;
  padding: 0 24px;
}

@media screen and (max-width: 600px) {
  .btn-large {
    min-width: 0;
  }
}

@media screen and (max-width: 960px) {

  .btn-large.btn-liquid,
  .btn-large.btn-liquid-left,
  .btn-large.btn-liquid-right {
    padding: 0 20px;
    height: 40px;
  }

  .btn-large.btn-liquid:before,
  .btn-large.btn-liquid:after,
  .btn-large.btn-liquid-left:before,
  .btn-large.btn-liquid-left:after,
  .btn-large.btn-liquid-right:before,
  .btn-large.btn-liquid-right:after {
    width: 21px;
  }
}

@media screen and (max-width: 960px) {

  .btn-large.btn-liquid-secondary,
  .btn-large.btn-liquid-secondary-left,
  .btn-large.btn-liquid-secondary-right {
    padding: 0 20px;
    height: 40px;
  }

  .btn-large.btn-liquid-secondary.btn-liquid-secondary-left.btn-fixed-color,
  .btn-large.btn-liquid-secondary-left.btn-liquid-secondary-left.btn-fixed-color,
  .btn-large.btn-liquid-secondary-right.btn-liquid-secondary-left.btn-fixed-color {
    padding-right: 0;
  }

  .btn-large.btn-liquid-secondary.btn-liquid-secondary-right.btn-fixed-color,
  .btn-large.btn-liquid-secondary-left.btn-liquid-secondary-right.btn-fixed-color,
  .btn-large.btn-liquid-secondary-right.btn-liquid-secondary-right.btn-fixed-color {
    padding-left: 0;
  }

  .btn-large.btn-liquid-secondary:before,
  .btn-large.btn-liquid-secondary:after,
  .btn-large.btn-liquid-secondary-left:before,
  .btn-large.btn-liquid-secondary-left:after,
  .btn-large.btn-liquid-secondary-right:before,
  .btn-large.btn-liquid-secondary-right:after {
    width: 21px;
  }
}

.btn-bold {
  font-weight: 700;
}

.btn-full {
  width: 100%;
}

.btn .btn-inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 0;
  word-break: break-all;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  background-repeat: repeat-x;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}

.btn-player {
  width: 24px;
  height: 24px;
  padding: 5px;
}

.btn-player:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%285%2C20%2C31%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%285%2C20%2C31%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: top;
  content: '';
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-player:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%2899%2C107%2C116%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%2899%2C107%2C116%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1280px) {
  .btn-player:active:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%2899%2C107%2C116%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%2899%2C107%2C116%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-player.is-paused:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: top;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-player.is-paused:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%2899%2C107%2C116%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1280px) {
  .btn-player.is-paused:active:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%2899%2C107%2C116%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.dark .btn-player:before {
  background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%28255%2C255%2C255%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%28255%2C255%2C255%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .dark .btn-player:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%2899%2C107%2C116%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%2899%2C107%2C116%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1280px) {
  .dark .btn-player:active:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%2899%2C107%2C116%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%2899%2C107%2C116%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.dark .btn-player.is-paused:before {
  background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .dark .btn-player.is-paused:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%2899%2C107%2C116%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1280px) {
  .dark .btn-player.is-paused:active:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%2899%2C107%2C116%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 600px) {

  .btn-player,
  .btn-player.is-paused {
    width: 20px;
    height: 22px;
  }

  .btn-player:before,
  .btn-player.is-paused:before {
    width: 10px;
    height: 12px;
  }
}

.btn-player-outline {
  width: 24px;
  height: 24px;
  padding: 5px;
}

.btn-player-outline:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%28255%2C255%2C255%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%28255%2C255%2C255%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: top;
  content: '';
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-player-outline:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%2899%2C107%2C116%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%2899%2C107%2C116%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1280px) {
  .btn-player-outline:active:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%2899%2C107%2C116%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%2899%2C107%2C116%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-player-outline.is-paused:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: top;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-player-outline.is-paused:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%2899%2C107%2C116%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1280px) {
  .btn-player-outline.is-paused:active:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%2899%2C107%2C116%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 960px) {

  .btn-player-outline,
  .btn-player-outline.is-paused {
    width: 20px;
    height: 22px;
  }

  .btn-player-outline:before,
  .btn-player-outline.is-paused:before {
    width: 10px;
    height: 12px;
  }
}

.btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0;
}

.btn-box .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.btn-box .btn:not(:first-child) {
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
}

.btn-box .btn:not(:only-of-type):not(.btn-full) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.btn-box-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px;
}

.btn-box-vertical .btn {
  width: 100%;
}

.btn-box-vertical .btn,
.btn-box-vertical .btn:not(:only-of-type):not(.btn-full) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.btn-box-vertical .btn:not(:first-child) {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

.btn-direction {
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid var(--outline-lowest);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--surface-custom);
  -webkit-box-shadow: 0px 4px 8px 0px #05141f1a;
  box-shadow: 0px 4px 8px 0px #05141f1a;
  vertical-align: top;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-direction:hover {
    background-color: var(--surface-container-lowest-custom);
  }
}

.btn-direction:active {
  background-color: var(--surface-container-low);
}

.btn-direction:disabled,
.btn-direction[aria-disabled='true'] {
  border-color: var(--outline-lowest);
  background-color: var(--surface-container);
}

.btn-direction:before {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), -50%) scaleX(var(--inline-dir));
  transform: translate(calc(-50% * var(--inline-dir)), -50%) scaleX(var(--inline-dir));
  content: '';
}

.btn-direction.btn-prev:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3l-9 9 9 9' stroke='rgb%285%2C20%2C31%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.btn-direction.btn-prev:disabled:before,
.btn-direction.btn-prev[aria-disabled='true']:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3l-9 9 9 9' stroke='rgb%28205%2C208%2C210%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-direction.btn-next:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3l9 9-9 9' stroke='rgb%285%2C20%2C31%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.btn-direction.btn-next:disabled:before,
.btn-direction.btn-next[aria-disabled='true']:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3l9 9-9 9' stroke='rgb%28205%2C208%2C210%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.btn-direction.btn-medium {
  width: 40px;
  height: 40px;
}

.btn-direction.btn-medium.btn-prev:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3l-7 7 7 7' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.btn-direction.btn-medium.btn-prev:disabled:before,
.btn-direction.btn-medium.btn-prev[aria-disabled='true']:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3l-7 7 7 7' stroke='rgb%28205%2C208%2C210%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-direction.btn-medium.btn-next:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17l7-7-7-7' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.btn-direction.btn-medium.btn-next:disabled:before,
.btn-direction.btn-medium.btn-next[aria-disabled='true']:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17l7-7-7-7' stroke='rgb%28205%2C208%2C210%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

[data-theme-type='emphasis'] .btn-direction {
  background-color: var(--fixed-grey80);
  border: 1px solid var(--fixed-grey90);
}

@media screen and (hover: hover) and (pointer: fine) {
  [data-theme-type='emphasis'] .btn-direction:hover {
    border: 0;
    background-color: var(--fixed-grey70);
  }
}

[data-theme-type='emphasis'] .btn-direction:active {
  border: 0;
  background-color: var(--fixed-grey60);
}

[data-theme-type='emphasis'] .btn-direction:disabled,
[data-theme-type='emphasis'] .btn-direction[aria-disabled='true'] {
  border: 0;
  background-color: var(--fixed-grey80);
}

[data-theme-type='emphasis'] .btn-direction.btn-prev:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3l-9 9 9 9' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

[data-theme-type='emphasis'] .btn-direction.btn-prev:disabled:before,
[data-theme-type='emphasis'] .btn-direction.btn-prev[aria-disabled='true']:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3l-9 9 9 9' stroke='rgb%28141%2C149%2C154%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

[data-theme-type='emphasis'] .btn-direction.btn-next:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3l9 9-9 9' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

[data-theme-type='emphasis'] .btn-direction.btn-next:disabled:before,
[data-theme-type='emphasis'] .btn-direction.btn-next[aria-disabled='true']:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3l9 9-9 9' stroke='rgb%28141%2C149%2C154%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-value-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-value-unit .text {
  color: var(--on-surface-mid);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.btn-value-unit .value {
  position: relative;
  -webkit-padding-end: 16px;
  padding-inline-end: 16px;
  color: var(--on-surface);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.dark .btn-value-unit .value {
  color: var(--on-surface);
}

.btn-value-unit .value:after {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  -webkit-transform: translateY(-50%) scaleX(var(--inline-dir));
  transform: translateY(-50%) scaleX(var(--inline-dir));
  -webkit-transition: 0.2s;
  transition: 0.2s;
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-value-unit:hover .text {
    color: var(--on-surface);
  }

  .btn-value-unit:hover .value {
    text-decoration: underline;
    text-underline-position: under;
  }

  .btn-value-unit:hover .value:after {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .dark .btn-value-unit:hover .value:after {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28231%2C233%2C236%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-value-unit:disabled {
  pointer-events: none;
}

.btn-value-unit:disabled .text {
  color: var(--on-surface-low);
}

.dark .btn-value-unit:disabled .text {
  color: var(--on-surface-low);
}

.btn-value-unit:disabled .value {
  color: var(--on-surface-low);
}

.btn-value-unit:disabled .value:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-value-unit:disabled .value:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-value-unit.btn-text-large {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.btn-value-unit.btn-text-large .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
}

.btn-value-unit.btn-text-large .value {
  -webkit-margin-start: 8px;
  margin-inline-start: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33333;
}

.btn-value-unit.btn-text-small .text {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
}

.btn-value-unit.btn-text-small .value {
  -webkit-margin-start: 6px;
  margin-inline-start: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.57143;
}

.btn-value-unit.btn-text-small .value:after {
  margin-top: -1px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-value-unit.btn-text-small .value:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-value-unit.btn-text-small:hover .value:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-value-unit.btn-text-small:hover .value:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-value-unit.btn-text-small:disabled .value:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-value-unit.btn-text-small:disabled .value:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-text .text {
  color: var(--on-surface);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-text:hover .text {
    text-decoration: underline;
    text-underline-position: under;
  }

  .btn-text:hover .ic-file-outlined-20px {
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.667V3H4v12l2 2h10' stroke='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M13 7H7M13 10H7' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .dark .btn-text:hover .ic-file-outlined-20px {
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.667V3H4v12l2 2h10' stroke='rgb%28231%2C233%2C236%29'/%3E%3Cpath d='M13 7H7M13 10H7' stroke='rgb%28231%2C233%2C236%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .btn-text:hover .ic-file-outlined-16px {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2v-.5h.5V2H13zM3 2h-.5v-.5H3V2zm10.5 9v.5h-1V11h1zM3 12.5l-.354.354-.146-.147V12.5H3zM4.5 14v.5h-.207l-.147-.146L4.5 14zM3 1.5h10v1H3v-1zm9.5 9.5V2h1v9h-1zm-10 1.5V2h1v10.5h-1zm2 1H13v1H4.5v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M10.5 5h-5M10.5 7.5h-5' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .dark .btn-text:hover .ic-file-outlined-16px {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2v-.5h.5V2H13zM3 2h-.5v-.5H3V2zm10.5 9v.5h-1V11h1zM3 12.5l-.354.354-.146-.147V12.5H3zM4.5 14v.5h-.207l-.147-.146L4.5 14zM3 1.5h10v1H3v-1zm9.5 9.5V2h1v9h-1zm-10 1.5V2h1v10.5h-1zm2 1H13v1H4.5v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%28231%2C233%2C236%29'/%3E%3Cpath d='M10.5 5h-5M10.5 7.5h-5' stroke='rgb%28231%2C233%2C236%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .btn-text:hover .ic-change-outlined-12px {
    background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 3.875h-8M4 1.75L2 3.875 4 6M1.75 8.125h7.5M7.5 10.25l2-2.125L7.5 6' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .dark .btn-text:hover .ic-change-outlined-12px {
    background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 3.875h-8M4 1.75L2 3.875 4 6M1.75 8.125h7.5M7.5 10.25l2-2.125L7.5 6' stroke='rgb%28231%2C233%2C236%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-text:disabled {
  pointer-events: none;
}

.btn-text:disabled .text {
  color: var(--on-surface-low);
}

.dark .btn-text:disabled .text {
  color: var(--on-surface-low);
}

.btn-text:disabled .ic-file-outlined-20px {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.667V3H4v12l2 2h10' stroke='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M13 7H7M13 10H7' stroke='rgb%28141%2C149%2C154%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-text:disabled .ic-file-outlined-20px {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.667V3H4v12l2 2h10' stroke='rgb%2873%2C85%2C95%29'/%3E%3Cpath d='M13 7H7M13 10H7' stroke='rgb%2873%2C85%2C95%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text:disabled .ic-file-outlined-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2v-.5h.5V2H13zM3 2h-.5v-.5H3V2zm10.5 9v.5h-1V11h1zM3 12.5l-.354.354-.146-.147V12.5H3zM4.5 14v.5h-.207l-.147-.146L4.5 14zM3 1.5h10v1H3v-1zm9.5 9.5V2h1v9h-1zm-10 1.5V2h1v10.5h-1zm2 1H13v1H4.5v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M10.5 5h-5M10.5 7.5h-5' stroke='rgb%28141%2C149%2C154%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-text:disabled .ic-file-outlined-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2v-.5h.5V2H13zM3 2h-.5v-.5H3V2zm10.5 9v.5h-1V11h1zM3 12.5l-.354.354-.146-.147V12.5H3zM4.5 14v.5h-.207l-.147-.146L4.5 14zM3 1.5h10v1H3v-1zm9.5 9.5V2h1v9h-1zm-10 1.5V2h1v10.5h-1zm2 1H13v1H4.5v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%2873%2C85%2C95%29'/%3E%3Cpath d='M10.5 5h-5M10.5 7.5h-5' stroke='rgb%2873%2C85%2C95%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text:disabled .ic-change-outlined-12px {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 3.875h-8M4 1.75L2 3.875 4 6M1.75 8.125h7.5M7.5 10.25l2-2.125L7.5 6' stroke='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-text:disabled .ic-change-outlined-12px {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 3.875h-8M4 1.75L2 3.875 4 6M1.75 8.125h7.5M7.5 10.25l2-2.125L7.5 6' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text:disabled .ic-arrowset-outlined-next-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-text:disabled .ic-arrowset-outlined-next-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text:disabled .ic-arrowset-outlined-next-12px {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-text:disabled .ic-arrowset-outlined-next-12px {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text .ic {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.btn-text .ic-file-outlined-20px {
  -webkit-margin-end: 4px;
  margin-inline-end: 4px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.667V3H4v12l2 2h10' stroke='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M13 7H7M13 10H7' stroke='rgb%2848%2C62%2C72%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-text .ic-file-outlined-20px {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.667V3H4v12l2 2h10' stroke='rgb%28231%2C233%2C236%29'/%3E%3Cpath d='M13 7H7M13 10H7' stroke='rgb%28231%2C233%2C236%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text .ic-file-outlined-16px {
  -webkit-margin-end: 4px;
  margin-inline-end: 4px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2v-.5h.5V2H13zM3 2h-.5v-.5H3V2zm10.5 9v.5h-1V11h1zM3 12.5l-.354.354-.146-.147V12.5H3zM4.5 14v.5h-.207l-.147-.146L4.5 14zM3 1.5h10v1H3v-1zm9.5 9.5V2h1v9h-1zm-10 1.5V2h1v10.5h-1zm2 1H13v1H4.5v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M10.5 5h-5M10.5 7.5h-5' stroke='rgb%2848%2C62%2C72%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-text .ic-file-outlined-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2v-.5h.5V2H13zM3 2h-.5v-.5H3V2zm10.5 9v.5h-1V11h1zM3 12.5l-.354.354-.146-.147V12.5H3zM4.5 14v.5h-.207l-.147-.146L4.5 14zM3 1.5h10v1H3v-1zm9.5 9.5V2h1v9h-1zm-10 1.5V2h1v10.5h-1zm2 1H13v1H4.5v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%28231%2C233%2C236%29'/%3E%3Cpath d='M10.5 5h-5M10.5 7.5h-5' stroke='rgb%28231%2C233%2C236%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text .ic-change-outlined-12px {
  -webkit-margin-end: 3px;
  margin-inline-end: 3px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 3.875h-8M4 1.75L2 3.875 4 6M1.75 8.125h7.5M7.5 10.25l2-2.125L7.5 6' stroke='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-text .ic-change-outlined-12px {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 3.875h-8M4 1.75L2 3.875 4 6M1.75 8.125h7.5M7.5 10.25l2-2.125L7.5 6' stroke='rgb%28231%2C233%2C236%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text .ic-arrowset-outlined-next-16px {
  -webkit-transform: scaleX(var(--inline-dir));
  transform: scaleX(var(--inline-dir));
  -webkit-margin-start: 2px;
  margin-inline-start: 2px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-text .ic-arrowset-outlined-next-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28231%2C233%2C236%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text .ic-arrowset-outlined-next-12px {
  -webkit-transform: scaleX(var(--inline-dir));
  transform: scaleX(var(--inline-dir));
  -webkit-margin-start: 2px;
  margin-inline-start: 2px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-text .ic-arrowset-outlined-next-12px {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%28231%2C233%2C236%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text.btn-text-large {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.btn-text.btn-text-medium {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
}

.btn-text.btn-text-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
}

.btn-text.btn-text-small .ic {
  margin-top: -2px;
}

.btn-text.btn-text-xsmall {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
}

.btn-text.btn-text-secondary .text {
  color: var(--on-surface-container-high);
}

.btn-text.btn-text-secondary .ic-file-outlined-20px {
  -webkit-margin-end: 4px;
  margin-inline-end: 4px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.667V3H4v12l2 2h10' stroke='rgb%2899%2C109%2C116%29'/%3E%3Cpath d='M13 7H7M13 10H7' stroke='rgb%2899%2C109%2C116%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text.btn-text-secondary .ic-file-outlined-16px {
  -webkit-margin-end: 4px;
  margin-inline-end: 4px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2v-.5h.5V2H13zM3 2h-.5v-.5H3V2zm10.5 9v.5h-1V11h1zM3 12.5l-.354.354-.146-.147V12.5H3zM4.5 14v.5h-.207l-.147-.146L4.5 14zM3 1.5h10v1H3v-1zm9.5 9.5V2h1v9h-1zm-10 1.5V2h1v10.5h-1zm2 1H13v1H4.5v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%2899%2C109%2C116%29'/%3E%3Cpath d='M10.5 5h-5M10.5 7.5h-5' stroke='rgb%2899%2C109%2C116%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text.btn-text-secondary .ic-change-outlined-12px {
  -webkit-margin-end: 3px;
  margin-inline-end: 3px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 3.875h-8M4 1.75L2 3.875 4 6M1.75 8.125h7.5M7.5 10.25l2-2.125L7.5 6' stroke='rgb%2899%2C109%2C116%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text.btn-text-secondary .ic-arrowset-outlined-next-16px {
  -webkit-margin-start: 2px;
  margin-inline-start: 2px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%2899%2C109%2C116%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text.btn-text-secondary .ic-arrowset-outlined-next-12px {
  -webkit-margin-start: 2px;
  margin-inline-start: 2px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%2899%2C109%2C116%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-text.btn-text-secondary:hover .text {
    color: var(--on-surface);
  }

  .btn-text.btn-text-secondary:hover .ic-file-outlined-20px {
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.667V3H4v12l2 2h10' stroke='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M13 7H7M13 10H7' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .btn-text.btn-text-secondary:hover .ic-file-outlined-16px {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2v-.5h.5V2H13zM3 2h-.5v-.5H3V2zm10.5 9v.5h-1V11h1zM3 12.5l-.354.354-.146-.147V12.5H3zM4.5 14v.5h-.207l-.147-.146L4.5 14zM3 1.5h10v1H3v-1zm9.5 9.5V2h1v9h-1zm-10 1.5V2h1v10.5h-1zm2 1H13v1H4.5v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M10.5 5h-5M10.5 7.5h-5' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .btn-text.btn-text-secondary:hover .ic-change-outlined-12px {
    background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 3.875h-8M4 1.75L2 3.875 4 6M1.75 8.125h7.5M7.5 10.25l2-2.125L7.5 6' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .btn-text.btn-text-secondary:hover .ic-arrowset-outlined-next-16px {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .btn-text.btn-text-secondary:hover .ic-arrowset-outlined-next-12px {
    background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.btn-text.btn-text-secondary:disabled {
  color: var(--on-surface-low);
}

.btn-text.btn-text-secondary:disabled .ic-file-outlined-20px {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.667V3H4v12l2 2h10' stroke='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M13 7H7M13 10H7' stroke='rgb%28141%2C149%2C154%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text.btn-text-secondary:disabled .ic-file-outlined-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2v-.5h.5V2H13zM3 2h-.5v-.5H3V2zm10.5 9v.5h-1V11h1zM3 12.5l-.354.354-.146-.147V12.5H3zM4.5 14v.5h-.207l-.147-.146L4.5 14zM3 1.5h10v1H3v-1zm9.5 9.5V2h1v9h-1zm-10 1.5V2h1v10.5h-1zm2 1H13v1H4.5v-1zm-.354.854l-1.5-1.5.708-.708 1.5 1.5-.708.708z' fill='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M10.5 5h-5M10.5 7.5h-5' stroke='rgb%28141%2C149%2C154%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text.btn-text-secondary:disabled .ic-change-outlined-12px {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 3.875h-8M4 1.75L2 3.875 4 6M1.75 8.125h7.5M7.5 10.25l2-2.125L7.5 6' stroke='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text.btn-text-secondary:disabled .ic-arrowset-outlined-next-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-text.btn-text-secondary:disabled .ic-arrowset-outlined-next-12px {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-fixed-text .text {
  color: var(--fixed-grey40);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
}

.btn-fixed-text:hover .text {
  text-decoration: underline;
  text-underline-position: under;
}

.btn-fixed-text:disabled {
  pointer-events: none;
}

.btn-fixed-text:disabled .text {
  color: var(--fixed-grey60);
}

.btn-fixed-text.btn-text-small .text {
  font-size: 12px;
  line-height: 1.66667;
}

.btn-favorite {
  overflow: hidden;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7.25S10.938 4 13.75 4c2.071 0 3.75 1.393 3.75 3.714 0 2.433-1.875 4.179-3.281 5.572C12.66 14.829 10 17 10 17s-2.66-2.17-4.219-3.714C4.375 11.893 2.5 10.146 2.5 7.714 2.5 5.857 4.179 4 6.25 4c.993 0 1.752.405 2.318.929' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  line-height: 999px;
  white-space: nowrap;
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}

.dark .btn-favorite {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7.25S10.938 4 13.75 4c2.071 0 3.75 1.393 3.75 3.714 0 2.433-1.875 4.179-3.281 5.572C12.66 14.829 10 17 10 17s-2.66-2.17-4.219-3.714C4.375 11.893 2.5 10.146 2.5 7.714 2.5 5.857 4.179 4 6.25 4c.993 0 1.752.405 2.318.929' stroke='rgb%28231%2C233%2C236%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-favorite.is-active {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 7.714C2.5 5.857 4.179 4 6.25 4 9.063 4 10 7.25 10 7.25S10.938 4 13.75 4c2.071 0 3.75 1.393 3.75 3.714 0 2.433-1.875 4.179-3.281 5.572C12.66 14.829 10 17 10 17s-2.66-2.17-4.219-3.714C4.375 11.893 2.5 10.146 2.5 7.714z' fill='rgb%28234%2C0%2C41%29' stroke='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-label {
  padding-block: 9px;
  padding-inline: 14px 18px;
  border-radius: 4px;
  border: 1px solid var(--outline-low);
  background-color: var(--surface);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface-high);
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-label:hover {
    border-color: var(--outline-high);
    color: var(--on-surface);
  }
}

.btn-label:not(:disabled):active {
  background-color: var(--surface-low);
  color: var(--on-surface);
}

.btn-label:hover .ic-compare-16px,
.btn-label:active .ic-compare-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4h4v8h-4V4z' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3Cpath d='M10.5 4h4v8h-4V4zM8 2v12' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-label:disabled {
  border-color: var(--outline-mid);
  color: var(--surface-container-mid);
}

.btn-label:disabled .ic-compare-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4h4v8h-4V4z' stroke='rgb%28178%2C184%2C189%29' stroke-linecap='square'/%3E%3Cpath d='M10.5 4h4v8h-4V4zM8 2v12' stroke='rgb%28178%2C184%2C189%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-label .ic {
  -webkit-margin-end: 2px;
  margin-inline-end: 2px;
}

@media screen and (max-width: 600px) {
  .btn-label {
    padding: 7px 13px;
    font-size: 10px;
    line-height: 1.6;
    color: var(--on-surface-highest);
  }

  .btn-label .ic {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.btn-pill {
  padding: 7px 40px;
  border: 1px solid var(--outline);
  border-radius: 40px;
  background-color: var(--surface);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.66667;
  color: var(--on-surface);
}

.btn-pill:hover {
  background-color: var(--surface-lowest);
}

.btn-explore {
  display: inline-block;
  height: 40px;
  border: 1px solid var(--outline-highest);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.53846;
  color: var(--on-surface-high);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-explore:before,
.btn-explore:after {
  -webkit-transform: scaleX(var(--inline-dir));
  transform: scaleX(var(--inline-dir));
  margin-top: -1px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8H2m0 0l5-5M2 8l5 5' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .btn-explore:before,
.dark .btn-explore:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8H2m0 0l5-5M2 8l5 5' stroke='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-explore-prev {
  padding-block: 9px;
  padding-inline: 22px 26px;
}

.btn-explore-prev:before {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  content: '';
}

.btn-explore-next {
  padding-block: 9px;
  padding-inline: 26px 22px;
}

.btn-explore-next:after {
  -webkit-transform: scaleX(var(--inline-dir)) rotate(180deg);
  transform: scaleX(var(--inline-dir)) rotate(180deg);
  -webkit-margin-start: 8px;
  margin-inline-start: 8px;
  content: '';
}

.btn-explore:hover {
  border-color: var(--outline);
  color: var(--on-surface);
}

.btn-explore:hover:before,
.btn-explore:hover:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8H2m0 0l5-5M2 8l5 5' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .btn-explore:hover:before,
.dark .btn-explore:hover:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8H2m0 0l5-5M2 8l5 5' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-explore.btn-small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-width: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  padding: 0 20px;
  font-size: 12px;
  line-height: 1.66667;
}

@media screen and (max-width: 600px) {
  .btn-explore.btn-small {
    min-width: 0;
  }
}

@media screen and (max-width: 600px) {
  .btn-explore {
    height: 36px;
    font-size: 12px;
    line-height: 1.66667;
  }

  .btn-explore:before,
  .btn-explore:after {
    margin-top: -1px;
  }

  .btn-explore-prev {
    padding-top: 7px;
    padding-bottom: 8px;
  }

  .btn-explore-next {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

.btn-explore-fill {
  display: inline-block;
  height: 40px;
  border-radius: 4px;
  background-color: var(--primary);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.23077;
  color: var(--on-surface-lowest);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-explore-fill:before,
.btn-explore-fill:after {
  -webkit-transform: scaleX(var(--inline-dir));
  transform: scaleX(var(--inline-dir));
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8H2m0 0l5-5M2 8l5 5' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .btn-explore-fill:before,
.dark .btn-explore-fill:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8H2m0 0l5-5M2 8l5 5' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-explore-fill:after {
  -webkit-transform: scaleX(var(--inline-dir)) rotate(180deg);
  transform: scaleX(var(--inline-dir)) rotate(180deg);
}

.btn-explore-fill:hover {
  background-color: var(--primary-highest);
}

.btn-explore-fill.btn-small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-width: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  padding: 0 20px;
  font-size: 12px;
  line-height: 1.66667;
}

@media screen and (max-width: 600px) {
  .btn-explore-fill.btn-small {
    min-width: 0;
  }
}

.btn-stock {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 9px;
  border-radius: 4px;
  background-color: var(--surface-container-lowest);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface-highest);
}

.btn-stock .ic {
  margin-block: -1px 0;
  margin-inline: 0 4px;
}

.btn-top {
  position: fixed;
  inset-inline-end: 40px;
  bottom: 60px;
  z-index: 10;
  width: 52px;
  height: 52px;
  border-radius: 100px;
  padding: 11px;
  border-radius: 100px;
  background-color: var(--surface-container);
  -webkit-box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.35s;
  transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.35s;
  transition: transform 0.35s, opacity 0.3s, visibility 0.3s;
  transition: transform 0.35s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.35s;
}

.btn-top.is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: initial;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-top:hover {
    background-color: var(--surface-container-lowest);
  }
}

.btn-top:active {
  background-color: var(--surface-container-low);
}

.btn-top .ic-arrow-upward-outlined-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4.5V21m7.5-10L12 3.5 4.5 11' stroke='rgb%285%2C20%2C31%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (max-width: 960px) {
  .btn-top {
    inset-inline-end: 16px;
    bottom: 30px;
    width: 42px;
    height: 42px;
  }

  .btn-top .ic-arrow-upward-outlined-24px {
    width: 20px;
    height: 20px;
  }
}

.btn-custom-rsa {
  border: 1px solid var(--outline-mid);
  border-radius: 4px;
  text-align: center;
}

.btn-custom-rsa .btn-inner {
  width: auto;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.53846;
  color: var(--on-surface);
}

.btn-custom-rsa .ic-emergency-outlined-20px {
  -webkit-margin-end: 6px;
  margin-inline-end: 6px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='21' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_12699_3602)'%3E%3Cpath d='M14.904 16.582l.17-.259c.056-.101.104-.203.132-.286a.34.34 0 00-.117-.392l-2.353-1.86a.353.353 0 00-.157-.077.348.348 0 00-.251.054l-1.215.779a.323.323 0 01-.362-.022c-.47-.376-1.79-1.475-2.746-2.6-.956-1.123-1.825-2.608-2.118-3.122a.323.323 0 01.04-.362l.986-1.106a.325.325 0 00.04-.362L5.492 4.324a.375.375 0 00-.25-.179.265.265 0 00-.12-.001c-.736.16-2.258 1.002-2.65 1.221a.546.546 0 00-.189.197c-.874 2.111 1.75 6.175 3.513 8.239 1.81 2.13 4.55 4.366 6.917 4.768.287.05.557.043.8-.039 0 0 .093-.083.526-.683l.386-.526.48-.739z' stroke='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M7.39 4.246c.148.224.344.41.588.558a1.5 1.5 0 00.762.216c.252 0 .446-.06.582-.18a.58.58 0 00.21-.45.48.48 0 00-.144-.342c-.092-.1-.254-.212-.486-.336l-.666-.354c-.284-.152-.496-.316-.636-.492-.136-.18-.204-.416-.204-.708a1.143 1.143 0 01.66-1.044C8.28.998 8.554.94 8.878.94c.472 0 .91.152 1.314.456v.906a1.912 1.912 0 00-.618-.534 1.456 1.456 0 00-.696-.18c-.192 0-.344.052-.456.156a.472.472 0 00-.168.366c0 .116.036.218.108.306.072.088.206.182.402.282l.708.366c.312.164.542.348.69.552.152.2.228.452.228.756 0 .264-.068.494-.204.69-.136.196-.33.348-.582.456a2.148 2.148 0 01-.864.162 2.03 2.03 0 01-.804-.156c-.244-.1-.426-.212-.546-.336v-.942zm3.542-.99c0-.448.09-.846.27-1.194.184-.352.444-.626.78-.822.336-.2.728-.3 1.176-.3.452 0 .846.1 1.182.3.336.196.594.47.774.822.18.348.27.746.27 1.194v.108c0 .448-.09.848-.27 1.2-.18.348-.438.622-.774.822-.336.196-.73.294-1.182.294-.448 0-.84-.098-1.176-.294a2.057 2.057 0 01-.78-.822 2.598 2.598 0 01-.27-1.2v-.108zm.876.108c0 .328.054.618.162.87.108.252.262.448.462.588.204.14.446.21.726.21.28 0 .522-.07.726-.21.204-.14.358-.336.462-.588.108-.252.162-.542.162-.87v-.108c0-.328-.054-.618-.162-.87a1.288 1.288 0 00-.462-.588 1.251 1.251 0 00-.726-.21c-.28 0-.522.07-.726.21-.2.14-.354.336-.462.588a2.192 2.192 0 00-.162.87v.108zm4.148.882c.148.224.344.41.588.558a1.5 1.5 0 00.762.216c.252 0 .446-.06.582-.18a.58.58 0 00.21-.45.48.48 0 00-.144-.342c-.092-.1-.254-.212-.486-.336l-.666-.354c-.284-.152-.496-.316-.636-.492-.136-.18-.204-.416-.204-.708a1.143 1.143 0 01.66-1.044c.224-.116.498-.174.822-.174.472 0 .91.152 1.314.456v.906a1.912 1.912 0 00-.618-.534 1.456 1.456 0 00-.696-.18c-.192 0-.344.052-.456.156a.472.472 0 00-.168.366c0 .116.036.218.108.306.072.088.206.182.402.282l.708.366c.312.164.542.348.69.552.152.2.228.452.228.756 0 .264-.068.494-.204.69-.136.196-.33.348-.582.456a2.148 2.148 0 01-.864.162 2.03 2.03 0 01-.804-.156c-.244-.1-.426-.212-.546-.336v-.942z' fill='rgb%285%2C20%2C31%29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12699_3602'%3E%3Cpath fill='rgb%285%2C20%2C31%29' transform='translate(.5)' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.btn-custom-rsa:active {
  background-color: var(--surface-mid);
}

.btn-custom-rsa:disabled .btn-inner,
.btn-custom-rsa.is-inactive .btn-inner {
  color: var(--on-surface-container-mid);
}

.btn-custom-rsa:disabled .ic-emergency-outlined-20px,
.btn-custom-rsa.is-inactive .ic-emergency-outlined-20px {
  background-image: url("data:image/svg+xml, %3Csvg width='21' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_12699_3602)'%3E%3Cpath d='M14.904 16.582l.17-.259c.056-.101.104-.203.132-.286a.34.34 0 00-.117-.392l-2.353-1.86a.353.353 0 00-.157-.077.348.348 0 00-.251.054l-1.215.779a.323.323 0 01-.362-.022c-.47-.376-1.79-1.475-2.746-2.6-.956-1.123-1.825-2.608-2.118-3.122a.323.323 0 01.04-.362l.986-1.106a.325.325 0 00.04-.362L5.492 4.324a.375.375 0 00-.25-.179.265.265 0 00-.12-.001c-.736.16-2.258 1.002-2.65 1.221a.546.546 0 00-.189.197c-.874 2.111 1.75 6.175 3.513 8.239 1.81 2.13 4.55 4.366 6.917 4.768.287.05.557.043.8-.039 0 0 .093-.083.526-.683l.386-.526.48-.739z' stroke='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M7.39 4.246c.148.224.344.41.588.558a1.5 1.5 0 00.762.216c.252 0 .446-.06.582-.18a.58.58 0 00.21-.45.48.48 0 00-.144-.342c-.092-.1-.254-.212-.486-.336l-.666-.354c-.284-.152-.496-.316-.636-.492-.136-.18-.204-.416-.204-.708a1.143 1.143 0 01.66-1.044C8.28.998 8.554.94 8.878.94c.472 0 .91.152 1.314.456v.906a1.912 1.912 0 00-.618-.534 1.456 1.456 0 00-.696-.18c-.192 0-.344.052-.456.156a.472.472 0 00-.168.366c0 .116.036.218.108.306.072.088.206.182.402.282l.708.366c.312.164.542.348.69.552.152.2.228.452.228.756 0 .264-.068.494-.204.69-.136.196-.33.348-.582.456a2.148 2.148 0 01-.864.162 2.03 2.03 0 01-.804-.156c-.244-.1-.426-.212-.546-.336v-.942zm3.542-.99c0-.448.09-.846.27-1.194.184-.352.444-.626.78-.822.336-.2.728-.3 1.176-.3.452 0 .846.1 1.182.3.336.196.594.47.774.822.18.348.27.746.27 1.194v.108c0 .448-.09.848-.27 1.2-.18.348-.438.622-.774.822-.336.196-.73.294-1.182.294-.448 0-.84-.098-1.176-.294a2.057 2.057 0 01-.78-.822 2.598 2.598 0 01-.27-1.2v-.108zm.876.108c0 .328.054.618.162.87.108.252.262.448.462.588.204.14.446.21.726.21.28 0 .522-.07.726-.21.204-.14.358-.336.462-.588.108-.252.162-.542.162-.87v-.108c0-.328-.054-.618-.162-.87a1.288 1.288 0 00-.462-.588 1.251 1.251 0 00-.726-.21c-.28 0-.522.07-.726.21-.2.14-.354.336-.462.588a2.192 2.192 0 00-.162.87v.108zm4.148.882c.148.224.344.41.588.558a1.5 1.5 0 00.762.216c.252 0 .446-.06.582-.18a.58.58 0 00.21-.45.48.48 0 00-.144-.342c-.092-.1-.254-.212-.486-.336l-.666-.354c-.284-.152-.496-.316-.636-.492-.136-.18-.204-.416-.204-.708a1.143 1.143 0 01.66-1.044c.224-.116.498-.174.822-.174.472 0 .91.152 1.314.456v.906a1.912 1.912 0 00-.618-.534 1.456 1.456 0 00-.696-.18c-.192 0-.344.052-.456.156a.472.472 0 00-.168.366c0 .116.036.218.108.306.072.088.206.182.402.282l.708.366c.312.164.542.348.69.552.152.2.228.452.228.756 0 .264-.068.494-.204.69-.136.196-.33.348-.582.456a2.148 2.148 0 01-.864.162 2.03 2.03 0 01-.804-.156c-.244-.1-.426-.212-.546-.336v-.942z' fill='rgb%28141%2C149%2C154%29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12699_3602'%3E%3Cpath fill='rgb%28141%2C149%2C154%29' transform='translate(.5)' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.btn-add {
  padding: 8px 14px 6px 12px;
  border-radius: 100px;
  border: 1px solid var(--outline-low);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.53846;
  color: var(--on-surface-highest);
}

.btn-add .ic {
  -webkit-margin-end: 4px;
  margin-inline-end: 4px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8h10M8 3v10' stroke='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .btn-add:hover {
    background-color: var(--surface-low);
  }
}

.toggle-box {
  overflow: hidden;
  display: inline-block;
  font-size: 0;
}

.toggle-box .input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}

.toggle-box .input+.label {
  background-color: var(--surface-ultimate);
}

.toggle-box .input+.label:before {
  background-color: var(--on-surface-lowest);
}

.toggle-box .input:checked+.label {
  background-color: var(--primary);
}

.toggle-box .input:checked+.label:before {
  inset-inline-end: 3px;
  inset-inline-start: auto;
  background-color: var(--on-primary);
}

.toggle-box .input:disabled+.label {
  background-color: var(--surface-high);
}

.toggle-box .input:checked:disabled+.label:before {
  background-color: var(--on-surface-lowest);
}

.toggle-box .label {
  display: inline-block;
  position: relative;
  width: 42px;
  height: 24px;
  border-radius: 12px;
  background-color: var(--surface-ultimate);
}

.toggle-box .label:before {
  position: absolute;
  top: 3px;
  inset-inline-start: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--on-surface-lowest);
  content: '';
}

.input-box {
  overflow: hidden;
  position: relative;
  font-size: 0;
}

.input-box .input-message {
  display: block;
  margin-top: 6px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--on-surface-mid);
}

.input-box .input.input-btn-large+.label:before {
  width: 24px;
  height: 24px;
}

.input-box .input:disabled+.label {
  color: var(--on-surface-mid);
}

.input-box .input[readonly] {
  background-color: var(--surface-container-lowest);
  color: var(--on-surface-ultimate);
}

.input-box .input:disabled+.label,
.input-box .input:checked:disabled+.label {
  cursor: default;
}

.input-box .label {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.53846;
  color: var(--on-surface-highest);
  cursor: pointer;
}

.input-box .label:before {
  display: inline-block;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  content: '';
}

.input-box input[type='radio'] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}

.input-box input[type='radio']+.label:before {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='9.5' stroke='rgb%28157%2C162%2C168%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.input-box input[type='radio']:checked+.label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='10' height='10' rx='5' stroke='rgb%285%2C20%2C31%29' stroke-width='10'/%3E%3Ccircle cx='10' cy='10' r='4.167' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.input-box input[type='radio']:checked:disabled+.label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='10' height='10' rx='5' stroke='rgb%28205%2C208%2C211%29' stroke-width='10'/%3E%3Ccircle cx='10' cy='10' r='4.167' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.input-box input[type='radio']:disabled+.label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='9.5' fill='rgb%28242%2C244%2C246%29' stroke='rgb%28231%2C233%2C236%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.input-box input[type='checkbox'] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}

.input-box input[type='checkbox']+.label:before {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' stroke='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.input-box input[type='checkbox']:checked+.label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M15.5 6l-7 8-4-3.5' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.input-box input[type='checkbox']:checked:disabled+.label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='rgb%28205%2C208%2C211%29'/%3E%3Cpath d='M15.5 6l-7 8-4-3.5' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.input-box input[type='checkbox']:disabled+.label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' fill='rgb%28242%2C244%2C246%29'/%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' stroke='rgb%28205%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.input-box-text .input-box-inner {
  position: relative;
}

.input-box-text .input-box-inner+.input-box-inner {
  margin-top: 6px;
}

.input-box-text .label {
  display: inline-block;
  position: relative;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface);
}

.input-box-text .label+.input-box-inner,
.input-box-text .label+.input {
  margin-top: 6px;
}

.input-box-text .label:before {
  display: none;
}

.input-box-text .label .required {
  overflow: hidden;
  position: absolute;
  top: 0;
  inset-inline-end: -7px;
  line-height: 999px;
  white-space: nowrap;
  display: inline-block;
  width: 6px;
  height: 6px;
  background-image: url("data:image/svg+xml, %3Csvg width='6' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8099_361)' stroke='rgb%28241%2C62%2C62%29' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 .75v4.5M.943 1.813l4.113 2.375M5.057 1.813L.943 4.188'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8099_361'%3E%3Cpath fill='none' d='M0 0h6v6H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.input-box-text .input,
.input-box-text .text-area {
  width: 100%;
  height: 40px;
  padding: 0 16px;
  border: 1px solid var(--outline-mid);
  border-radius: 4px;
  background-color: var(--surface-container);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface-ultimate);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {

  .input-box-text .input,
  .input-box-text .text-area {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66667;
  }
}

.input-box-text .input::-webkit-input-placeholder,
.input-box-text .text-area::-webkit-input-placeholder {
  color: var(--on-surface-low);
}

.input-box-text .input::-moz-placeholder,
.input-box-text .text-area::-moz-placeholder {
  color: var(--on-surface-low);
}

.input-box-text .input:-moz-placeholder-shown~.btn-delete-input,
.input-box-text .text-area:-moz-placeholder-shown~.btn-delete-input {
  display: none;
}

.input-box-text .input:-ms-input-placeholder~.btn-delete-input,
.input-box-text .text-area:-ms-input-placeholder~.btn-delete-input {
  display: none;
}

.input-box-text .input:placeholder-shown~.btn-delete-input,
.input-box-text .text-area:placeholder-shown~.btn-delete-input {
  display: none;
}

.input-box-text .input:not(:-moz-placeholder-shown) :not(.is-error):hover,
.input-box-text .text-area:not(:-moz-placeholder-shown) :not(.is-error):hover {
  border: 1px solid var(--outline-ultimate);
}

.input-box-text .input:not(:-ms-input-placeholder) :not(.is-error):hover,
.input-box-text .text-area:not(:-ms-input-placeholder) :not(.is-error):hover {
  border: 1px solid var(--outline-ultimate);
}

.input-box-text .input:not(:placeholder-shown) :not(.is-error):hover,
.input-box-text .text-area:not(:placeholder-shown) :not(.is-error):hover {
  border: 1px solid var(--outline-ultimate);
}

.input-box-text .input:focus,
.input-box-text .text-area:focus {
  -webkit-padding-end: 48px;
  padding-inline-end: 48px;
  border: 1px solid var(--outline-ultimate);
}

.input-box-text .input:focus~.btn-delete-input,
.input-box-text .text-area:focus~.btn-delete-input {
  display: block;
}

.input-box-text .text-area {
  outline: none;
  resize: none;
  min-height: 64px;
  padding: 9px 15px;
  color: var(--on-surface);
}

.input-box-text .text-area:disabled {
  background-color: var(--surface-container-lowest);
  color: var(--on-surface-container-low);
}

.input-box-text .text-area[readonly] {
  background-color: var(--surface-container-lowest);
  color: var(--on-surface-ultimate);
}

.input-box-text .btn-delete-input {
  display: none;
  position: absolute;
  top: 50%;
  inset-inline-end: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.input-box-text .input-sub-text {
  display: block;
  margin: 4px 0 6px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--on-surface-mid);
}

.input-box-price .input {
  width: 100%;
  height: 40px;
  padding: 0 16px;
  border: 1px solid var(--outline-mid);
  border-radius: 4px;
  background-color: var(--surface-container);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface-ultimate);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .input-box-price .input {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66667;
  }
}

.input-box-price .input.text-right {
  text-align: end;
}

.input-box-price .input:focus {
  border: 1px solid var(--outline-ultimate);
}

.input-box-price .price-unit {
  display: inline-block;
  position: absolute;
  top: 50%;
  inset-inline-start: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface-high);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.input-box.is-error .input,
.input-box.is-error:focus .input {
  border: 1px solid var(--state-red);
}

.input-box.is-error .input-message,
.input-box.is-error:focus .input-message {
  color: var(--state-red);
}

.input-box.is-error .text-area,
.input-box.is-error:focus .text-area {
  border: 1px solid var(--state-red);
}

.input-box.is-error .btn-delete-input {
  display: block;
}

.input-box.is-disabled .label {
  color: var(--on-surface-mid);
}

.input-box.is-disabled .input {
  background-color: var(--surface-container-lowest);
  color: var(--on-surface-container-low-custom);
}

.input-box.is-disabled .input-message {
  color: var(--on-surface-low);
}

.select-box {
  position: relative;
  display: inline-block;
  font-size: 0;
}

.select-box-center .dropdown-content {
  inset-inline-start: 50%;
  -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
  transform: translateX(calc(-50% * var(--inline-dir)));
}

.select-box-dropup .dropdown-content {
  top: auto;
  bottom: calc(100% + 4px);
}

.select-box.is-opened .btn-text-select:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.select-box.is-opened .dropdown-content {
  display: block;
}

.select-box .btn-text-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface-highest);
  vertical-align: middle;
}

.select-box .btn-text-select:after {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  -webkit-margin-start: 2px;
  margin-inline-start: 2px;
  content: '';
}

.select-box .btn-text-select:hover {
  color: var(--on-surface);
}

.slider-box {
  position: relative;
  width: 100%;
  height: 35px;
  padding-top: 10px;
}

.slider-box .slider-track {
  position: absolute;
  inset-inline-start: 8px;
  inset-inline-end: 8px;
  height: 6px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  background-color: transparent;
}

.slider-box input[type='range'] {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  outline: none;
  pointer-events: none;
  z-index: 1;
}

.slider-box input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='9.5' fill='rgb%28255%2C255%2C255%29' stroke='rgb%285%2C20%2C31%29' stroke-width='7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  pointer-events: auto;
}

@media screen and (hover: hover) and (pointer: fine) {
  .slider-box input[type='range']::-webkit-slider-thumb:hover {
    background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='9.5' fill='rgb%28255%2C255%2C255%29' stroke='rgb%2848%2C60%2C71%29' stroke-width='7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 960px) {
  .slider-box input[type='range']::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='7' fill='rgb%28255%2C255%2C255%29' stroke='rgb%285%2C20%2C31%29' stroke-width='6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 960px) and (hover: hover) and (pointer: fine) {
  .slider-box input[type='range']::-webkit-slider-thumb:hover {
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='7' fill='rgb%28255%2C255%2C255%29' stroke='rgb%2848%2C60%2C71%29' stroke-width='6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.slider-box .slider-info {
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}

.slider-box .slider-info:before {
  position: absolute;
  inset-inline-start: 50%;
  bottom: 20px;
  -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
  transform: translateX(calc(-50% * var(--inline-dir)));
  width: 1px;
  height: 6px;
  background-color: var(--outline-mid);
  content: '';
}

.slider-box .slider-info .range {
  position: relative;
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--on-surface-mid);
}

.slider-box .slider-info .range:first-child {
  inset-inline-start: 6px;
}

.slider-box .slider-info .range.middle {
  -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
  transform: translateX(calc(-50% * var(--inline-dir)));
}

.slider-box.slider-box-large {
  height: 36px;
}

.slider-box.slider-box-large .slider-track {
  inset-inline-start: 12px;
  inset-inline-end: 12px;
}

.slider-box.slider-box-large .slider-info {
  bottom: 2px;
}

.slider-box.slider-box-large .slider-info:before {
  bottom: 19px;
}

.slider-box.slider-box-large .range:first-child {
  inset-inline-start: 9px;
}

@media screen and (max-width: 600px) {
  .input-box-text .input {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66667;
  }

  .input-box-price .input {
    padding-block: 0;
    padding-inline: 35px 16px;
  }

  .input-box-price .input,
  .input-box-price .price-unit {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66667;
  }

  .select-box .btn-text-select {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66667;
  }
}

.dark .input-box input[type='radio']+.label:before {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='9.5' stroke='rgb%2899%2C107%2C116%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .input-box input[type='radio']:checked+.label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='10' height='10' rx='5' stroke='rgb%28255%2C255%2C255%29' stroke-width='10'/%3E%3Ccircle cx='10' cy='10' r='4.167' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .input-box input[type='radio']:checked:disabled+.label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='10' height='10' rx='5' stroke='rgb%28178%2C184%2C189%29' stroke-width='10'/%3E%3Ccircle cx='10' cy='10' r='4.167' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .input-box input[type='radio']:disabled+.label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='9.5' fill='rgb%2848%2C60%2C71%29' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .input-box input[type='checkbox']+.label:before {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' stroke='rgb%2899%2C107%2C116%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .input-box input[type='checkbox']:checked+.label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M15.5 6l-7 8-4-3.5' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .input-box input[type='checkbox']:checked:disabled+.label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='rgb%28178%2C184%2C189%29'/%3E%3Cpath d='M15.5 6l-7 8-4-3.5' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .input-box input[type='checkbox']:disabled+.label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' fill='rgb%2848%2C60%2C71%29'/%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.rectangle-search-box {
  position: relative;
  margin: 0 auto;
  max-width: 640px;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .rectangle-search-box {
    max-width: 600px;
    min-width: 520px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .rectangle-search-box {
    width: 537px;
  }
}

@media screen and (max-width: 600px) {
  .rectangle-search-box {
    width: 100%;
  }
}

.rectangle-search-box .input {
  width: 100%;
  height: 40px;
  padding-block: 11px;
  padding-inline: 16px 80px;
  border-bottom: 1px solid var(--outline);
  background-color: transparent;
  color: var(--on-surface);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.57143;
}

.rectangle-search-box .input::-webkit-input-placeholder {
  color: var(--on-surface-low);
}

.rectangle-search-box .input::-moz-placeholder {
  color: var(--on-surface-low);
}

.rectangle-search-box .input:focus {
  border-color: var(--outline);
}

.rectangle-search-box .input:focus~.btn-delete-input {
  display: block;
}

.rectangle-search-box .input:-moz-placeholder-shown~.btn-delete-input {
  display: none;
}

.rectangle-search-box .input:-ms-input-placeholder~.btn-delete-input {
  display: none;
}

.rectangle-search-box .input:placeholder-shown~.btn-delete-input {
  display: none;
}

@media screen and (min-width: 961px) {
  .rectangle-search-box .input {
    height: unset;
    padding-block: 10px 6px;
    padding-inline: 2px 62px;
    border-bottom-width: 2px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.33333;
  }

  .rectangle-search-box .input::-webkit-input-placeholder {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.33333;
  }

  .rectangle-search-box .input::-moz-placeholder {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.33333;
  }
}

@media screen and (max-width: 960px) {
  .rectangle-search-box .input {
    padding-block: 10px 8px;
    padding-inline: 2px 68px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
  }

  .rectangle-search-box .input::-webkit-input-placeholder {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
  }

  .rectangle-search-box .input::-moz-placeholder {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
  }
}

.rectangle-search-box .search-btn {
  position: absolute;
  top: 50%;
  inset-inline-end: 11px;
  padding: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.rectangle-search-box .search-btn:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.045 18.045l.53-.53-.53-.53-.53.53.53.53zm4.175 5.235l.53.53 1.06-1.06-.53-.53-1.06 1.06zm-10.303-3.447A7.917 7.917 0 014 11.917H2.5c0 5.2 4.216 9.416 9.417 9.416v-1.5zM4 11.917A7.917 7.917 0 0111.917 4V2.5A9.417 9.417 0 002.5 11.917H4zM11.917 4a7.917 7.917 0 017.916 7.917h1.5c0-5.201-4.216-9.417-9.416-9.417V4zm5.598 13.515a7.89 7.89 0 01-5.598 2.318v1.5a9.39 9.39 0 006.658-2.758l-1.06-1.06zm0 1.06l4.705 4.705 1.06-1.06-4.705-4.705-1.06 1.06zm2.318-6.658c0 .923-.157 1.808-.447 2.63l1.415.498c.345-.98.532-2.033.532-3.128h-1.5z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: top;
  content: '';
}

.dark .rectangle-search-box .search-btn:before {
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.045 18.045l.53-.53-.53-.53-.53.53.53.53zm4.175 5.235l.53.53 1.06-1.06-.53-.53-1.06 1.06zm-10.303-3.447A7.917 7.917 0 014 11.917H2.5c0 5.2 4.216 9.416 9.417 9.416v-1.5zM4 11.917A7.917 7.917 0 0111.917 4V2.5A9.417 9.417 0 002.5 11.917H4zM11.917 4a7.917 7.917 0 017.916 7.917h1.5c0-5.201-4.216-9.417-9.416-9.417V4zm5.598 13.515a7.89 7.89 0 01-5.598 2.318v1.5a9.39 9.39 0 006.658-2.758l-1.06-1.06zm0 1.06l4.705 4.705 1.06-1.06-4.705-4.705-1.06 1.06zm2.318-6.658c0 .923-.157 1.808-.447 2.63l1.415.498c.345-.98.532-2.033.532-3.128h-1.5z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.rectangle-search-box .search-btn:hover:before {
  border-radius: 2px;
  background-color: var(--surface-mid);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

@media screen and (min-width: 961px) {
  .rectangle-search-box .search-btn {
    inset-inline-end: 2px;
    margin-top: -3px;
    padding: 0;
  }

  .rectangle-search-box .search-btn:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.761 27.761l.707-.707-.681-.681-.706.656.68.732zm6.532 7.946l.707.707L36.414 35l-.707-.707-1.414 1.414zm-3.815-11.862l-.91-.414-.001.001.91.413zm-3.432 4.582l.653.757.014-.012.014-.013-.681-.732zm.715-.666l-.707.707 7.239 7.24L35 35l.707-.707-7.239-7.239-.707.707zm-9.428 3.906v-1C11.522 30.667 6 25.145 6 18.333H4c0 7.916 6.417 14.334 14.333 14.334v-1zM5 18.333h1C6 11.522 11.522 6 18.333 6V4C10.417 4 4 10.417 4 18.333h1zM18.333 5v1c6.812 0 12.334 5.522 12.334 12.333h2C32.667 10.417 26.249 4 18.333 4v1zm13.334 13.333h-1c0 1.82-.394 3.546-1.1 5.098l.91.414.911.414a14.286 14.286 0 001.279-5.926h-1zm-4.621 10.094l-.654-.757a12.282 12.282 0 01-8.059 2.997v2c3.58 0 6.855-1.314 9.366-3.483l-.653-.757zm0 0l.68.732.716-.665-.68-.733-.681-.732-.716.666.68.732zm3.432-4.582l-.911-.413-.1.222.91.412.911.413.1-.221-.91-.413z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 960px) {
  .rectangle-search-box .search-btn {
    inset-inline-end: -3px;
    margin-top: -1px;
  }
}

.rectangle-search-box .btn-delete-input {
  position: absolute;
  top: 50%;
  inset-inline-end: 50px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.rectangle-search-box .btn-delete-input .ic-delete-filled-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='rgb%28243%2C244%2C245%29'/%3E%3Cpath d='M11.217 4.783L8 8m-3.217 3.217L8 8M4.783 4.783L8 8m3.217 3.217L8 8' stroke='rgb%2899%2C109%2C116%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  vertical-align: top;
}

@media screen and (hover: hover) and (pointer: fine) {
  .rectangle-search-box .btn-delete-input:hover .ic-delete-filled-16px {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='rgb%28205%2C208%2C210%29'/%3E%3Cpath d='M11.217 4.783L8 8m-3.217 3.217L8 8M4.783 4.783L8 8m3.217 3.217L8 8' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 961px) {
  .rectangle-search-box .btn-delete-input {
    inset-inline-end: 54px;
    width: 26px;
    height: 26px;
    margin-top: -14px;
  }

  .rectangle-search-box .btn-delete-input .ic {
    width: 26px;
    height: 26px;
  }
}

@media screen and (max-width: 960px) {
  .rectangle-search-box .btn-delete-input {
    inset-inline-end: 32px;
  }
}

.search-overview {
  margin-top: 100px;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .search-overview {
    margin-top: 88px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .search-overview {
    margin-top: 48px;
  }
}

@media screen and (max-width: 600px) {
  .search-overview {
    margin-top: 36px;
  }
}

.search-overview-inner {
  font-size: 0;
  text-align: start;
}

.search-overview-inner .text {
  margin: 0 6px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--on-surface);
}

@media screen and (max-width: 960px) {
  .search-overview-inner .text {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.53846;
  }
}

.search-overview-inner .text-point {
  margin: 0;
  color: var(--secondary);
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .search-overview-empty {
    margin-top: 74px;
  }
}

@media screen and (max-width: 600px) {
  .search-overview-empty {
    margin-top: 62px;
  }
}

.search-overview-empty .search-overview-inner {
  text-align: center;
}

.search-box {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.search-box .search-input .input {
  width: 100%;
  height: 44px;
  padding-block: 9px 10px;
  padding-inline: 14px 80px;
  border-radius: 44px;
  border: 1px solid var(--outline);
  color: var(--on-surface-container);
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
}

.search-box .search-input .input::-webkit-input-placeholder {
  color: var(--on-surface-container-mid);
}

.search-box .search-input .input::-moz-placeholder {
  color: var(--on-surface-container-mid);
}

.search-box .search-input .input:focus~.btn-delete-input {
  display: block;
}

.search-box .search-input .input:-moz-placeholder-shown~.btn-delete-input {
  display: none;
}

.search-box .search-input .input:-ms-input-placeholder~.btn-delete-input {
  display: none;
}

.search-box .search-input .input:placeholder-shown~.btn-delete-input {
  display: none;
}

.search-box .btn-delete-input {
  position: absolute;
  top: 50%;
  inset-inline-end: 50px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.search-box .btn-delete-input .ic-delete-filled-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='rgba%28242%2C244%2C246%2C0.6%29'/%3E%3Cpath d='M11.217 4.783L8 8m-3.217 3.217L8 8M4.783 4.783L8 8m3.217 3.217L8 8' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .search-box:not(.type-light) .ic {
  background-image: url("data:image/svg+xml, %3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.045 18.045l.53-.53-.53-.53-.53.53.53.53zm4.175 5.235l.53.53 1.06-1.06-.53-.53-1.06 1.06zm-10.303-3.447A7.917 7.917 0 014 11.917H2.5c0 5.2 4.216 9.416 9.417 9.416v-1.5zM4 11.917A7.917 7.917 0 0111.917 4V2.5A9.417 9.417 0 002.5 11.917H4zM11.917 4a7.917 7.917 0 017.916 7.917h1.5c0-5.201-4.216-9.417-9.416-9.417V4zm5.598 13.515a7.89 7.89 0 01-5.598 2.318v1.5a9.39 9.39 0 006.658-2.758l-1.06-1.06zm0 1.06l4.705 4.705 1.06-1.06-4.705-4.705-1.06 1.06zm2.318-6.658c0 .923-.157 1.808-.447 2.63l1.415.498c.345-.98.532-2.033.532-3.128h-1.5z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.search-box .search-btn {
  position: absolute;
  top: 50%;
  inset-inline-end: 13px;
  width: 34px;
  height: 34px;
  margin-top: -17px;
}

.search-box.type-large .input {
  height: 54px;
  font-size: 16px;
  line-height: 1.5;
}

.search-box.type-large .search-btn {
  width: 44px;
  height: 44px;
  margin-top: -22px;
}

.header .search-box.type-light .search-input {
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.header .search-box.type-light .input {
  width: 270px;
  background-color: transparent;
  -webkit-transition: width 0.3s, opacity 0.1s;
  transition: width 0.3s, opacity 0.1s;
}

.header .search-box.type-light .search-btn {
  background-color: transparent;
}

.header .search-box.type-light:not(.is-fold) .search-btn:hover {
  background-color: transparent;
}

.header .search-box.type-light.is-fold .search-input {
  overflow: hidden;
  width: 34px;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
}

.header .search-box.type-light.is-fold .search-input .input {
  border-color: rgba(255, 255, 255, 0);
  width: 24px;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
  opacity: 0;
  font-size: 0;
  pointer-events: none;
  -webkit-transition: width 0.4s, opacity 0.3s 0.1s, border-color 0.1s 0.1s, font-size 0s;
  transition: width 0.4s, opacity 0.3s 0.1s, border-color 0.1s 0.1s, font-size 0s;
}

.header .search-box.type-light.is-fold .search-input .input~.btn-delete-input {
  display: none;
}

.dropdown {
  display: inline-block;
  position: relative;
  font-size: 0;
}

.dropdown.type-dropup .dropdown-content {
  top: auto;
  bottom: calc(100% + 4px);
}

.dropdown.dropdown-full {
  width: 100%;
}

.dropdown.dropdown-full .dropdown-content {
  width: 100%;
}

.dropdown.type-select .btn-select-dropdown {
  padding-block: 0;
  padding-inline: 0 19px;
  border: 0;
  background-color: transparent;
  color: var(--on-surface-highest);
}

.dropdown.type-select .btn-select-dropdown:hover {
  color: var(--on-surface);
  text-decoration: underline;
}

.dropdown.type-select .btn-select-dropdown:after {
  inset-inline-end: 0;
}

.dropdown.type-select.is-opened .btn-select-dropdown {
  border: 0;
}

.dropdown.type-select.is-done .btn-select-dropdown {
  text-decoration: underline;
}

.dropdown.dropdown-small .btn-select-dropdown {
  -webkit-padding-end: 16px;
  padding-inline-end: 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
}

.dropdown.is-opened {
  z-index: 10001;
}

.dropdown.is-opened .dropdown-content {
  display: block;
}

.dropdown.is-opened .btn-select-dropdown {
  border: 1px solid var(--outline-ultimate);
}

.dropdown.is-opened .btn-select-dropdown:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dropdown.is-opened .btn-select-dropdown-input {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10L8 6L12 10' stroke='%23303C47' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.dark .dropdown.is-opened .btn-select-dropdown-input {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10L8 6L12 10' stroke='%23ccd0d3' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.dropdown.is-done .btn-select-dropdown {
  border-color: var(--outline-ultimate);
}

.dropdown.is-error .btn-select-dropdown {
  border-color: var(--state-red);
}

.dropdown.is-readonly .btn-select-dropdown:disabled {
  color: var(--on-surface-ultimate);
}

.dropdown .btn-select-dropdown {
  position: relative;
  width: 100%;
  padding-block: 8px;
  padding-inline: 16px 40px;
  border: 1px solid var(--outline-mid);
  border-radius: 4px;
  background-color: var(--surface-container);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--on-surface-container-ultimate);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown .btn-select-dropdown:after {
  position: absolute;
  top: 50%;
  inset-inline-end: 11px;
  margin-top: -8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  content: '';
}

.dark .dropdown .btn-select-dropdown:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='rgb%28204%2C208%2C211%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dropdown .btn-select-dropdown:disabled {
  border-color: var(--outline-mid);
  background-color: var(--surface-container-lowest);
  color: var(--on-surface-container-low-custom);
}

.dropdown .btn-select-dropdown:disabled:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dropdown .btn-select-dropdown-input {
  position: relative;
  width: 100%;
  padding-block: 9px;
  padding-inline: 16px 40px;
  border: 1px solid var(--outline-mid);
  border-radius: 4px;
  background-color: var(--surface-container);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23303C47' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) 12px;
  color: var(--on-surface-container-ultimate);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.dark .dropdown .btn-select-dropdown-input {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23ccd0d3' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.dropdown .btn-select-dropdown-input:disabled {
  border-color: var(--outline-mid);
  background-color: var(--surface-container-lowest);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%239ba2a9' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  color: var(--on-surface-container-mid);
}

.dropdown-content {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  min-width: 100%;
  padding: 6px 0;
  border: 1px solid var(--outline-ultimate);
  border-radius: 4px;
  background-color: var(--surface-container);
  -webkit-box-shadow: 4px 8px 10px 0px rgba(5, 20, 31, 0.12);
  box-shadow: 4px 8px 10px 0px rgba(5, 20, 31, 0.12);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
}

.dropdown-content.type-static {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dropdown.type-custom-sheet .dropdown-header,
.dropdown.type-custom-sheet .btn-box {
  display: none;
}

.dropdown.type-custom-sheet.is-opened .btn-box {
  display: none;
}

.dropdown.type-custom-sheet .btn-dropdown,
.dropdown.type-custom-sheet .label {
  -webkit-padding-end: 34px;
  padding-inline-end: 34px;
}

@media screen and (max-width: 600px) {
  .dropdown.type-custom-sheet.is-opened .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .dropdown.type-custom-sheet.is-opened .btn-select-dropdown {
    z-index: -1;
  }

  .dropdown.type-custom-sheet.is-opened .dropdown-dimmed {
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
    content: '';
  }

  .dropdown.type-custom-sheet.is-opened .dropdown-header {
    display: block;
    position: relative;
    width: 100%;
    padding: 23px 20px 15px;
    background-color: var(--surface-container);
    border-start-start-radius: 20px;
    border-start-end-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dropdown.type-custom-sheet.is-opened .dropdown-header .btn-close {
    position: absolute;
    top: 18px;
    inset-inline-end: 15px;
    width: 30px;
    height: 30px;
    padding: 5px;
  }

  .dropdown.type-custom-sheet.is-opened .dropdown-header .btn-close .ic {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4l-6 6m-6 6l6-6M4 4l6 6m6 6l-6-6' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .dropdown.type-custom-sheet.is-opened .dropdown-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.57143;
    color: var(--on-surface-container);
  }

  .dropdown.type-custom-sheet.is-opened .dropdown-content {
    overflow: hidden;
    position: fixed;
    top: auto !important;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    z-index: 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: none;
    border: 0;
    border-start-start-radius: 20px;
    border-start-end-radius: 20px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--surface-container);
    max-height: calc(100svh - 24px);
    padding-top: 0;
    padding-bottom: calc(32px + env(safe-area-inset-bottom));
  }

  .dropdown.type-custom-sheet .dropdown-list {
    max-height: inherit;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
  }

  .dropdown.type-custom-sheet .dropdown-item.is-selected .btn-dropdown:after {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 5l-7.5 9L4 10.062' stroke='rgb%285%2C20%2C31%29' stroke-width='1.2' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
    top: 50%;
    inset-inline-end: 20px;
    margin-top: -10px;
  }

  .dark .dropdown.type-custom-sheet .dropdown-item.is-selected .btn-dropdown:after {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4l-7 8-4-3.5' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .dropdown.type-custom-sheet .dropdown-item input[type='radio']:checked+.label:after {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 5l-7.5 9L4 10.062' stroke='rgb%285%2C20%2C31%29' stroke-width='1.2' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
    inset-inline-end: 20px;
  }

  .dropdown.type-custom-sheet .btn-dropdown,
  .dropdown.type-custom-sheet .label {
    display: block;
    padding-block: 14px;
    padding-inline: 20px 60px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.53846;
  }
}

.dropdown.type-custom-sheet .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 24px 20px env(safe-area-inset-bottom);
  background-color: var(--surface-container);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.dropdown-item {
  position: relative;
}

.dropdown-item.is-highlighted,
.dropdown-item:focus {
  background-color: var(--surface-container-lowest);
}

@media screen and (max-width: 600px) {
  .dropdown-item.is-selected {
    background-color: var(--surface-container-lowest);
  }
}

.dropdown-item.is-checked:after,
.dropdown-item.is-selected:after {
  position: absolute;
  top: 50%;
  inset-inline-end: 16px;
  margin-top: -9px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4l-7 8-4-3.5' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  content: '';
}

.dark .dropdown-item.is-checked:after,
.dark .dropdown-item.is-selected:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4l-7 8-4-3.5' stroke='rgb%28231%2C233%2C236%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dropdown-item.is-disabled .btn-dropdown,
.dropdown-item.is-disabled .label {
  color: var(--on-surface-container-mid);
  pointer-events: none;
}

.dropdown-item.is-disabled:hover {
  background-color: transparent;
}

.dropdown-item.is-disabled:hover .btn-dropdown,
.dropdown-item.is-disabled:hover .label {
  color: var(--on-surface-container-mid);
}

.dropdown-item .btn-dropdown {
  display: block;
  position: relative;
  width: 100%;
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface-highest);
  text-align: start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown-item .label {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface-highest);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.dropdown-item:hover,
.dropdown-item:active {
  background-color: var(--surface-container-lowest);
}

.dropdown-item:hover .label,
.dropdown-item:hover .btn-dropdown,
.dropdown-item:active .label,
.dropdown-item:active .btn-dropdown {
  color: var(--on-surface);
}

.dropdown-item.is-selected .btn-dropdown,
.dropdown-item.is-highlighted .btn-dropdown,
.dropdown-item:focus .btn-dropdown {
  color: var(--on-surface);
}

.dropdown-item input[type='radio']+.label:before {
  content: none;
}

.dropdown-item input[type='radio']+.label:after {
  position: absolute;
  top: 50%;
  inset-inline-end: 16px;
  margin-top: -9px;
  content: '';
}

.dropdown-item input[type='radio']:checked+.label:after {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4l-7 8-4-3.5' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .dropdown-item input[type='radio']:checked+.label:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 4l-7 8-4-3.5' stroke='rgb%28231%2C233%2C236%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dropdown-item input[type='checkbox']:checked+.label {
  color: var(--on-surface);
}

.dropdown-item .image-box {
  display: inline-block;
  width: 92px;
  height: 52px;
  -webkit-margin-end: 12px;
  margin-inline-end: 12px;
  padding-top: 0;
  vertical-align: middle;
}

.dropdown-list {
  width: 100%;
}

.dropdown-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown-group .dropdown {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.dropdown-group .dropdown:not(:first-child) {
  -webkit-margin-start: 6px;
  margin-inline-start: 6px;
}

@media screen and (max-width: 600px) {
  .dropdown .btn-select-dropdown {
    padding-block: 9px;
    padding-inline: 16px 28px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66667;
  }

  .dropdown .btn-select-dropdown:after {
    inset-inline-end: 12px;
  }

  .dropdown-content.type-static .dropdown-item .btn-dropdown {
    height: 52px;
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.57143;
  }

  .dropdown-item .btn-dropdown {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66667;
  }

  .dropdown-item .label {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.54545;
  }

  .dropdown-item .btn-dropdown,
  .dropdown-item .label {
    padding: 9px 16px;
  }
}

.badge {
  display: inline-block;
  padding: 2px 6px 3px;
  border-radius: 2px;
  color: var(--on-surface-high);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.54545;
}

.badge-box {
  display: inline-block;
  font-size: 0;
}

.badge+.badge {
  -webkit-margin-start: 8px;
  margin-inline-start: 8px;
}

.badge-filled {
  background-color: var(--surface-mid);
}

.badge-filled-secondary {
  border-color: var(--secondary-mid);
  background-color: var(--secondary-lowest);
  color: var(--secondary);
}

.dark .badge-filled-secondary {
  background-color: var(--badge-green-ultimate-custom);
  border-color: var(--badge-green-ultimate-custom);
  color: var(--primary);
}

.badge-filled-secondary-lowest {
  background-color: var(--secondary-lowest);
  color: var(--on-primary);
}

.badge-filled-yellow {
  border-color: var(--badge-yellow-high-custom);
  background-color: var(--badge-yellow-ultimate-custom);
  color: var(--badge-yellow-custom);
}

.dark .badge-filled-yellow {
  border-color: var(--badge-yellow-lowest-custom);
  background-color: var(--badge-yellow-lowest-custom);
  color: var(--primary);
}

.badge-filled-yellow-lowest {
  background-color: var(--badge-yellow-lowest-custom);
  color: var(--on-primary);
}

.badge-filled-blue {
  border-color: var(--badge-blue-high-custom);
  background-color: var(--badge-blue-ultimate-custom);
  color: var(--badge-blue-custom);
}

.dark .badge-filled-blue {
  border-color: var(--badge-blue-lowest-custom);
  background-color: var(--badge-blue-lowest-custom);
  color: var(--primary);
}

.badge-filled-blue-lowest {
  background-color: var(--badge-blue-lowest-custom);
  color: var(--on-primary);
}

.badge-filled-surface-highest {
  border-color: var(--outline-mid);
  background-color: var(--surface-low);
  color: var(--on-surface-mid);
}

.dark .badge-filled-surface-highest {
  border-color: var(--badge-grey-ultimate-custom);
  background-color: var(--badge-grey-ultimate-custom);
  color: var(--primary);
}

.badge-filled-grey {
  background-color: var(--surface-low);
  color: var(--on-surface-mid);
}

.dark .badge-filled-grey {
  background-color: var(--badge-grey-ultimate-custom);
  color: var(--primary);
}

.badge-filled-grey-lowest {
  background-color: var(--badge-grey-ultimate-custom);
  color: var(--on-primary);
}

.badge-filled-dark {
  padding: 2px 8px;
  border-radius: 4px;
  background-color: var(--fixed-black-highest);
  color: var(--white-fixed);
}

.badge-outlined {
  border-color: var(--outline-highest);
  background-color: var(--surface-lowest);
  color: var(--on-surface);
}

.badge.badge-20px {
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 600px) {

  .badge,
  .badge.badge-20px {
    padding: 2px 6px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.6;
  }
}

.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px 0;
  font-size: 0;
}

.pager .btn-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  width: 20px;
  height: 20px;
  margin: 4px;
  border-radius: 2px;
  border: 1px solid transparent;
  color: var(--on-surface);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pager .btn-pager:not(:disabled):hover,
.pager .btn-pager:not(.disabled):hover {
  border-color: var(--on-surface-container);
}

.pager .btn-pager:not(:disabled):active,
.pager .btn-pager:not(.disabled):active {
  background-color: var(--surface-container-lowest);
  border-color: var(--on-surface-container);
}

.pager .btn-pager-icon {
  width: 28px;
  height: 28px;
  margin: -2px 0 0;
}

.pager .btn-pager-icon:nth-of-type(2) {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
}

.pager .btn-pager-icon~.btn-pager-icon {
  -webkit-margin-start: 8px;
  margin-inline-start: 8px;
}

.pager .btn-pager-icon+.btn-pager-icon {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

.pager .btn-pager .icon {
  width: 12px;
  height: 12px;
}

.pager .btn-pager .icon-first {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L4 6l4 4' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath transform='matrix(0 1 1 0 3 1.519)' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square' d='M.5-.5h7.981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 11V1H2v10h1z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.pager .btn-pager .icon-prev {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L4 6l4 4' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pager .btn-pager .icon-next {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pager .btn-pager .icon-last {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10l4-4-4-4' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath transform='matrix(0 -1 -1 0 9 10.481)' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square' d='M.5-.5h7.981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1v10h1V1H9z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .pager .btn-pager .icon-first {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L4 6l4 4' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath transform='matrix(0 1 1 0 3 1.519)' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square' d='M.5-.5h7.981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 11V1H2v10h1z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .pager .btn-pager .icon-prev {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L4 6l4 4' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .pager .btn-pager .icon-next {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .pager .btn-pager .icon-last {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10l4-4-4-4' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath transform='matrix(0 -1 -1 0 9 10.481)' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square' d='M.5-.5h7.981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1v10h1V1H9z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pager .btn-pager.disabled,
.pager .btn-pager:disabled {
  color: var(--on-surface-low);
}

.pager .btn-pager.disabled:hover,
.pager .btn-pager:disabled:hover {
  border-color: transparent;
}

.pager .btn-pager.disabled .icon-first,
.pager .btn-pager:disabled .icon-first {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L4 6l4 4' stroke='rgb%28204%2C208%2C211%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath transform='matrix(0 1 1 0 3 1.519)' stroke='rgb%28204%2C208%2C211%29' stroke-linecap='square' d='M.5-.5h7.981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 11V1H2v10h1z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.pager .btn-pager.disabled .icon-prev,
.pager .btn-pager:disabled .icon-prev {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L4 6l4 4' stroke='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pager .btn-pager.disabled .icon-next,
.pager .btn-pager:disabled .icon-next {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pager .btn-pager.disabled .icon-last,
.pager .btn-pager:disabled .icon-last {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10l4-4-4-4' stroke='rgb%28204%2C208%2C211%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath transform='matrix(0 -1 -1 0 9 10.481)' stroke='rgb%28204%2C208%2C211%29' stroke-linecap='square' d='M.5-.5h7.981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1v10h1V1H9z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.pager .btn-pager.current {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.66667;
}

.pager .btn-pager.current:hover {
  border-color: transparent;
}

.pager .btn-pager.current:before {
  position: absolute;
  top: -1px;
  inset-inline-start: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-color: var(--surface-container-low);
  content: '';
}

.pager.pager-size-32 .btn-pager {
  width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
}

.pager.pager-size-32 .btn-pager-icon {
  width: 32px;
  height: 32px;
  margin-top: -2px;
}

.pager.pager-size-32 .btn-pager-icon:nth-of-type(2) {
  -webkit-margin-end: 12px;
  margin-inline-end: 12px;
}

.pager.pager-size-32 .btn-pager-icon~.btn-pager-icon {
  -webkit-margin-start: 12px;
  margin-inline-start: 12px;
}

.pager.pager-size-32 .btn-pager-icon+.btn-pager-icon {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

.pager.pager-size-32 .btn-pager .icon {
  width: 16px;
  height: 16px;
}

.pager.pager-size-32 .btn-pager .icon-first {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L4 6l4 4' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath transform='matrix(0 1 1 0 3 1.519)' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square' d='M.5-.5h7.981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 11V1H2v10h1z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.pager.pager-size-32 .btn-pager .icon-prev {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3l-5 5 5 5' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pager.pager-size-32 .btn-pager .icon-next {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pager.pager-size-32 .btn-pager .icon-last {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10l4-4-4-4' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath transform='matrix(0 -1 -1 0 9 10.481)' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square' d='M.5-.5h7.981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1v10h1V1H9z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .pager.pager-size-32 .btn-pager .icon-first {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L4 6l4 4' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath transform='matrix(0 1 1 0 3 1.519)' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square' d='M.5-.5h7.981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 11V1H2v10h1z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .pager.pager-size-32 .btn-pager .icon-prev {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3l-5 5 5 5' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .pager.pager-size-32 .btn-pager .icon-next {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .pager.pager-size-32 .btn-pager .icon-last {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10l4-4-4-4' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath transform='matrix(0 -1 -1 0 9 10.481)' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square' d='M.5-.5h7.981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1v10h1V1H9z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pager.pager-size-32 .btn-pager.disabled .icon-first {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L4 6l4 4' stroke='rgb%28204%2C208%2C211%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath transform='matrix(0 1 1 0 3 1.519)' stroke='rgb%28204%2C208%2C211%29' stroke-linecap='square' d='M.5-.5h7.981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 11V1H2v10h1z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.pager.pager-size-32 .btn-pager.disabled .icon-prev {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3l-5 5 5 5' stroke='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pager.pager-size-32 .btn-pager.disabled .icon-next {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pager.pager-size-32 .btn-pager.disabled .icon-last {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10l4-4-4-4' stroke='rgb%28204%2C208%2C211%29' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath transform='matrix(0 -1 -1 0 9 10.481)' stroke='rgb%28204%2C208%2C211%29' stroke-linecap='square' d='M.5-.5h7.981'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1v10h1V1H9z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.pager.pager-size-32 .btn-pager.current {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.57143;
}

.swiper-horizontal .common-pagination .swiper-pagination-bullet {
  margin: 0 8px;
}

.common-pagination {
  font-size: 0;
}

.common-pagination-small .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 4px;
}

.common-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 8px;
  border-radius: 100%;
  background-color: var(--fixed-grey60);
  opacity: 1;
  cursor: pointer;
}

.common-pagination .swiper-pagination-bullet-active {
  background-color: var(--white-fixed);
}

@media screen and (max-width: 600px) {
  .common-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: 0 4px;
  }
}

.tab-list {
  font-size: 0;
}

.tab-list-large .tab-btn {
  padding: 14px 30px;
  font-size: 20px;
  line-height: 1.3;
}

@media screen and (max-width: 960px) {
  .tab-list {
    position: relative;
  }

  .tab-list:after {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    height: 1px;
    z-index: 0;
    background-color: var(--outline-mid);
    content: '';
  }
}

.tab-item {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.tab-item.is-selected .tab-btn {
  color: var(--primary);
}

.tab-item.is-selected .tab-btn:after {
  background-color: var(--primary);
}

.tab-btn {
  display: block;
  position: relative;
  min-width: 96px;
  padding: 16px 13px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface-low);
}

.tab-btn:hover,
.tab-btn:active {
  color: var(--on-surface);
}

.tab-btn:after {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 1px;
  background-color: var(--outline-mid);
  content: '';
}

@media screen and (max-width: 960px) {
  .tab .tab-btn {
    padding: 15px 23px 17px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.57143;
  }
}

.tooltip-area {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.tooltip-area.is-visible {
  z-index: 1;
}

.tooltip-area.is-visible .tooltip {
  visibility: visible;
  opacity: 1;
  white-space: normal;
}

.tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: unset;
  bottom: unset;
  inset-inline-start: unset;
  inset-inline-end: unset;
  -webkit-transform: unset;
  transform: unset;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: calc(320px - (32px * 2));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 0;
  background-color: var(--surface-container-ultimate);
  -webkit-box-shadow: 0px 6px 10px 0px #05141f40;
  box-shadow: 0px 6px 10px 0px #05141f40;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 600px) {
  .tooltip {
    max-width: calc(min(100vw - 40px, 320px));
  }
}

.tooltip-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface-container-lowest);
}

.tooltip-title {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.66667;
  color: var(--on-surface);
}

.tooltip-title+.tooltip-text {
  padding-top: 4px;
}

.tooltip .btn-close-tooltip {
  display: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-block: -2px 0;
  margin-inline: 10px -4px;
}

.tooltip .btn-close-tooltip:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3L6 6M3 9l3-3M3 3l3 3m3 3L6 6' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  content: '';
}

.dark .tooltip .btn-close-tooltip:before {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3L6 6M3 9l3-3M3 3l3 3m3 3L6 6' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .tooltip .btn-close-tooltip:hover:before {
    border-radius: 2px;
    background-color: #e7e9ec99;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }

  .dark .tooltip .btn-close-tooltip:hover:before {
    background-color: #ccd0d399;
  }
}

.tooltip::before {
  display: none;
  position: absolute;
  top: 0;
  inset-inline-start: 50%;
  border-bottom: 6px solid var(--on-surface-container-ultimate);
  -webkit-border-start: 6px solid transparent;
  border-inline-start: 6px solid transparent;
  -webkit-border-end: 6px solid transparent;
  border-inline-end: 6px solid transparent;
  content: '';
}

.tooltip-center-top,
.tooltip-left-top,
.tooltip-right-top {
  bottom: calc(100% + 4px);
}

.tooltip-center-bottom,
.tooltip-left-bottom,
.tooltip-right-bottom {
  top: calc(100% + 4px);
  bottom: auto;
}

.tooltip-left-top,
.tooltip-left-bottom {
  inset-inline-start: 0;
  -webkit-transform: none;
  transform: none;
}

.tooltip-right-top,
.tooltip-right-bottom {
  inset-inline-start: auto;
  inset-inline-end: 0;
  -webkit-transform: none;
  transform: none;
}

.tooltip-center-left,
.tooltip-center-right {
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tooltip-center-left {
  inset-inline-start: auto;
  inset-inline-end: calc(100% + 4px);
}

.tooltip-center-right {
  inset-inline-start: calc(100% + 4px);
}

.tooltip .arrow {
  display: none;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: var(--surface-container-ultimate);
  z-index: 1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tooltip.fix-arrow .arrow {
  display: block;
}

.tooltip.tooltip-type-line .arrow {
  background-color: var(--white-fixed);
}

.tooltip.tooltip-type-emphasis .arrow {
  background-color: var(--secondary);
}

.tooltip[data-placement='top'] .arrow {
  bottom: -4px;
  inset-inline-start: 50%;
}

.tooltip[data-placement='bottom'] .arrow {
  top: -4px;
  inset-inline-start: 50%;
}

.tooltip[data-placement='left'] .arrow {
  inset-inline-end: -4px;
  top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tooltip[data-placement='right'] .arrow {
  inset-inline-start: -4px;
  top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tooltip-type-line {
  padding: 8px 12px;
  background-color: var(--white-fixed);
  -webkit-box-shadow: 4px 4px 10px 0px #05141f1f;
  box-shadow: 4px 4px 10px 0px #05141f1f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tooltip-type-line:before {
  display: none;
}

.tooltip-type-line .tooltip-text {
  color: var(--on-surface-container-high);
}

.tooltip-type-line .btn-close-tooltip {
  width: 16px;
  height: 16px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}

.tooltip-type-line .btn-close-tooltip:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4L8 8m-4 4l4-4M4 4l4 4m4 4L8 8' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  content: '';
}

.dark .tooltip-type-line .btn-close-tooltip:before {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4L8 8m-4 4l4-4M4 4l4 4m4 4L8 8' stroke='rgb%28231%2C233%2C236%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.tooltip-type-line .tooltip-text-box {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--black-fixed);
}

.tooltip-type-line b {
  font-weight: 700;
}

.tooltip-type-line u {
  text-decoration: underline;
}

.tooltip-type-line ul {
  margin-top: 4px;
  word-break: break-word;
}

.tooltip-type-line ul>li {
  position: relative;
  -webkit-padding-start: 14px;
  padding-inline-start: 14px;
}

.tooltip-type-line ul>li:not(:first-child) {
  margin-top: 2px;
}

.tooltip-type-line ul>li:before {
  position: absolute;
  top: 6px;
  inset-inline-start: 4px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #49555f;
  content: '';
}

.tooltip-type-line ol {
  counter-reset: list-counter;
  margin-top: 4px;
}

.tooltip-type-line ol>li {
  position: relative;
  -webkit-padding-start: 14px;
  padding-inline-start: 14px;
}

.tooltip-type-line ol>li:before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  counter-increment: list-counter;
  content: counter(list-counter) ".";
}

.tooltip-type-line a {
  color: inherit;
  text-decoration: underline;
}

@media screen and (max-width: 600px) {
  .tooltip-type-line .tooltip-text-box {
    -webkit-margin-end: -10px;
    margin-inline-end: -10px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.54545;
  }

  .tooltip-type-line ol>li:before {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.54545;
  }
}

.tooltip-type-emphasis {
  background-color: var(--secondary);
}

@media screen and (max-width: 960px) {
  .tooltip-text {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.54545;
  }

  .tooltip-title {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.54545;
  }

  .tooltip .arrow {
    display: block;
  }
}

@media screen and (max-width: 1280px) {
  .tooltip.pc-view {
    display: none !important;
  }

  .tooltip .btn-close-tooltip {
    display: block;
  }
}

.toast {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 20px;
  border-radius: 4px;
  background-color: var(--surface-container-highest);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.toast.fix-bottom {
  position: fixed;
  bottom: 32px;
  inset-inline-start: 50%;
  -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
  transform: translateX(calc(-50% * var(--inline-dir)));
  z-index: 50;
}

.toast-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.toast .ic {
  -webkit-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
}

.toast-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface-container-lowest);
}

.popup-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 0;
  z-index: 10001;
  overflow-y: auto;
  max-height: 100%;
}

.popup {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding-top: 30px;
  background-color: var(--surface-container);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10001;
}

@media screen and (max-width: 960px) {
  .popup {
    padding-top: 23px;
  }
}

.popup-header {
  padding-block: 0 24px;
  padding-inline: 32px 60px;
  text-align: start;
}

.popup-header.align-center {
  -webkit-padding-start: 60px;
  padding-inline-start: 60px;
  text-align: center;
}

.popup-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: unset;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-gutter: auto;
}

.popup-inner:before {
  float: left;
  width: 16px;
  content: '';
}

.popup-inner::-webkit-scrollbar {
  width: 16px;
}

.popup-inner::-webkit-scrollbar,
.popup-inner::-webkit-scrollbar-track {
  background-color: transparent;
}

.popup-inner::-webkit-scrollbar-thumb {
  background-color: var(--on-surface-low);
  border: 6px solid transparent;
  border-radius: 16px;
  background-clip: padding-box;
}

.popup-inner::-webkit-scrollbar-thumb:hover,
.popup-inner::-webkit-scrollbar-thumb:active {
  border: 4px solid transparent;
  background-color: var(--surface-container-highest);
}

.popup-inner::-webkit-scrollbar-button,
.popup-inner::-webkit-resizer {
  display: none;
}

.popup-contents {
  padding: 0 32px 32px;
  word-break: break-word;
}

.popup-contents img {
  width: 100%;
}

.popup-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-bottom: 36px;
}

.popup-footer-fixed {
  padding-top: 24px;
  fill: var(--surface, #fff);
}

.popup-footer-fixed.content-scroll {
  -webkit-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.03);
  box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.03);
}

.popup-footer .btn-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  padding: 0 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.popup-footer .btn-box.btn-box-reverse .btn:first-child {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.popup-footer .btn-box.btn-box-reverse .btn:last-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.popup-footer .btn-box .btn {
  min-width: 120px;
  max-width: 100%;
}

.popup-footer .btn-box .btn:not(:only-of-type):not(.btn-full) {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  width: auto;
  min-width: calc(50% - (10px / 2));
}

@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .popup-footer .btn-box {
    -webkit-margin-start: -5px;
    margin-inline-start: -5px;
    -webkit-margin-end: -5px;
    margin-inline-end: -5px;
  }

  .popup-footer .btn-box .btn {
    -webkit-margin-start: calc(10px / 2) 10px;
    margin-inline-start: calc(10px / 2) 10px;
    -webkit-margin-end: calc(10px / 2) 10px;
    margin-inline-end: calc(10px / 2) 10px;
  }

  .popup-footer .btn-box .btn:not(:only-of-type):not(.btn-full):not(:first-child) {
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
  }
}

.popup-footer .btn-box.btn-box-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.popup-footer .btn-box.btn-box-vertical .btn,
.popup-footer .btn-box.btn-box-vertical .btn:not(:only-of-type):not(.btn-full) {
  width: 100%;
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-surface);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before {
  left: 0;
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left {
    padding: 0 20px;
    height: 40px;
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner {
  background-color: transparent;
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1849)"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover {
    background-color: transparent;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner {
    background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="%23F3F4F5"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23F3F4F5"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active {
  background-color: transparent;
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23E8EAEB"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive {
  background-color: transparent;
  color: var(--on-surface-container-mid);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_2621_1870)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="%2305141F" mask="url(%23path-1-inside-1_1232_2023)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23303C47"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2349555F" mask="url(%23path-1-inside-1_3077_999)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%0A%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 4C0 1.79086 1.79086 0 4 0H24V1H4C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before {
    background-color: var(--surface-low);
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):active:before {
  background-color: var(--surface-mid);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1227_1567" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="white"/%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="%2305141F" mask="url(%23path-1-inside-1_1227_1567)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%2349555F" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23F3F4F5"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23E8EAEB"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Edge"%3E%3Cpath id="Stroke" d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="%2305141F"/%3E%3C/g%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%23CDD0D2"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after,
.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23303C47"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2349555F"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color {
  background-color: transparent;
  color: var(--white-fixed);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover {
  background-color: transparent;
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" /%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active {
  background-color: transparent;
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive {
  background-color: transparent;
  color: var(--fixed-grey60);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.15);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.2);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%234A565E"/%3E%3C/svg%3E%0A');
}

@media screen and (max-width: 960px) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color {
    height: 40px;
    padding: 0 20px;
    background-color: transparent;
    color: var(--white-fixed);
    padding-left: 0;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after {
    width: 20px;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 20px;
    background: transparent;
    border: solid var(--white-fixed);
    border-width: 1px 0;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover {
    background-color: transparent;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.15);
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active {
    background-color: transparent;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.2);
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive {
    color: var(--fixed-grey60);
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
    background-image: none;
    background-color: var(--fixed-grey80);
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 0 0 20px;
    border: 1px solid var(--white-fixed);
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before {
    background: none;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.15);
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before {
    background: none;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.2);
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before {
    background: none;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0 2px 2px;
    background: none;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
    background: none;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
    background-color: var(--fixed-grey80);
    background-image: none;
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.15"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.2"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 25.2476V3.33333C18 2.59695 17.403 2 16.6667 2H2H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.74788 39.4215 2.89204 39.754 2 39.9057C1.63235 39.9682 1.25854 40 0.882387 40H0V38C1.2 38 1.83333 37.9095 2 37.8642C2.50326 37.7401 2.98491 37.5323 3.42404 37.2471L15.875 29.1614C17.2003 28.3007 18 26.8278 18 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after {
    width: 21px;
  }
}

@media screen and (max-width: 960px) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before {
    width: 21px !important;
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  background-color: transparent;
}

@media screen and (max-width: 960px) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
    width: 24px !important;
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-primary);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  left: 0;
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right {
    padding: 0 20px;
    height: 40px;
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right .btn-inner {
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner {
    background-color: var(--primary-highest);
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):active .btn-inner {
  background-color: var(--primary-ultimate);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive {
  color: var(--on-surface-container-low-custom);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled .btn-inner,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive .btn-inner {
  background-color: var(--primary-low);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="%2305141F"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="white"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  display: inline-block;
  width: 21px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2823%2C38%2C48%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2823%2C38%2C48%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%2305141F"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28232%2C234%2C235%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28232%2C234%2C235%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before,
.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28204%2C208%2C211%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:after {
  width: 21px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:after {
    background-color: var(--primary-highest);
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:active:after {
  background-color: var(--primary-ultimate);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="%2305141F"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.dark .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:after,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:after {
  background-color: var(--primary-low);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color {
  color: var(--black-fixed);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color .btn-inner {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner {
    background-color: var(--fixed-grey20);
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner {
  background-color: var(--fixed-grey40);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive {
  color: var(--fixed-grey40);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner {
  background-color: var(--fixed-grey80);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="152" height="48" fill="white"/%3E%3Cpath d="M0 6H152V4H0V6ZM152 42H0V44H152V42Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28205%2C208%2C210%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28205%2C208%2C210%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:after {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:after {
    background-color: var(--fixed-grey20);
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:after {
  background-color: var(--fixed-grey40);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:after {
  background-color: var(--fixed-grey80);
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
  .popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after {
    width: 21px;
  }
}

.popup-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  background-color: transparent;
}

.popup-footer .btn-box.btn-box-reverse .btn:first-child {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.popup-footer .btn-box.btn-box-reverse .btn:last-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-surface);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before {
  left: 0;
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left {
    padding: 0 20px;
    height: 40px;
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner {
  background-color: transparent;
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1849)"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover {
    background-color: transparent;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner {
    background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="%23F3F4F5"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23F3F4F5"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active {
  background-color: transparent;
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23E8EAEB"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive {
  background-color: transparent;
  color: var(--on-surface-container-mid);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_2621_1870)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="%2305141F" mask="url(%23path-1-inside-1_1232_2023)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23303C47"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2349555F" mask="url(%23path-1-inside-1_3077_999)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%0A%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 4C0 1.79086 1.79086 0 4 0H24V1H4C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before {
    background-color: var(--surface-low);
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):active:before {
  background-color: var(--surface-mid);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1227_1567" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="white"/%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="%2305141F" mask="url(%23path-1-inside-1_1227_1567)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%2349555F" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23F3F4F5"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23E8EAEB"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Edge"%3E%3Cpath id="Stroke" d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="%2305141F"/%3E%3C/g%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%23CDD0D2"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after,
.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23303C47"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2349555F"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color {
  background-color: transparent;
  color: var(--white-fixed);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover {
  background-color: transparent;
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" /%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active {
  background-color: transparent;
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive {
  background-color: transparent;
  color: var(--fixed-grey60);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.15);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.2);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%234A565E"/%3E%3C/svg%3E%0A');
}

@media screen and (max-width: 960px) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color {
    height: 40px;
    padding: 0 20px;
    background-color: transparent;
    color: var(--white-fixed);
    padding-left: 0;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after {
    width: 20px;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 20px;
    background: transparent;
    border: solid var(--white-fixed);
    border-width: 1px 0;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover {
    background-color: transparent;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.15);
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active {
    background-color: transparent;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.2);
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive {
    color: var(--fixed-grey60);
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
    background-image: none;
    background-color: var(--fixed-grey80);
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 0 0 20px;
    border: 1px solid var(--white-fixed);
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before {
    background: none;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.15);
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before {
    background: none;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.2);
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before {
    background: none;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0 2px 2px;
    background: none;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
    background: none;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
    background-color: var(--fixed-grey80);
    background-image: none;
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.15"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.2"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 25.2476V3.33333C18 2.59695 17.403 2 16.6667 2H2H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.74788 39.4215 2.89204 39.754 2 39.9057C1.63235 39.9682 1.25854 40 0.882387 40H0V38C1.2 38 1.83333 37.9095 2 37.8642C2.50326 37.7401 2.98491 37.5323 3.42404 37.2471L15.875 29.1614C17.2003 28.3007 18 26.8278 18 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after {
    width: 21px;
  }
}

@media screen and (max-width: 960px) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before {
    width: 21px !important;
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  background-color: transparent;
}

@media screen and (max-width: 960px) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
    width: 24px !important;
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-primary);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  left: 0;
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right {
    padding: 0 20px;
    height: 40px;
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right .btn-inner {
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner {
    background-color: var(--primary-highest);
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):active .btn-inner {
  background-color: var(--primary-ultimate);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive {
  color: var(--on-surface-container-low-custom);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled .btn-inner,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive .btn-inner {
  background-color: var(--primary-low);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="%2305141F"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="white"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  display: inline-block;
  width: 21px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2823%2C38%2C48%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2823%2C38%2C48%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%2305141F"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28232%2C234%2C235%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28232%2C234%2C235%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before,
.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28204%2C208%2C211%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:after {
  width: 21px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:after {
    background-color: var(--primary-highest);
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:active:after {
  background-color: var(--primary-ultimate);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="%2305141F"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.dark .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:after,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:after {
  background-color: var(--primary-low);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color {
  color: var(--black-fixed);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color .btn-inner {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner {
    background-color: var(--fixed-grey20);
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner {
  background-color: var(--fixed-grey40);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive {
  color: var(--fixed-grey40);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner {
  background-color: var(--fixed-grey80);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="152" height="48" fill="white"/%3E%3Cpath d="M0 6H152V4H0V6ZM152 42H0V44H152V42Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28205%2C208%2C210%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28205%2C208%2C210%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:after {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:after {
    background-color: var(--fixed-grey20);
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:after {
  background-color: var(--fixed-grey40);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:after {
  background-color: var(--fixed-grey80);
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
  .popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after {
    width: 21px;
  }
}

.popup-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  background-color: transparent;
}

.popup-footer .btn-box.btn-box-reverse .btn-primary {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.popup-footer .btn-box.btn-box-reverse .btn-secondary {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.popup-footer .btn-box .btn {
  min-width: auto;
}

.popup-footer .btn {
  min-width: 160px;
}

@media screen and (min-width: 961px) {
  .popup-footer.hide-wide-tablet {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .popup-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    height: unset;
    max-height: unset;
  }

  .popup-header {
    padding-block: 0 16px;
    padding-inline: 20px 43px;
    text-align: start;
  }

  .popup-header.align-center {
    -webkit-padding-start: 43px;
    padding-inline-start: 43px;
    text-align: center;
  }

  .popup-contents {
    padding: 0 20px 24px;
  }

  .popup-footer {
    padding-bottom: 28px;
  }

  .popup-footer-fixed {
    padding-top: 20px;
    padding-bottom: 24px;
  }

  .popup-footer .btn-box {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .popup-footer .btn {
    min-width: 140px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.53846;
  }
}

.popup .input {
  color: var(--on-surface-container);
}

.popup-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 0;
  z-index: 10001;
  overflow-y: auto;
  max-height: 100%;
}

.popup-bottom {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding-top: 30px;
  background-color: var(--surface-container);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10001;
}

@media screen and (max-width: 960px) {
  .popup-bottom {
    padding-top: 23px;
  }
}

.popup-bottom-header {
  padding-block: 0 24px;
  padding-inline: 32px 60px;
  text-align: start;
}

.popup-bottom-header.align-center {
  -webkit-padding-start: 60px;
  padding-inline-start: 60px;
  text-align: center;
}

.popup-bottom-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: unset;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-gutter: auto;
}

.popup-bottom-inner:before {
  float: left;
  width: 16px;
  content: '';
}

.popup-bottom-inner::-webkit-scrollbar {
  width: 16px;
}

.popup-bottom-inner::-webkit-scrollbar,
.popup-bottom-inner::-webkit-scrollbar-track {
  background-color: transparent;
}

.popup-bottom-inner::-webkit-scrollbar-thumb {
  background-color: var(--on-surface-low);
  border: 6px solid transparent;
  border-radius: 16px;
  background-clip: padding-box;
}

.popup-bottom-inner::-webkit-scrollbar-thumb:hover,
.popup-bottom-inner::-webkit-scrollbar-thumb:active {
  border: 4px solid transparent;
  background-color: var(--surface-container-highest);
}

.popup-bottom-inner::-webkit-scrollbar-button,
.popup-bottom-inner::-webkit-resizer {
  display: none;
}

.popup-bottom-contents {
  padding: 0 32px 32px;
  word-break: break-word;
}

.popup-bottom-contents img {
  width: 100%;
}

.popup-bottom-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-bottom: 36px;
}

.popup-bottom-footer-fixed {
  padding-top: 24px;
  fill: var(--surface, #fff);
}

.popup-bottom-footer-fixed.content-scroll {
  -webkit-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.03);
  box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.03);
}

.popup-bottom-footer .btn-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  padding: 0 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn:first-child {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn:last-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.popup-bottom-footer .btn-box .btn {
  min-width: 120px;
  max-width: 100%;
}

.popup-bottom-footer .btn-box .btn:not(:only-of-type):not(.btn-full) {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  width: auto;
  min-width: calc(50% - (10px / 2));
}

@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .popup-bottom-footer .btn-box {
    -webkit-margin-start: -5px;
    margin-inline-start: -5px;
    -webkit-margin-end: -5px;
    margin-inline-end: -5px;
  }

  .popup-bottom-footer .btn-box .btn {
    -webkit-margin-start: calc(10px / 2) 10px;
    margin-inline-start: calc(10px / 2) 10px;
    -webkit-margin-end: calc(10px / 2) 10px;
    margin-inline-end: calc(10px / 2) 10px;
  }

  .popup-bottom-footer .btn-box .btn:not(:only-of-type):not(.btn-full):not(:first-child) {
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn,
.popup-bottom-footer .btn-box.btn-box-vertical .btn:not(:only-of-type):not(.btn-full) {
  width: 100%;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-surface);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before {
  left: 0;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left {
    padding: 0 20px;
    height: 40px;
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner {
  background-color: transparent;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1849)"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover {
    background-color: transparent;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner {
    background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="%23F3F4F5"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23F3F4F5"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active {
  background-color: transparent;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23E8EAEB"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive {
  background-color: transparent;
  color: var(--on-surface-container-mid);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_2621_1870)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="%2305141F" mask="url(%23path-1-inside-1_1232_2023)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23303C47"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2349555F" mask="url(%23path-1-inside-1_3077_999)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%0A%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 4C0 1.79086 1.79086 0 4 0H24V1H4C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before {
    background-color: var(--surface-low);
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:not(:focus-visible):active:before {
  background-color: var(--surface-mid);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1227_1567" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="white"/%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="%2305141F" mask="url(%23path-1-inside-1_1227_1567)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:before,
.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%2349555F" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23F3F4F5"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23E8EAEB"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Edge"%3E%3Cpath id="Stroke" d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="%2305141F"/%3E%3C/g%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%23CDD0D2"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:hover:after,
.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23303C47"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:disabled:after,
.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2349555F"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color {
  background-color: transparent;
  color: var(--white-fixed);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover {
  background-color: transparent;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" /%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active {
  background-color: transparent;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive {
  background-color: transparent;
  color: var(--fixed-grey60);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.15);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.2);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%234A565E"/%3E%3C/svg%3E%0A');
}

@media screen and (max-width: 960px) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color {
    height: 40px;
    padding: 0 20px;
    background-color: transparent;
    color: var(--white-fixed);
    padding-left: 0;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after {
    width: 20px;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 20px;
    background: transparent;
    border: solid var(--white-fixed);
    border-width: 1px 0;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover {
    background-color: transparent;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.15);
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active {
    background-color: transparent;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.2);
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive {
    color: var(--fixed-grey60);
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
    background-image: none;
    background-color: var(--fixed-grey80);
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 0 0 20px;
    border: 1px solid var(--white-fixed);
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:before {
    background: none;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.15);
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before {
    background: none;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.2);
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:before {
    background: none;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0 2px 2px;
    background: none;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
    background: none;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
    background-color: var(--fixed-grey80);
    background-image: none;
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.15"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:active:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.2"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 25.2476V3.33333C18 2.59695 17.403 2 16.6667 2H2H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.74788 39.4215 2.89204 39.754 2 39.9057C1.63235 39.9682 1.25854 40 0.882387 40H0V38C1.2 38 1.83333 37.9095 2 37.8642C2.50326 37.7401 2.98491 37.5323 3.42404 37.2471L15.875 29.1614C17.2003 28.3007 18 26.8278 18 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:before,
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left.btn-large:after {
    width: 21px;
  }
}

@media screen and (max-width: 960px) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:before {
    width: 21px !important;
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
  background-color: transparent;
}

@media screen and (max-width: 960px) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-secondary-left:after {
    width: 24px !important;
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-primary);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:before,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  left: 0;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right {
    padding: 0 20px;
    height: 40px;
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right .btn-inner {
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner {
    background-color: var(--primary-highest);
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:not(:focus-visible):active .btn-inner {
  background-color: var(--primary-ultimate);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive {
  color: var(--on-surface-container-low-custom);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled .btn-inner,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive .btn-inner {
  background-color: var(--primary-low);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="%2305141F"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="white"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  display: inline-block;
  width: 21px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2823%2C38%2C48%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2823%2C38%2C48%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%2305141F"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28232%2C234%2C235%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28232%2C234%2C235%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:before,
.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28204%2C208%2C211%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:before,
.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:before,
.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:after {
  width: 21px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:hover:after {
    background-color: var(--primary-highest);
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:active:after {
  background-color: var(--primary-ultimate);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="%2305141F"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:hover:after,
.dark .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:disabled:after,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.is-inactive:after {
  background-color: var(--primary-low);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color {
  color: var(--black-fixed);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color .btn-inner {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner {
    background-color: var(--fixed-grey20);
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner {
  background-color: var(--fixed-grey40);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive {
  color: var(--fixed-grey40);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner {
  background-color: var(--fixed-grey80);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="152" height="48" fill="white"/%3E%3Cpath d="M0 6H152V4H0V6ZM152 42H0V44H152V42Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28205%2C208%2C210%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28205%2C208%2C210%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:after {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:hover:after {
    background-color: var(--fixed-grey20);
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:active:after {
  background-color: var(--fixed-grey40);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-fixed-color.is-inactive:after {
  background-color: var(--fixed-grey80);
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:before,
  .popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right.btn-large:after {
    width: 21px;
  }
}

.popup-bottom-footer .btn-box.btn-box-vertical .btn.btn-liquid-right:before {
  background-color: transparent;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn:first-child {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn:last-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-surface);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before {
  left: 0;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left {
    padding: 0 20px;
    height: 40px;
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner {
  background-color: transparent;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1849)"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover {
    background-color: transparent;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner {
    background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="%23F3F4F5"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23F3F4F5"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active {
  background-color: transparent;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_2621_1856" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23E8EAEB"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2305141F" mask="url(%23path-1-inside-1_2621_1856)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive {
  background-color: transparent;
  color: var(--on-surface-container-mid);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_2621_1870)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="%2305141F" mask="url(%23path-1-inside-1_1232_2023)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover .btn-inner,
.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23303C47"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled .btn-inner,
.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%2349555F" mask="url(%23path-1-inside-1_3077_999)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%0A%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 4C0 1.79086 1.79086 0 4 0H24V1H4C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):hover:before {
    background-color: var(--surface-low);
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:not(:focus-visible):active:before {
  background-color: var(--surface-mid);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1227_1567" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z" fill="white"/%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="%2305141F" mask="url(%23path-1-inside-1_1227_1567)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%23CDD0D2" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:before,
.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:before,
.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_1186_1213" fill="white"%3E%3Cpath d="M0 4C0 1.79086 1.79086 0 4 0H24V48H4C1.79086 48 0 46.2091 0 44V4Z"/%3E%3C/mask%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%2349555F" mask="url(%23path-1-inside-1_1186_1213)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23F3F4F5"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23E8EAEB"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Edge"%3E%3Cpath id="Stroke" d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="%2305141F"/%3E%3C/g%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%23CDD0D2"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:hover:after,
.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:active:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23303C47"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:hover:after,
.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:disabled:after,
.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%2349555F"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color {
  background-color: transparent;
  color: var(--white-fixed);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover {
  background-color: transparent;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" /%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active {
  background-color: transparent;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="path-1-inside-1_3077_1071" fill="white"%3E%3Cpath d="M0 0H152V48H0V0Z"/%3E%3C/mask%3E%3Cpath d="M0 0H152V48H0V0Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="white" mask="url(%23path-1-inside-1_3077_1071)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive {
  background-color: transparent;
  color: var(--fixed-grey60);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 1H152V-1H0V1ZM152 47H0V49H152V47Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_765)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 2H152V-2H0V2ZM152 46H0V50H152V46Z" fill="white" mask="url(%23path-1-inside-1_3077_842)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.15);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before {
  width: 24px;
  background-color: rgba(var(--white-fixed-rgb), 0.2);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-2 4C-2 0.686292 0.686292 -2 4 -2H24V2H4C2.89543 2 2 2.89543 2 4H-2ZM24 50H4C0.686292 50 -2 47.3137 -2 44H2C2 45.1046 2.89543 46 4 46H24V50ZM4 50C0.686292 50 -2 47.3137 -2 44V4C-2 0.686292 0.686292 -2 4 -2V2C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46V50ZM24 0V48V0Z" fill="white" mask="url(%23path-1-inside-1_3077_1235)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M-1 4C-1 1.23858 1.23858 -1 4 -1H24V1H4C2.34315 1 1 2.34315 1 4H-1ZM24 49H4C1.23858 49 -1 46.7614 -1 44H1C1 45.6569 2.34315 47 4 47H24V49ZM4 49C1.23858 49 -1 46.7614 -1 44V4C-1 1.23858 1.23858 -1 4 -1V1C2.34315 1 1 2.34315 1 4V44C1 45.6569 2.34315 47 4 47V49ZM24 0V48V0Z" fill="%234A565E" mask="url(%23path-1-inside-1_3077_957)"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.15"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after {
  width: 24px;
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M24 30.2971C24 33.0061 22.6291 35.5311 20.3571 37.0065L5.41598 46.7094C4.11889 47.5517 2.60546 48 1.05886 48H0V0H20C22.2091 0 24 1.79086 24 4V30.2971Z" fill="%23fff" fill-opacity="0.2"/%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.2678 35.3291L4.3267 45.032C3.35389 45.6638 2.21881 46 1.05886 46H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V2H20C21.1046 2 22 2.89543 22 4V30.2971C22 32.3289 20.9718 34.2226 19.2678 35.3291Z" fill="white"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.8125 36.1678L4.87134 45.8707C3.73639 46.6077 2.41213 47 1.05886 47H0V48H1.05886C2.60546 48 4.11889 47.5517 5.41598 46.7094L20.3571 37.0065C22.6291 35.5311 24 33.0061 24 30.2971V4C24 1.79086 22.2091 0 20 0H0V1H20C21.6569 1 23 2.34315 23 4V30.2971C23 32.6675 21.8004 34.8768 19.8125 36.1678Z" fill="%234A565E"/%3E%3C/svg%3E%0A');
}

@media screen and (max-width: 960px) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color {
    height: 40px;
    padding: 0 20px;
    background-color: transparent;
    color: var(--white-fixed);
    padding-left: 0;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before,
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after,
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:before,
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.btn-large:after {
    width: 20px;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 20px;
    background: transparent;
    border: solid var(--white-fixed);
    border-width: 1px 0;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover {
    background-color: transparent;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.15);
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active {
    background-color: transparent;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
    background: rgba(var(--white-fixed-rgb), 0.2);
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled,
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive {
    color: var(--fixed-grey60);
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled .btn-inner,
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive .btn-inner {
    background-image: none;
    background-color: var(--fixed-grey80);
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color .btn-inner {
    padding: 0 0 0 20px;
    border: 1px solid var(--white-fixed);
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:before {
    background: none;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.15);
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:before {
    background: none;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active .btn-inner {
    background-color: rgba(var(--white-fixed-rgb), 0.2);
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:before {
    background: none;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible .btn-inner {
    border-width: 2px 0 2px 2px;
    background: none;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:before {
    background: none;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:before,
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:before {
    background-color: var(--fixed-grey80);
    background-image: none;
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:hover:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.15"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:active:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.9643 30.8387C18.8575 29.6092 20 27.5051 20 25.2476V3.33333C20 1.49239 18.5076 0 16.6667 0H0V40H0.882387C2.17122 40 3.43241 39.6264 4.51331 38.9245L16.9643 30.8387Z" fill="white" fill-opacity="0.2"/%3E%3Cpath d="M19 25.2476V3.33333C19 2.04467 17.9553 1 16.6667 1H1H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.46531 39.605 2.24783 39.977 1 39.999C0.960825 39.9997 0.921619 40 0.882387 40H0V38.9988H1C2.05448 38.9769 3.08281 38.6611 3.96867 38.0858L16.4196 30.0001C18.0289 28.955 19 27.1665 19 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:focus-visible:after {
    background-image: url('data:image/svg+xml,%0A%3Csvg width="20" height="40" viewBox="0 0 20 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 25.2476V3.33333C18 2.59695 17.403 2 16.6667 2H2H0V0H16.6667C18.5076 0 20 1.49239 20 3.33333V25.2476C20 27.5051 18.8575 29.6092 16.9643 30.8387L4.51331 38.9245C3.74788 39.4215 2.89204 39.754 2 39.9057C1.63235 39.9682 1.25854 40 0.882387 40H0V38C1.2 38 1.83333 37.9095 2 37.8642C2.50326 37.7401 2.98491 37.5323 3.42404 37.2471L15.875 29.1614C17.2003 28.3007 18 26.8278 18 25.2476Z" fill="white"/%3E%3C/svg%3E%0A');
  }

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color:disabled:after,
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-fixed-color.is-inactive:after {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 30.297a8 8 0 01-3.643 6.71L5.416 46.709A8 8 0 011.059 48H0V0h20a4 4 0 014 4v26.297z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M19.813 36.168L4.87 45.87A7 7 0 011.06 47H0v1h1.059a8 8 0 004.357-1.29l14.941-9.703A8 8 0 0024 30.297V4a4 4 0 00-4-4H0v1h20a3 3 0 013 3v26.297a7 7 0 01-3.188 5.87z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:before,
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left.btn-large:after {
    width: 21px;
  }
}

@media screen and (max-width: 960px) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:before {
    width: 21px !important;
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
  background-color: transparent;
}

@media screen and (max-width: 960px) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-secondary-left:after {
    width: 24px !important;
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right {
  overflow: hidden;
  background-clip: content-box;
  color: var(--on-primary);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:before,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 21px;
  height: 101%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  left: 0;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:after {
  right: 0;
}

@media screen and (max-width: 600px) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right {
    padding: 0 20px;
    height: 40px;
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right .btn-inner {
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):hover .btn-inner {
    background-color: var(--primary-highest);
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:not(:focus-visible):active .btn-inner {
  background-color: var(--primary-ultimate);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive {
  color: var(--on-surface-container-low-custom);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled .btn-inner,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive .btn-inner {
  background-color: var(--primary-low);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="%2305141F"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="160" height="48" viewBox="0 0 160 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="160" height="48" fill="white"/%3E%3Cpath d="M0 6H160V4H0V6ZM160 42H0V44H160V42Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  display: inline-block;
  width: 21px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2823%2C38%2C48%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2823%2C38%2C48%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="%2305141F"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28232%2C234%2C235%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28232%2C234%2C235%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:before,
.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28204%2C208%2C211%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:before,
.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:before,
.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:after {
  width: 21px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--primary);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:hover:after {
    background-color: var(--primary-highest);
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:active:after {
  background-color: var(--primary-ultimate);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="%2305141F"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23F3F4F5"/%3E%3C/svg%3E%0A');
}

.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:hover:after,
.dark .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%23172430"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:disabled:after,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.is-inactive:after {
  background-color: var(--primary-low);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color {
  color: var(--black-fixed);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color .btn-inner {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):hover .btn-inner {
    background-color: var(--fixed-grey20);
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:not(:focus-visible):active .btn-inner {
  background-color: var(--fixed-grey40);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive {
  color: var(--fixed-grey40);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled .btn-inner,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive .btn-inner {
  background-color: var(--fixed-grey80);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible .btn-inner {
  background-image: url('data:image/svg+xml,%3Csvg width="152" height="48" viewBox="0 0 152 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="152" height="48" fill="white"/%3E%3Cpath d="M0 6H152V4H0V6ZM152 42H0V44H152V42Z" fill="%2305141F"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28205%2C208%2C210%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28205%2C208%2C210%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%28141%2C149%2C154%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%28141%2C149%2C154%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:before,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:before {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.64289 10.9935C1.37094 12.4689 0 14.9939 0 17.7029V44C0 46.2091 1.79086 48 4 48H24V0H22.9411C21.3945 0 19.8811 0.4483 18.584 1.29064L3.64289 10.9935Z" fill="white"/%3E%3Cpath d="M24 4H22.9201C21.7602 4 20.6251 4.33623 19.6523 4.96798L6.73217 13.3584C5.02821 14.465 4 16.3587 4 18.3904V41C4 42.6569 5.34315 44 7 44H24V42H7C6.44772 42 6 41.5523 6 41V18.3904C6 17.0359 6.68547 15.7735 7.82145 15.0358L20.7416 6.64532C21.3901 6.22415 22.1468 6 22.9201 6H24V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:before,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.643 10.993A8 8 0 000 17.703V44a4 4 0 004 4h20V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995z' fill='rgb%2848%2C62%2C72%29'/%3E%3Cpath d='M1 44V17.703a7 7 0 013.188-5.87l14.94-9.704A7 7 0 0122.942 1H24V0h-1.059a8 8 0 00-4.357 1.29L3.643 10.995A8 8 0 000 17.703V44a4 4 0 004 4h20v-1H4a3 3 0 01-3-3z' fill='rgb%2848%2C62%2C72%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:after {
  background-color: var(--white-fixed);
}

@media screen and (hover: hover) and (pointer: fine) {
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:hover:after {
    background-color: var(--fixed-grey20);
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:active:after {
  background-color: var(--fixed-grey40);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:hover:after,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:focus-visible:after {
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="48" viewBox="0 0 24 48" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 0H20C22.2091 0 24 1.79086 24 4V44C24 46.2091 22.2091 48 20 48H0V0Z" fill="white"/%3E%3Cpath d="M0 4H17C18.6569 4 20 5.34315 20 7H18C18 6.44772 17.5523 6 17 6H0V4ZM20 41C20 42.6569 18.6569 44 17 44H0V42H17C17.5523 42 18 41.5523 18 41H20ZM0 43V5V43ZM17 4C18.6569 4 20 5.34315 20 7V41C20 42.6569 18.6569 44 17 44V42C17.5523 42 18 41.5523 18 41V7C18 6.44772 17.5523 6 17 6V4Z" fill="%2305141f"/%3E%3C/svg%3E%0A');
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color:disabled:after,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-fixed-color.is-inactive:after {
  background-color: var(--fixed-grey80);
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after {
  width: 25px;
  height: 100%;
}

@media screen and (max-width: 600px) {

  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:before,
  .popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right.btn-large:after {
    width: 21px;
  }
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn.btn-liquid-right:before {
  background-color: transparent;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn-primary {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.popup-bottom-footer .btn-box.btn-box-reverse .btn-secondary {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.popup-bottom-footer .btn-box .btn {
  min-width: auto;
}

.popup-bottom-footer .btn {
  min-width: 160px;
}

@media screen and (min-width: 961px) {
  .popup-bottom-footer.hide-wide-tablet {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .popup-bottom-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    height: unset;
    max-height: unset;
  }

  .popup-bottom-header {
    padding-block: 0 16px;
    padding-inline: 20px 43px;
    text-align: start;
  }

  .popup-bottom-header.align-center {
    -webkit-padding-start: 43px;
    padding-inline-start: 43px;
    text-align: center;
  }

  .popup-bottom-contents {
    padding: 0 20px 24px;
  }

  .popup-bottom-footer {
    padding-bottom: 28px;
  }

  .popup-bottom-footer-fixed {
    padding-top: 20px;
    padding-bottom: 24px;
  }

  .popup-bottom-footer .btn-box {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .popup-bottom-footer .btn {
    min-width: 140px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.53846;
  }
}

.popup-bottom .input {
  color: var(--on-surface-container);
}

.popup {
  max-width: var(--popup-size, 400px);
  max-height: var(--popup-height-size, auto);
  width: 100%;
  border-radius: 10px;
  vertical-align: middle;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
}

.popup-wrap {
  text-align: center;
}

.popup-wrap:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: '';
}

.popup-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--on-surface-container);
}

.popup-sub-title {
  display: block;
  margin-top: 24px;
  padding: 15px 0;
  border-radius: 4px;
  background-color: var(--surface-container-lowest);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.57143;
  color: var(--on-surface);
  text-align: center;
}

.popup-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface-high);
  text-align: start;
}

.popup-text.align-center {
  text-align: center;
}

.popup .btn-close {
  position: absolute;
  top: 30px;
  inset-inline-end: 28px;
}

@media screen and (max-width: 960px) {
  .popup .btn-close {
    top: 23px;
    inset-inline-end: 16px;
  }

  .popup .btn-close .ic {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4l-6 6m-6 6l6-6M4 4l6 6m6 6l-6-6' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

.popup .btn-close:hover .ic {
  border-radius: 4px;
  background-color: var(--surface-mid);
}

.popup-footer .btn-box .btn {
  max-width: 100%;
  word-break: break-all;
}

.popup-footer .count {
  margin-top: 1px;
  -webkit-margin-start: 4px;
  margin-inline-start: 4px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.54545;
}

@media screen and (max-width: 960px) {
  .popup {
    width: 296px;
    padding-top: 24px;
  }

  .popup-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.57143;
  }

  .popup-sub-title {
    margin-top: 16px;
    padding: 11px 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.66667;
  }

  .popup-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66667;
  }

  .popup .btn-close {
    top: 23px;
    inset-inline-end: 20px;
  }

  .popup .ic-close-enabled-24px {
    width: 20px;
    height: 20px;
  }
}

.dark .popup .ic-close-enabled-24px {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5l-7 7m-7 7l7-7M5 5l7 7m7 7l-7-7' stroke='rgb%28231%2C233%2C236%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (max-width: 600px) {
  .popup .dropdown.type-custom-sheet.is-opened {
    z-index: auto;
  }
}

@media screen and (min-width: 601px) {
  .popup .dropdown-list {
    overflow: hidden;
    overflow-y: auto;
    max-height: 184px;
    height: calc(38px * var(--item-length, 10));
  }
}

.popup-bottom {
  position: fixed;
  inset-inline-start: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  max-width: 100%;
  width: 100%;
  padding: 20px 0 calc(32px + env(safe-area-inset-bottom));
  border-start-start-radius: 20px;
  border-start-end-radius: 20px;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  -webkit-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.05);
}

.popup-bottom-full .popup-bottom-contents {
  padding: 0;
}

.popup-bottom .btn-close {
  position: absolute;
  top: 23px;
  inset-inline-end: 18px;
}

.popup-bottom .ic-close-enabled-24px {
  width: 20px;
  height: 20px;
}

.dark .popup-bottom .ic-close-enabled-24px {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5l-7 7m-7 7l7-7M5 5l7 7m7 7l-7-7' stroke='rgb%28231%2C233%2C236%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-bottom-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.57143;
}

.popup-bottom-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
}

.popup-bottom .popup-footer .btn-box .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 600px) {
  .popup-bottom {
    padding-top: 23px;
  }

  .popup-bottom-header {
    padding-bottom: 15px;
  }

  .popup-bottom-contents {
    padding-top: 8px;
  }

  .popup-bottom-full .popup-bottom-header {
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
  }
}

.full-popup {
  overflow: hidden;
  overflow-y: auto;
  max-width: 100%;
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: relative;
  padding: 0;
  padding-bottom: env(safe-area-inset-bottom);
  border-radius: 0;
  background-color: var(--on-primary);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.full-popup .popup-header {
  padding: 20px 40px;
  text-align: center;
}

.full-popup .popup-header.has-shadow {
  -webkit-box-shadow: 0px 2px 4px 0px #0000000a;
  box-shadow: 0px 2px 4px 0px #0000000a;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.full-popup .popup-title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.33333;
}

.full-popup .btn-close {
  top: 24px;
  inset-inline-end: 40px;
  width: 24px;
  height: 24px;
}

.full-popup .btn-close .ic {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5l-7 7m-7 7l7-7M5 5l7 7m7 7l-7-7' stroke='rgb%2823%2C38%2C48%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (min-width: 1920px) {
  .full-popup .btn-close {
    inset-inline-end: calc((100vw - 1920px) / 2 + 40px);
  }
}

.full-popup .btn-previous {
  position: absolute;
  top: 24px;
  inset-inline-start: 40px;
  width: 24px;
  height: 24px;
}

.full-popup .btn-previous .ic {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3l-9 9 9 9' stroke='rgb%2823%2C38%2C48%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (hover: hover) {
  .full-popup .btn-previous .ic:hover {
    border-radius: 4px;
    background-color: rgba(var(--surface-mid-rgb), 0.6);
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
}

@media screen and (min-width: 1920px) {
  .full-popup .btn-previous {
    inset-inline-start: calc((100vw - 1920px) / 2 + 40px);
  }
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .full-popup .popup-header {
    padding: 18px 28px;
  }

  .full-popup .popup-title {
    font-size: 18px;
    line-height: 1.33333;
  }

  .full-popup .btn-close {
    top: 18px;
    inset-inline-end: 28px;
  }
}

@media screen and (max-width: 600px) {
  .full-popup .popup-header {
    padding: 17px 16px;
  }

  .full-popup .popup-title {
    font-size: 14px;
    line-height: 1.57143;
  }

  .full-popup .btn-close {
    top: 15px;
    inset-inline-end: 16px;
  }
}

.popup-search {
  position: absolute;
  top: 0;
  bottom: auto;
  inset-inline-start: 0;
  inset-inline-end: 0;
  max-width: 100%;
  width: 100%;
  padding: 56px 0 0;
  background-color: var(--surface);
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.popup-search .popup-inner {
  padding: 20px 20px 24px;
}

.popup-search .btn-close {
  top: 16px;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .popup-responsive-layout {
    max-width: 760px;
    max-height: 650px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .popup-responsive-layout {
    width: 100%;
    max-width: 520px;
    max-height: 500px;
  }
}

.popup-user-agent {
  top: 129px;
  inset-inline-start: auto;
  inset-inline-end: 40px;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  background-color: transparent;
}

@media screen and (min-width: 1920px) {
  .popup-user-agent {
    inset-inline-end: calc((100vw - 1920px) / 2 + 40px);
  }
}

@media screen and (min-width: 601px) {
  .popup-user-agent {
    overflow: visible;
  }
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .popup-user-agent .popup.custom-popup {
    padding-top: 26px;
  }

  .popup-user-agent .popup.custom-popup .popup-header {
    padding-bottom: 2px;
  }

  .popup-user-agent .popup.custom-popup .popup-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }

  .popup-user-agent .popup.custom-popup .popup-contents {
    padding: 0 24px 17px;
  }
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .popup-user-agent .popup.custom-popup .popup-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66667;
  }
}

@media screen and (max-width: 600px) {
  .popup-user-agent {
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 0;
    z-index: 50;
    overflow-y: auto;
    max-height: 100%;
  }
}

.popup-user-agent .popup {
  width: 300px;
  padding-top: 24px;
  border-radius: 12px;
}

@media screen and (min-width: 601px) {
  .popup-user-agent .popup {
    -webkit-box-shadow: 0px 4px 18.5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 18.5px 0px rgba(0, 0, 0, 0.1);
  }
}

.popup-user-agent .popup .btn-close {
  display: none;
}

.popup-user-agent .popup-header {
  padding: 0 24px 4px;
}

.popup-user-agent .popup-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.33333;
}

.popup-user-agent .popup-contents {
  padding: 0 24px 20px;
}

.popup-user-agent .popup-text {
  color: var(--on-surface-high);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
}

.popup-user-agent .popup-footer {
  white-space: normal;
  padding-bottom: 30px;
}

.popup-user-agent .popup-footer .btn-box {
  display: block;
  padding: 0 24px;
}

.popup-user-agent .popup-footer .btn {
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.53846;
}

.popup-user-agent .popup-footer .btn.btn-quaternary {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.53846;
}

.popup-user-agent .popup-footer .btn:not(:first-child) {
  margin: 10px 0 0;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .popup-user-agent {
    top: 118px;
    inset-inline-end: 40px;
  }

  .popup-user-agent .popup {
    padding-top: 24px;
  }

  .popup-user-agent .popup .btn-close {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .popup-user-agent .popup.custom-popup {
    padding: 53px 0 0;
    border-start-start-radius: 20px;
    border-start-end-radius: 20px;
  }

  .popup-user-agent .popup.custom-popup .popup-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33333;
  }

  .popup-user-agent .popup.custom-popup .popup-contents {
    padding: 0 24px 24px;
    color: var(--on-surface-container-highest);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33333;
  }

  .popup-user-agent .popup.custom-popup .popup-text {
    color: var(--on-surface-container-highest);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.53846;
  }

  .popup-user-agent .popup.custom-popup .popup-footer {
    padding-bottom: 32px;
  }

  .popup-user-agent .popup.custom-popup .btn-close {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .popup-motion-wrap.is-opened {
    -webkit-animation: openBottomSheetBg 0.4s ease-out;
    animation: openBottomSheetBg 0.4s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  .popup-motion-wrap.is-opened .custom-popup,
  .popup-motion-wrap.is-opened .popup-bottom,
  .popup-motion-wrap.is-opened .popup-recommend {
    -webkit-animation: openBottomSheetMw 0.4s ease-out;
    animation: openBottomSheetMw 0.4s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  @-webkit-keyframes openBottomSheetBg {
    0% {
      background-color: rgba(0, 0, 0, 0);
    }

    100% {
      background-color: rgba(0, 0, 0, 0.7);
    }
  }

  @keyframes openBottomSheetBg {
    0% {
      background-color: rgba(0, 0, 0, 0);
    }

    100% {
      background-color: rgba(0, 0, 0, 0.7);
    }
  }

  @-webkit-keyframes openBottomSheetMw {
    0% {
      -webkit-transform: translate(calc(-50% * var(--inline-dir)), 100%);
      transform: translate(calc(-50% * var(--inline-dir)), 100%);
    }

    100% {
      -webkit-transform: translate(calc(-50% * var(--inline-dir)), 0);
      transform: translate(calc(-50% * var(--inline-dir)), 0);
    }
  }

  @keyframes openBottomSheetMw {
    0% {
      -webkit-transform: translate(calc(-50% * var(--inline-dir)), 100%);
      transform: translate(calc(-50% * var(--inline-dir)), 100%);
    }

    100% {
      -webkit-transform: translate(calc(-50% * var(--inline-dir)), 0);
      transform: translate(calc(-50% * var(--inline-dir)), 0);
    }
  }

  .popup-motion-wrap.is-closing {
    -webkit-animation: closeBottomSheetBg 0.4s ease-out;
    animation: closeBottomSheetBg 0.4s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  .popup-motion-wrap.is-closing .custom-popup,
  .popup-motion-wrap.is-closing .popup-bottom,
  .popup-motion-wrap.is-closing .popup-recommend {
    -webkit-animation: closeBottomSheetMw 0.4s ease-out;
    animation: closeBottomSheetMw 0.4s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  @-webkit-keyframes closeBottomSheetBg {
    0% {
      background-color: rgba(0, 0, 0, 0.7);
    }

    100% {
      background-color: rgba(0, 0, 0, 0);
    }
  }

  @keyframes closeBottomSheetBg {
    0% {
      background-color: rgba(0, 0, 0, 0.7);
    }

    100% {
      background-color: rgba(0, 0, 0, 0);
    }
  }

  @-webkit-keyframes closeBottomSheetMw {
    0% {
      -webkit-transform: translate(calc(-50% * var(--inline-dir)), 0);
      transform: translate(calc(-50% * var(--inline-dir)), 0);
    }

    100% {
      -webkit-transform: translate(calc(-50% * var(--inline-dir)), 100%);
      transform: translate(calc(-50% * var(--inline-dir)), 100%);
    }
  }

  @keyframes closeBottomSheetMw {
    0% {
      -webkit-transform: translate(calc(-50% * var(--inline-dir)), 0);
      transform: translate(calc(-50% * var(--inline-dir)), 0);
    }

    100% {
      -webkit-transform: translate(calc(-50% * var(--inline-dir)), 100%);
      transform: translate(calc(-50% * var(--inline-dir)), 100%);
    }
  }
}

@media screen and (max-width: 960px) {
  .popup.custom-popup {
    padding-top: 22px;
  }

  .popup.custom-popup .popup-contents {
    padding: 0 20px 24px;
  }

  .popup.custom-popup .btn-close {
    position: absolute;
    top: 23px;
    inset-inline-end: 20px;
  }

  .popup.custom-popup .ic-close-enabled-24px {
    width: 20px;
    height: 20px;
  }

  .popup.custom-popup .popup-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.57143;
  }

  .popup.custom-popup .popup-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66667;
  }

  .popup.custom-popup .popup-footer .summary-option-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .popup.custom-popup .popup-footer .summary-option-box .right-view-info-summary,
  .popup.custom-popup .popup-footer .summary-option-box .btn-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: calc(50% - 4px);
  }

  .popup.custom-popup .popup-footer .summary-option-box .right-view-info-summary+.btn-box {
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
  }

  .popup.custom-popup .popup-footer .summary-option-box .btn-box {
    width: auto;
    padding: 0;
  }

  .popup.custom-popup .popup-footer .summary-option-box .btn-box .btn {
    width: 100%;
    min-width: 0;
  }

  .popup.custom-popup .popup-footer .summary-option-box .right-view-info-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 9px 16px;
    border-radius: 4px;
    background-color: var(--surface-low);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .popup.custom-popup .popup-footer .summary-option-box .summary-type {
    display: inline-block;
    color: var(--on-surface-high);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66667;
  }

  .popup.custom-popup .popup-footer .summary-option-box .summary-value {
    display: inline-block;
    color: var(--on-surface);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 600px) {
  .popup.custom-popup {
    padding-top: 24px;
  }

  .popup.custom-popup .popup-footer .summary-option-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .popup.custom-popup .popup-footer .summary-option-box .right-view-info-summary,
  .popup.custom-popup .popup-footer .summary-option-box .btn-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 100%;
    margin: 0;
  }

  .popup.custom-popup .popup-footer .summary-option-box .right-view-info-summary+.btn-box {
    margin-top: 8px;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }
}

@media screen and (max-width: 600px) {
  .popup.custom-popup {
    position: fixed;
    inset-inline-start: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    max-width: 100%;
    width: 100%;
    max-height: calc(100% - 24px);
    padding: 22px 0 calc(32px + env(safe-area-inset-bottom));
    border-start-start-radius: 20px;
    border-start-end-radius: 20px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    -webkit-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.05);
  }

  .popup.custom-popup .popup-footer-fixed {
    padding-bottom: 0;
  }
}

.body-popup-wrap {
  background-color: var(--surface-container);
}

.body-popup-wrap .popup {
  position: relative;
  bottom: unset;
  inset-inline-start: unset;
  -webkit-transform: none;
  transform: none;
  width: 100%;
  padding: 24px 0 calc(32px + env(safe-area-inset-bottom));
  border-radius: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
}

.popup-wltp {
  max-width: none;
  width: 1000px;
  height: 642px;
  padding-bottom: 36px;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .popup-wltp {
    width: 760px;
    height: 507px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .popup-wltp {
    width: 520px;
    height: 362px;
    padding-top: 23px;
    padding-bottom: 32px;
  }
}

@media screen and (max-width: 600px) {
  .popup-wltp {
    width: 296px;
    height: 424px;
    padding-top: 23px;
    padding-bottom: 24px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .popup-wltp .popup-header {
    padding-bottom: 15px;
  }

  .popup-wltp .popup-header .popup-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 600px) {
  .popup-wltp .popup-header {
    padding-bottom: 15px;
  }
}

.popup-wltp .popup-contents {
  position: relative;
  padding-bottom: 0;
}

@media screen and (max-width: 960px) {
  .popup-wltp .popup-contents {
    padding: 0 20px;
  }
}

.popup-wltp .image-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 936px;
  height: 526px;
}

.popup-wltp .image-box img {
  max-width: 936px;
  max-height: 526px;
  min-width: 300px;
  min-height: 300px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .popup-wltp .image-box {
    width: 696px;
    height: 391px;
  }

  .popup-wltp .image-box img {
    max-width: 696px;
    max-height: 391px;
    min-width: 240px;
    min-height: 240px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .popup-wltp .image-box {
    width: 480px;
    height: 270px;
  }

  .popup-wltp .image-box img {
    max-width: 480px;
    max-height: 270px;
    min-width: 160px;
    min-height: 160px;
  }
}

@media screen and (max-width: 600px) {
  .popup-wltp .image-box {
    width: 256px;
    height: 340px;
  }

  .popup-wltp .image-box img {
    max-width: 256px;
    max-height: 340px;
    min-width: 200px;
    min-height: 200px;
  }
}

@media screen and (max-width: 960px) {
  .popup-wltp .btn-close {
    top: 23px;
    inset-inline-end: 16px;
  }

  .popup-wltp .btn-close .ic {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4l-6 6m-6 6l6-6M4 4l6 6m6 6l-6-6' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

.popup-wltp .btn-direction {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.popup-wltp .btn-direction.btn-prev {
  inset-inline-start: 12px;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .popup-wltp .btn-direction.btn-prev {
    inset-inline-start: 6px;
    width: 28px;
    height: 28px;
  }

  .popup-wltp .btn-direction.btn-prev:before {
    width: 16px;
    height: 16px;
  }
}

.popup-wltp .btn-direction.btn-next {
  inset-inline-end: 12px;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .popup-wltp .btn-direction.btn-next {
    inset-inline-end: 6px;
    width: 28px;
    height: 28px;
  }

  .popup-wltp .btn-direction.btn-next:before {
    width: 16px;
    height: 16px;
  }
}

@media screen and (max-width: 600px) {
  .popup-wltp .btn-direction {
    display: none;
  }
}

.popup-wltp.popup-wltp-multiple {
  height: 672px;
  padding-bottom: 66px;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .popup-wltp.popup-wltp-multiple {
    height: 537px;
    padding-bottom: 66px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .popup-wltp.popup-wltp-multiple {
    height: 388px;
    padding-bottom: 58px;
  }
}

@media screen and (max-width: 600px) {
  .popup-wltp.popup-wltp-multiple {
    height: 446px;
    padding-bottom: 46px;
  }
}

.popup-wltp.popup-wltp-multiple .common-pagination {
  position: absolute;
  bottom: 24px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  text-align: center;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  font-size: 0;
  text-align: center;
}

.popup-wltp.popup-wltp-multiple .common-pagination .dot {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.popup-wltp.popup-wltp-multiple .common-pagination .dot:before {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--surface-ultimate);
  -webkit-transition: -webkit-transform 0.3s 0s;
  transition: -webkit-transform 0.3s 0s;
  transition: transform 0.3s 0s;
  transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
  content: '';
}

.popup-wltp.popup-wltp-multiple .common-pagination .dot.is-active:before {
  background-color: var(--on-surface);
}

@media screen and (max-width: 960px) {
  .popup-wltp.popup-wltp-multiple .common-pagination .dot.is-small:before {
    width: 6px;
    height: 6px;
  }
}

@media screen and (max-width: 960px) {
  .popup-wltp.popup-wltp-multiple .common-pagination .dot:before {
    width: 9px;
    height: 9px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .popup-wltp.popup-wltp-multiple .common-pagination .dot {
    margin-top: -1px;
  }
}

.popup-wltp.popup-wltp-multiple .common-pagination.type-dark .dot:before {
  background-color: var(--fixed-grey40);
}

.popup-wltp.popup-wltp-multiple .common-pagination.type-dark .dot.is-active:before {
  background-color: var(--white-fixed);
}

@media screen and (max-width: 600px) {
  .popup-wltp.popup-wltp-multiple .common-pagination {
    bottom: 14px;
  }
}

.category {
  position: relative;
  width: 100%;
  padding: 16px 0;
  background-color: var(--surface-container-ultimate-custom);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.category-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}

.category-list {
  overflow: hidden;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  padding: 0 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.category-list::-webkit-scrollbar {
  display: none;
}

.category-item {
  white-space: nowrap;
}

.category-item:not(:first-child) {
  -webkit-margin-start: 7px;
  margin-inline-start: 7px;
}

.category-item.is-selected .category-btn {
  background-color: var(--surface-container-ultimate);
  border-color: var(--outline);
  color: var(--surface-container-lowest);
}

.category-btn {
  height: 36px;
  padding: 0 20px;
  border: 1px solid var(--outline-mid);
  border-radius: 100px;
  background-color: var(--surface-container);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface-container-highest);
}

.category-btn:hover {
  background-color: var(--surface-container-lowest);
  border-color: var(--outline-high);
}

@media screen and (max-width: 960px) {
  .category {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 17px 0 16px;
  }

  .category-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .category-list {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .category-item:not(:first-child) {
    -webkit-margin-start: 6px;
    margin-inline-start: 6px;
  }

  .category-btn {
    height: 32px;
    padding: 0 15px;
    font-size: 12px;
    line-height: 1.66667;
  }
}

.category.type-plain {
  padding: 28px 0 0;
  background-color: unset;
}

@media screen and (max-width: 960px) {
  .category.type-plain {
    padding: 16px 0;
    background-color: var(--surface-low);
  }
}

.category.type-plain .category-list {
  -webkit-padding-start: 10px;
  padding-inline-start: 10px;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .category.type-plain .category-list {
    -webkit-padding-start: 30px;
    padding-inline-start: 30px;
  }
}

@media screen and (max-width: 600px) {
  .category.type-plain .category-list {
    -webkit-padding-start: 18px;
    padding-inline-start: 18px;
  }
}

.category.type-plain .category-item:not(:first-child) {
  -webkit-margin-start: 6px;
  margin-inline-start: 6px;
}

.category.type-plain .category-btn {
  padding: 0 16px;
  font-size: 14px;
  line-height: 1.57143;
}

@media screen and (max-width: 960px) {
  .category.type-plain .category-btn {
    font-size: 12px;
    line-height: 1.66667;
  }
}

.sorting-util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding: 0 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sorting-util .btn:before {
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: var(--outline-mid);
  margin: 0 16px;
  content: '';
}

.sorting-util .btn .ic {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5.25h-.75v1.5H4v-1.5zm8 1.5h.75v-1.5H12v1.5zm-8 4.5h-.75v1.5H4v-1.5zm16 1.5h.75v-1.5H20v1.5zm0 6h.75v-1.5H20v1.5zm-16-12h8v-1.5H4v1.5zM19.25 6c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0020.75 6h-1.5zM18 7.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0018 8.75v-1.5zM16.75 6c0-.69.56-1.25 1.25-1.25v-1.5A2.75 2.75 0 0015.25 6h1.5zM18 4.75c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 0018 3.25v1.5zm-4 8h6v-1.5h-6v1.5zm-.75-.75c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0014.75 12h-1.5zM12 13.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0012 14.75v-1.5zM10.75 12c0-.69.56-1.25 1.25-1.25v-1.5A2.75 2.75 0 009.25 12h1.5zM12 10.75c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 0012 9.25v1.5zM7.25 18c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 008.75 18h-1.5zM6 19.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 006 20.75v-1.5zM4.75 18c0-.69.56-1.25 1.25-1.25v-1.5A2.75 2.75 0 003.25 18h1.5zM6 16.75c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 006 15.25v1.5zm-2-4h6v-1.5H4v1.5zm7 6h9v-1.5h-9v1.5z' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .sorting-util .btn .ic {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5.25h-.75v1.5H4v-1.5zm8 1.5h.75v-1.5H12v1.5zm-8 4.5h-.75v1.5H4v-1.5zm16 1.5h.75v-1.5H20v1.5zm0 6h.75v-1.5H20v1.5zm-16-12h8v-1.5H4v1.5zM19.25 6c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0020.75 6h-1.5zM18 7.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0018 8.75v-1.5zM16.75 6c0-.69.56-1.25 1.25-1.25v-1.5A2.75 2.75 0 0015.25 6h1.5zM18 4.75c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 0018 3.25v1.5zm-4 8h6v-1.5h-6v1.5zm-.75-.75c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0014.75 12h-1.5zM12 13.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0012 14.75v-1.5zM10.75 12c0-.69.56-1.25 1.25-1.25v-1.5A2.75 2.75 0 009.25 12h1.5zM12 10.75c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 0012 9.25v1.5zM7.25 18c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 008.75 18h-1.5zM6 19.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 006 20.75v-1.5zM4.75 18c0-.69.56-1.25 1.25-1.25v-1.5A2.75 2.75 0 003.25 18h1.5zM6 16.75c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 006 15.25v1.5zm-2-4h6v-1.5H4v1.5zm7 6h9v-1.5h-9v1.5z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.sorting-util .filter-number {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: var(--primary);
  font-size: 9px;
  font-weight: 700;
  line-height: 2.44444;
  color: var(--on-primary);
  text-align: center;
}

@media screen and (max-width: 960px) {
  .sorting-util {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 10px;
  }

  .sorting-util .btn:before {
    display: none;
  }

  .sorting-util .btn .ic {
    width: 20px;
    height: 20px;
  }
}

:lang(ko) .category {
  background-color: var(--surface-container-lowest-custom);
}

.model-card {
  display: inline-block;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 1281px) {
  .model-card:hover .info-item:not(.model-thumbnail) {
    opacity: 0;
  }

  .model-card:hover .btn-box {
    opacity: 1;
  }
}

.model-card.is-active .info-item:not(.model-thumbnail) {
  opacity: 0;
}

.model-card.is-active .btn-box {
  opacity: 1;
}

.model-card .model-thumbnail {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 56.43%;
  border-radius: 4px;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: unset;
}

.model-card .model-thumbnail:empty {
  background-image: none;
}

.model-card .model-thumbnail img,
.model-card .model-thumbnail video {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  -webkit-transition-delay: 0.07s;
  transition-delay: 0.07s;
  overflow-clip-margin: unset;
}

.model-card .model-thumbnail .default-image {
  -webkit-transition-delay: unset;
  transition-delay: unset;
}

.model-card .model-thumbnail.skeleton-item:before {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, right top, left top, from(#f5f5f5), color-stop(37.98%, #fafafb), color-stop(67.79%, #fafafb), to(#f5f5f5));
  background-image: linear-gradient(270deg, #f5f5f5 0%, #fafafb 37.98%, #fafafb 67.79%, #f5f5f5 100%);
}

.model-card .error-image {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.model-card .error-image.vehicle {
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain;
}

@media screen and (max-width: 600px) {
  .model-card .error-image.vehicle {
    background-image: none;
    -webkit-background-size: cover;
    background-size: cover;
  }
}

.model-card .error-image.logo {
  background-color: var(--surface-container-lowest);
}

.model-card .error-image.logo:before {
  opacity: 0.3;
  display: inline-block;
  width: 102px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='102' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9950_123317)'%3E%3Cpath d='M59.18 21.27c0 .184.059.293.167.293.076 0 .15-.033.243-.1L91.39.813c.56-.37 1.07-.562 1.832-.562h6.987c1.08 0 1.791.72 1.791 1.792v13.349c0 1.616-.36 2.545-1.791 3.408l-8.477 5.091c-.109.067-.2.109-.284.109-.1 0-.201-.084-.201-.369V8.056c0-.168-.059-.302-.176-.302a.464.464 0 00-.242.092L67.59 22.953c-.653.419-1.188.553-1.782.553H50.402c-1.072 0-1.791-.72-1.791-1.792V2.47c0-.142-.059-.268-.167-.268-.076 0-.151.034-.252.092l-15.33 9.212c-.15.092-.193.167-.193.243 0 .067.026.125.134.234L43.75 22.936c.142.151.243.26.243.369 0 .134-.16.193-.352.193h-9.908c-.778 0-1.372-.118-1.79-.536l-6.645-6.641c-.067-.067-.117-.1-.192-.1a.464.464 0 00-.21.067l-11.104 6.674c-.67.402-1.138.536-1.791.536H1.79c-1.079 0-1.79-.72-1.79-1.793V8.6c0-1.616.36-2.537 1.79-3.4L10.319.075A.452.452 0 0110.552 0c.126 0 .201.134.201.435v17.519c0 .184.05.268.168.268.075 0 .159-.05.25-.109L39.983.796c.687-.42 1.113-.536 1.9-.536h15.506c1.08 0 1.79.72 1.79 1.792' fill='rgb%28141%2C149%2C154%29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9950_123317'%3E%3Cpath fill='rgb%28141%2C149%2C154%29' d='M0 0h102v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  content: '';
}

@media screen and (max-width: 960px) {
  .model-card .error-image.logo:before {
    display: inline-block;
    width: 77px;
    height: 18px;
    background-image: url("data:image/svg+xml, %3Csvg width='77' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16069_123196)'%3E%3Cpath d='M44.385 15.953c0 .138.044.22.126.22.056 0 .112-.026.181-.076L68.543.609c.42-.276.803-.42 1.374-.42h5.24c.81 0 1.344.54 1.344 1.343v10.012c0 1.212-.27 1.909-1.343 2.556l-6.358 3.818a.435.435 0 01-.213.082c-.076 0-.15-.063-.15-.276V6.042c0-.126-.045-.226-.133-.226a.348.348 0 00-.182.069l-17.428 11.33c-.49.314-.892.414-1.337.414H37.8c-.803 0-1.343-.54-1.343-1.344V1.853c0-.107-.044-.201-.125-.201-.057 0-.113.025-.189.069L24.646 8.629c-.113.07-.144.126-.144.183 0 .05.019.094.1.175l8.21 8.215c.106.113.182.195.182.277 0 .1-.12.144-.264.144H25.3c-.585 0-1.03-.088-1.344-.402l-4.983-4.98c-.05-.05-.088-.076-.145-.076-.043 0-.1.02-.156.05l-8.329 5.006c-.502.302-.853.402-1.343.402H1.343c-.81 0-1.343-.54-1.343-1.344V6.45C0 5.238.27 4.547 1.343 3.9L7.738.057A.34.34 0 017.914 0c.094 0 .15.1.15.327v13.139c0 .138.039.2.126.2.057 0 .12-.037.189-.081L29.987.597c.515-.314.835-.402 1.425-.402h11.63c.81 0 1.343.54 1.343 1.344' fill='rgb%28141%2C149%2C154%29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16069_123196'%3E%3Cpath fill='rgb%28141%2C149%2C154%29' d='M0 0h77v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 600px) {
  .model-card .error-image.image-pc {
    display: none;
  }
}

@media screen and (min-width: 601px) {
  .model-card .error-image.image-mo {
    display: none;
  }
}

.model-card .active-image {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  z-index: 10;
  opacity: 0;
}

.model-card .sticky-box {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  min-height: 24px;
}

.model-card .badge+.badge {
  -webkit-margin-start: 6px;
  margin-inline-start: 6px;
}

.model-card .symbol-logo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0;
}

.model-card .symbol-logo img {
  max-width: 60px;
  max-height: 24px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.model-card .model {
  display: block;
  margin-top: 14px;
  color: var(--on-surface);
  text-align: center;
}

.model-card .model.align-left {
  text-align: start;
}

.model-card .price {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.66667;
  color: var(--on-surface);
}

.model-card .price .type {
  margin-right: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface-mid);
}

.model-card .price .sub-value {
  margin-left: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface-high);
}

.model-card .tag-box {
  display: block;
  margin-top: 12px;
}

.model-card .tag-box .tag {
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--on-surface-mid);
}

.model-card .model-info-list {
  margin-top: 12px;
  font-size: 0;
}

.model-card .model-info-list .model-info-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.model-card .model-info-list .model-info-item+.model-info-item {
  margin-top: 12px;
}

.model-card .model-info-list .model-info-item .key,
.model-card .model-info-list .model-info-item .value {
  display: inline-block;
  color: var(--on-surface-high);
}

.model-card .model-info-list .model-info-item .key {
  -webkit-margin-end: 16px;
  margin-inline-end: 16px;
}

.model-card .model-info-list .model-info-item.item-price .value {
  color: var(--on-surface);
}

.model-card .btn-box {
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.model-card .btn-box .btn {
  width: 100%;
}

.model-card .btn-box .btn,
.model-card .btn-box .btn:not(:only-of-type):not(.btn-full) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.model-card .btn-box .btn:not(:first-child) {
  margin-top: 10px;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

@media screen and (min-width: 601px) {
  .model-card {
    min-height: 264px;
  }

  .model-card .btn-box .btn:not(:first-child) {
    margin-top: 8px;
  }
}

@media screen and (max-width: 600px) {
  .model-card[data-back-play='on'] {
    min-height: 194px;
    height: 100%;
  }
}

.model-card[data-back-play='on'].is-active .default-image,
.model-card[data-back-play='on'].is-active .model-info,
.model-card[data-back-play='on'].is-active .symbol-logo,
.model-card[data-back-play='on'].is-active .badge-box {
  opacity: 0;
}

.model-card[data-back-play='on'].is-active .active-image,
.model-card[data-back-play='on'].is-active .btn-box {
  opacity: 1;
}

.model-card[data-back-play='on'].is-active .default-image {
  -webkit-transition-delay: 0.07s;
  transition-delay: 0.07s;
}

.model-card[data-back-play='on'].is-active .btn-box {
  -webkit-transition-delay: 0.03s;
  transition-delay: 0.03s;
}

.model-card[data-back-play='on'].is-active .active-image {
  -webkit-transition-delay: unset;
  transition-delay: unset;
}

.model-card[data-back-play='on'].is-active .model-thumbnail {
  background-color: var(--surface-container);
}

.model-card[data-price='on'] {
  padding-bottom: 20px;
}

@media screen and (min-width: 1281px) {
  .model-card[data-price='on']:hover .model-info-list {
    opacity: 0;
  }
}

.model-card[data-price='on'].is-active .model-info-list {
  opacity: 0;
}

.model-card[data-card-size='large'] {
  padding-bottom: 58px;
}

.model-card[data-card-size='large'].is-active .model {
  opacity: 1;
}

.model-card[data-card-size='large'] .btn-box .btn {
  min-width: 198px;
}

.model-card[data-card-size='large'][data-price='on'] {
  padding-bottom: 56px;
}

.model-card[data-card-size='large'][data-price='on'].is-active .model-info-list {
  opacity: 1;
}

.model-card .detail-info-list,
.model-card .detail-info-text {
  margin-top: 10px;
}

.model-card-link {
  display: block;
}

.model-card .info-item {
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  -webkit-transition-delay: 0.03s;
  transition-delay: 0.03s;
}

.model-card .info-item.detail-info-list {
  -webkit-transition: none;
  transition: none;
}

@media screen and (max-width: 1280px) {

  .model-card,
  .model-card[data-price='on'],
  .model-card[data-card-size='large'],
  .model-card[data-card-size='large'][data-price='on'] {
    padding-bottom: 0;
  }

  .model-card .model {
    margin-top: 18px;
  }

  .model-card .btn-box {
    position: static;
    margin-top: 16px;
    opacity: 1;
  }
}

@media screen and (max-width: 600px) {
  .model-card {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }

  .model-card .model-thumbnail {
    margin-top: 22px;
    padding-top: 56.25%;
  }

  .model-card .model {
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.57143;
    text-align: start;
  }

  .model-card .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 24px;
  }

  .model-card .btn-box .btn {
    width: 100%;
  }

  .model-card .btn-box .btn,
  .model-card .btn-box .btn:not(:only-of-type):not(.btn-full) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .model-card .btn-box .btn:not(:first-child) {
    margin-top: 10px;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }

  .model-card .badge+.badge {
    -webkit-margin-start: 4px;
    margin-inline-start: 4px;
  }

  .model-card-link {
    padding-bottom: 14px;
  }

  .model-card-link+.btn-box {
    margin-top: 10px;
  }
}

.tag {
  display: inline-block;
  padding: 6px 11px;
  border: 1px solid transparent;
  border-radius: 150px;
  background-color: var(--surface-container-lowest);
  color: var(--on-surface-high);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.63636;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .tag {
    padding: 5px 11px;
    font-size: 10px;
    line-height: 1.6;
  }
}

.tag-box {
  display: inline-block;
  font-size: 0;
}

.tag+.tag {
  -webkit-margin-start: 4px;
  margin-inline-start: 4px;
}

.tag-medium {
  padding: 5px 11px;
  font-size: 10px;
  line-height: 1.6;
}

.tag-small {
  padding: 3px 9px;
  font-size: 10px;
  line-height: 1.6;
}

.table-container {
  position: relative;
}

@media screen and (max-width: 600px) {
  .table-container {
    width: 100%;
  }
}

@media screen and (min-width: 601px) {
  .table-container .table-dimmed {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-end: 0;
    z-index: 1;
    width: 48px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(99.75%, #ffffff));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 99.75%);
    pointer-events: none;
  }
}

.table-container .table-swiper-btn-prev,
.table-container .table-swiper-btn-next {
  display: none;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  top: 3px;
  z-index: 9;
  width: 32px;
  height: 34px;
  padding-top: 9px;
  padding-bottom: 9px;
  background-color: var(--surface-lowest);
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {

  .table-container .table-swiper-btn-prev,
  .table-container .table-swiper-btn-next {
    top: 1px;
  }
}

.table-container .table-swiper-btn-prev[aria-disabled='true'],
.table-container .table-swiper-btn-prev.swiper-button-disabled,
.table-container .table-swiper-btn-next[aria-disabled='true'],
.table-container .table-swiper-btn-next.swiper-button-disabled {
  pointer-events: none;
}

@media screen and (max-width: 600px) {

  .table-container .table-swiper-btn-prev[aria-disabled='true'],
  .table-container .table-swiper-btn-prev.swiper-button-disabled,
  .table-container .table-swiper-btn-next[aria-disabled='true'],
  .table-container .table-swiper-btn-next.swiper-button-disabled {
    display: none;
  }
}

.table-container .table-swiper-btn-prev:before,
.table-container .table-swiper-btn-next:before {
  content: '';
}

@media screen and (hover: hover) and (pointer: fine) {

  .table-container .table-swiper-btn-prev:hover:before,
  .table-container .table-swiper-btn-next:hover:before {
    background-color: var(--surface-mid);
  }
}

.table-container .table-swiper-btn-prev {
  inset-inline-start: 0;
  -webkit-padding-start: 16px;
  padding-inline-start: 16px;
}

.table-container .table-swiper-btn-prev:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3l-5 5 5 5' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: top;
}

.dark .table-container .table-swiper-btn-prev:before {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3l-5 5 5 5' stroke='rgb%28231%2C233%2C236%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (max-width: 600px) {
  .table-container .table-swiper-btn-prev:before {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3l-5 5 5 5' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .dark .table-container .table-swiper-btn-prev:before {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3l-5 5 5 5' stroke='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.table-container .table-swiper-btn-prev[aria-disabled='true']:before,
.table-container .table-swiper-btn-prev.swiper-button-disabled:before {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3l-5 5 5 5' stroke='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.table-container .table-swiper-btn-next {
  inset-inline-end: 0;
  -webkit-padding-end: 16px;
  padding-inline-end: 16px;
}

.table-container .table-swiper-btn-next:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: top;
}

.dark .table-container .table-swiper-btn-next:before {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28231%2C233%2C236%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (max-width: 600px) {
  .table-container .table-swiper-btn-next:before {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .dark .table-container .table-swiper-btn-next:before {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.table-container .table-swiper-btn-next[aria-disabled='true']:before,
.table-container .table-swiper-btn-next.swiper-button-disabled:before {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.table-container.is-active-swiper .table-swiper-btn-prev,
.table-container.is-active-swiper .table-swiper-btn-next {
  display: block;
}

@media screen and (max-width: 600px) {

  .table-container.is-active-swiper .table-swiper-btn-prev[aria-disabled='true'],
  .table-container.is-active-swiper .table-swiper-btn-prev.swiper-button-disabled,
  .table-container.is-active-swiper .table-swiper-btn-next[aria-disabled='true'],
  .table-container.is-active-swiper .table-swiper-btn-next.swiper-button-disabled {
    display: none;
  }
}

.table-container .btn-direction {
  display: none;
  position: absolute;
  top: 8px;
  width: 40px;
  height: 40px;
  z-index: 11;
}

@media screen and (max-width: 600px) {
  .table-container .btn-direction {
    top: 50%;
    width: 28px;
    height: 28px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.table-container .btn-direction.btn-prev {
  inset-inline-start: -21px;
}

.table-container .btn-direction.btn-prev:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3l-7 7 7 7' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.table-container .btn-direction.btn-prev:disabled:before,
.table-container .btn-direction.btn-prev[aria-disabled='true']:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3l-7 7 7 7' stroke='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .table-container .btn-direction.btn-prev:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3l-7 7 7 7' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .table-container .btn-direction.btn-prev:disabled:before,
.dark .table-container .btn-direction.btn-prev[aria-disabled='true']:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3l-7 7 7 7' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (max-width: 600px) {
  .table-container .btn-direction.btn-prev {
    inset-inline-start: 4px;
  }

  .table-container .btn-direction.btn-prev:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3l-5 5 5 5' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }

  .table-container .btn-direction.btn-prev:disabled:before,
  .table-container .btn-direction.btn-prev[aria-disabled='true']:before {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3l-5 5 5 5' stroke='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .dark .table-container .btn-direction.btn-prev:before {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3l-5 5 5 5' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .dark .table-container .btn-direction.btn-prev:disabled:before,
  .dark .table-container .btn-direction.btn-prev[aria-disabled='true']:before {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 3l-5 5 5 5' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.table-container .btn-direction.swiper-button-lock {
  display: none !important;
}

.table-container .swiper-scrollbar {
  position: absolute;
  background-color: transparent;
  height: 7px;
}

@media screen and (max-width: 600px) {
  .table-container .swiper-scrollbar {
    display: none;
  }
}

.table-container .swiper-scrollbar .swiper-scrollbar-drag {
  height: 4px;
  background-color: var(--surface-container-mid);
  border-radius: 100px;
}

@media screen and (max-width: 600px) {
  .table-container {
    overflow: hidden;
    width: 100%;
  }

  .table-container:after {
    display: none;
  }

  .table-container .swiper-scrollbar {
    display: none;
  }
}

.table-container .table-header .btn-direction.btn-next:before,
.btn-direction.btn-next.btn-next-out:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17l7-7-7-7' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.table-container .table-header .btn-direction.btn-next:disabled:before,
.table-container .table-header .btn-direction.btn-next[aria-disabled='true']:before,
.btn-direction.btn-next.btn-next-out:disabled:before,
.btn-direction.btn-next.btn-next-out[aria-disabled='true']:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17l7-7-7-7' stroke='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .table-container .table-header .btn-direction.btn-next:before,
.dark .btn-direction.btn-next.btn-next-out:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17l7-7-7-7' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .table-container .table-header .btn-direction.btn-next:disabled:before,
.dark .table-container .table-header .btn-direction.btn-next[aria-disabled='true']:before,
.dark .btn-direction.btn-next.btn-next-out:disabled:before,
.dark .btn-direction.btn-next.btn-next-out[aria-disabled='true']:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17l7-7-7-7' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (max-width: 600px) {

  .table-container .table-header .btn-direction.btn-next,
  .btn-direction.btn-next.btn-next-out {
    display: none !important;
    top: 50% !important;
    inset-inline-start: initial !important;
    inset-inline-end: 4px !important;
  }

  .table-container .table-header .btn-direction.btn-next:before,
  .btn-direction.btn-next.btn-next-out:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }

  .table-container .table-header .btn-direction.btn-next:disabled:before,
  .table-container .table-header .btn-direction.btn-next[aria-disabled='true']:before,
  .btn-direction.btn-next.btn-next-out:disabled:before,
  .btn-direction.btn-next.btn-next-out[aria-disabled='true']:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }

  .dark .table-container .table-header .btn-direction.btn-next:before,
  .dark .btn-direction.btn-next.btn-next-out:before {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .dark .table-container .table-header .btn-direction.btn-next:disabled:before,
  .dark .table-container .table-header .btn-direction.btn-next[aria-disabled='true']:before,
  .dark .btn-direction.btn-next.btn-next-out:disabled:before,
  .dark .btn-direction.btn-next.btn-next-out[aria-disabled='true']:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

@media screen and (min-width: 601px) {
  .table-container .table-header .btn-direction.btn-next {
    display: none !important;
  }
}

@media screen and (max-width: 600px) {
  .table-container .table-header .btn-direction.btn-next {
    display: inline-block !important;
  }
}

.btn-direction.btn-next-out {
  top: 8px;
  z-index: 11;
  width: 40px;
  height: 40px;
}

.btn-direction.btn-next-out[aria-disabled='true'] {
  pointer-events: none;
}

@media screen and (min-width: 601px) {
  .btn-direction.btn-next-out {
    position: fixed !important;
  }
}

@media screen and (max-width: 600px) {
  .btn-direction.btn-next-out {
    display: none !important;
  }
}

@media screen and (min-width: 601px) {
  .popup .table-container {
    overflow-x: hidden;
    max-width: 1280px;
    margin: 0 auto 75px;
  }
}

.table {
  display: inline-table;
  border-bottom: 1px solid var(--outline-low);
  text-align: start;
}

.table thead th {
  padding: 12px 20px;
  border: solid var(--outline-low);
  border-width: 1px 0;
  background-color: var(--surface-lowest);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--on-surface-highest);
}

.table tbody th {
  border-top: 1px solid var(--outline-low);
  background-color: var(--surface-low);
  padding: 12px 20px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.54545;
  color: var(--on-surface-highest);
}

@media screen and (max-width: 600px) {
  .table tbody th {
    font-size: 10px;
    line-height: 1.5;
  }
}

.table td {
  padding: 10px 16px 11px;
  border-top: 1px solid var(--outline-low);
  background-color: var(--surface);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface);
  min-height: 36px;
}

.table th.align-center,
.table td.align-center {
  text-align: center;
}

.table th.align-left,
.table td.align-left {
  text-align: start;
}

.table th.clear-border,
.table td.clear-border {
  border: 0;
}

.table tfoot td {
  padding: 16px 20px;
}

.table .dropdown+.dropdown {
  margin-top: 8px;
}

.table .btn-box {
  margin-top: 16px;
}

.table .btn {
  min-width: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
}

@media screen and (min-width: 601px) {
  .table .common-vehicle .thumbnail {
    width: 224px;
    height: 120px;
    margin: 0 auto;
    padding: 0;
  }

  .table .common-vehicle .thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .table .common-vehicle-product-info .point {
    font-size: 16px;
  }

  .table .common-vehicle .tooltip {
    bottom: 0;
  }
}

.compare-table {
  text-align: center;
}

.compare-table .common-vehicle-util {
  text-align: start;
}

.compare-table .common-vehicle-util .btn-pin {
  width: 20px;
  height: 20px;
}

.compare-table .common-vehicle-util .btn-pin.is-active:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.875 9.596V3.75h6.25v5.846c0 .263.083.519.236.731l2.889 4.006H3.75l2.889-4.006a1.25 1.25 0 00.236-.73z' fill='rgb%2870%2C143%2C19%29' stroke='rgb%2870%2C143%2C19%29' stroke-linejoin='round'/%3E%3Cpath d='M9 17.5a1 1 0 102 0H9zm0-3.125V17.5h2v-3.125H9z' fill='rgb%2870%2C143%2C19%29'/%3E%3Crect x='4' y='3' width='12' height='2' rx='1' fill='rgb%2870%2C143%2C19%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .compare-table .common-vehicle-util .btn-pin.is-active:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.875 9.596V3.75h6.25v5.846c0 .263.083.519.236.731l2.889 4.006H3.75l2.889-4.006a1.25 1.25 0 00.236-.73z' fill='rgb%28139%2C195%2C74%29' stroke='rgb%28139%2C195%2C74%29' stroke-linejoin='round'/%3E%3Cpath d='M9 17.5a1 1 0 102 0H9zm0-3.125V17.5h2v-3.125H9z' fill='rgb%28139%2C195%2C74%29'/%3E%3Crect x='4' y='3' width='12' height='2' rx='1' fill='rgb%28139%2C195%2C74%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.compare-table .common-vehicle-util .btn-pin:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.875 3.75v5.846c0 .263-.083.519-.236.731L3.75 14.333h12.5l-2.889-4.006a1.25 1.25 0 01-.236-.73V5' stroke='rgb%28155%2C162%2C169%29' stroke-linejoin='round'/%3E%3Cpath d='M9.5 17.5a.5.5 0 001 0h-1zm0-3.125V17.5h1v-3.125h-1z' fill='rgb%28155%2C162%2C169%29'/%3E%3Crect x='4' y='3' width='12' height='1' rx='.5' fill='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (hover: hover) and (pointer: fine) {
  .compare-table .common-vehicle-util .btn-pin:hover:not(.is-active):before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.875 3.75v5.846c0 .263-.083.519-.236.731L3.75 14.333h12.5l-2.889-4.006a1.25 1.25 0 01-.236-.73V5' stroke='rgb%285%2C20%2C31%29' stroke-linejoin='round'/%3E%3Cpath d='M9.5 17.5a.5.5 0 001 0h-1zm0-3.125V17.5h1v-3.125h-1z' fill='rgb%285%2C20%2C31%29'/%3E%3Crect x='4' y='3' width='12' height='1' rx='.5' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 600px) {
  .compare-table .common-vehicle-util .btn-pin {
    width: 16px;
    height: 16px;
  }

  .compare-table .common-vehicle-util .btn-pin.is-active:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='rgb%2870%2C143%2C19%29'%3E%3Cpath d='M5.5 7.677V3h5v4.677a1 1 0 00.189.585L13 11.467H3l2.311-3.205a1 1 0 00.189-.585z' stroke='rgb%2870%2C143%2C19%29' stroke-linejoin='round'/%3E%3Cpath d='M7 14a1 1 0 102 0H7zm0-2.5V14h2v-2.5H7z'/%3E%3Crect x='3.5' y='2.5' width='9' height='1' rx='.5' stroke='rgb%2870%2C143%2C19%29'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }

  .dark .compare-table .common-vehicle-util .btn-pin.is-active:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='rgb%28139%2C195%2C74%29'%3E%3Cpath d='M5.5 7.677V3h5v4.677a1 1 0 00.189.585L13 11.467H3l2.311-3.205a1 1 0 00.189-.585z' stroke='rgb%28139%2C195%2C74%29' stroke-linejoin='round'/%3E%3Cpath d='M7 14a1 1 0 102 0H7zm0-2.5V14h2v-2.5H7z'/%3E%3Crect x='3.5' y='2.5' width='9' height='1' rx='.5' stroke='rgb%28139%2C195%2C74%29'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }

  .compare-table .common-vehicle-util .btn-pin:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 3v4.677a1 1 0 01-.189.585L3 11.467h10l-2.311-3.205a1 1 0 01-.189-.585V4' stroke='rgb%28155%2C162%2C169%29' stroke-linejoin='round'/%3E%3Cpath d='M7.5 14a.5.5 0 001 0h-1zm0-2.5V14h1v-2.5h-1z' fill='rgb%28155%2C162%2C169%29'/%3E%3Crect x='3' y='2' width='10' height='1' rx='.5' fill='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 600px) and (hover: hover) and (pointer: fine) {
  .compare-table .common-vehicle-util .btn-pin:hover:not(.is-active):before {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 3v4.677a1 1 0 01-.189.585L3 11.467h10l-2.311-3.205a1 1 0 01-.189-.585V4' stroke='rgb%285%2C20%2C31%29' stroke-linejoin='round'/%3E%3Cpath d='M7.5 14a.5.5 0 001 0h-1zm0-2.5V14h1v-2.5h-1z' fill='rgb%285%2C20%2C31%29'/%3E%3Crect x='3' y='2' width='10' height='1' rx='.5' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

.compare-table .common-vehicle .btn-remove-vehicle {
  padding: 0;
  margin: 0;
  background-color: rgba(241, 242, 244, 0.6);
}

@media screen and (max-width: 600px) {
  .compare-table .common-vehicle .btn-remove-vehicle {
    padding: 2px;
  }
}

.compare-table .common-vehicle .btn-remove-vehicle .ic {
  padding: 0;
  background-color: transparent;
}

@media screen and (max-width: 600px) {
  .compare-table .common-vehicle .btn-remove-vehicle .ic-close-outlined-20px {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3L6 6M3 9l3-3M3 3l3 3m3 3L6 6' stroke='rgb%2873%2C85%2C95%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

.compare-table .tooltip {
  max-width: calc(50vw - 32px);
}

@media screen and (max-width: 600px) {
  .compare-table tbody .row-space {
    height: 33px !important;
  }
}

.table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 11;
  max-width: 1280px;
  -webkit-border-end: 1px solid var(--outline-low);
  border-inline-end: 1px solid var(--outline-low);
  width: 100%;
  height: 40px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 601px) {
  .table-header.hide-pc {
    height: 1px;
  }

  .table-header.hide-pc .table-title {
    padding: 0;
    border-bottom: 0;
  }

  .table-header.hide-pc .table-swiper-btn-prev,
  .table-header.hide-pc .table-swiper-btn-next {
    position: absolute;
  }

  .table-header.hide-pc+.table-container-inner .compare-table td.fixed-top {
    top: 1px;
  }
}

@media screen and (max-width: 600px) {
  .table-header {
    height: 36px;
  }
}

.table-header.is-sticky {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
}

.table-header-item {
  width: auto;
}

@media screen and (max-width: 600px) {
  .table-header-item {
    width: 100%;
  }
}

.table-header .swiper-pagination {
  display: none;
  top: 10px;
  inset-inline-start: 75%;
  z-index: 11;
  font-size: 10px;
  line-height: 1.6;
  color: var(--on-surface-high);
  pointer-events: none;
  -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
  transform: translateX(calc(-50% * var(--inline-dir)));
}

@media screen and (max-width: 600px) {
  .table-header .swiper-pagination {
    display: block;
  }
}

.table-title {
  display: block;
  padding: 12px 32px;
  width: 323px;
  height: 100%;
  border-top: 1px solid var(--outline-low);
  border-bottom: 1px solid var(--outline-low);
  background-color: var(--surface-lowest);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--on-surface-highest);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.table-title.type-reference {
  overflow: hidden;
  position: relative;
  z-index: 10;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 335px;
  border-color: var(--outline-low);
  background-color: var(--surface-low);
  font-weight: 700;
  color: var(--on-surface);
  -webkit-transform: translateZ(10px);
  transform: translateZ(10px);
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .table-title.type-reference {
    width: 256px;
  }
}

@media screen and (max-width: 600px) {
  .table-title {
    padding: 10px 30px;
    width: 100%;
  }

  .table-title.type-reference {
    width: 50%;
  }
}

.table-header-swiper {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: calc(100% - 335px);
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .table-header-swiper {
    max-width: calc(100% - 256px);
  }
}

.table-header-swiper:before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  bottom: 0;
  width: 20px;
  z-index: 11;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.08)), color-stop(110.83%, rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 110.83%);
  pointer-events: none;
  content: '';
}

.table-header-swiper .table-header-item:first-of-type .table-title {
  width: 323px;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .table-header-swiper .table-header-item:first-of-type .table-title {
    width: 244px;
  }
}

.table-header-swiper .table-header-item .table-title {
  width: 311px;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .table-header-swiper .table-header-item .table-title {
    width: 244px;
  }
}

@media screen and (max-width: 600px) {
  .table-header-swiper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .table-header-swiper:before {
    width: 16px;
  }

  .table-header-swiper .table-header-item:first-of-type .table-title {
    width: 100%;
  }

  .table-header-swiper .table-header-item .table-title {
    width: 100%;
  }
}

.table-header-swiper .table-header-item:not(:first-child) .table-title {
  -webkit-border-start: 1px solid var(--outline-low);
  border-inline-start: 1px solid var(--outline-low);
}

@media screen and (max-width: 600px) {
  .table-header-swiper .table-header-item:not(:first-child) .table-title {
    -webkit-border-start: 0;
    border-inline-start: 0;
  }
}

.table-container-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1280px;
  width: 100%;
  margin-top: -2px;
}

.compare-table {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
  border-collapse: separate;
  border-bottom: 0;
  border-spacing: 0;
}

@media screen and (max-width: 600px) {
  .compare-table {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.compare-table tbody th {
  height: 36px;
  padding: 8px 32px;
  border-top: 0;
  border-bottom: 1px solid var(--outline-low);
  background-color: var(--surface-lowest);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--on-surface-high);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.compare-table td {
  padding: 20px 24px 18px;
  border-top: 0;
  border-bottom: 1px solid var(--outline-low);
  background-color: var(--surface);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.66667;
  color: var(--on-surface-highest);
  vertical-align: top;
}

.compare-table td.has-expand-item {
  padding-top: 0;
  padding-bottom: 20px;
}

.compare-table td.fixed-top {
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
  inset-inline-start: 0;
  padding-top: 20px;
  padding-bottom: 12px;
  z-index: 1;
}

@media screen and (max-width: 600px) {
  .compare-table td.fixed-top {
    top: 36px;
    padding-top: 12px;
    padding-bottom: 10px;
  }
}

.compare-table td.fixed-top.is-sticky {
  border-bottom: 1px solid var(--outline-low);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.compare-table td.has-thumb {
  padding-bottom: 0;
}

@media screen and (max-width: 600px) {
  .compare-table td {
    padding: 12px 16px;
  }

  .compare-table td.has-expand-item {
    padding-top: 0;
    padding-bottom: 20px;
  }
}

.compare-table .dropdown {
  margin-top: 15px;
}

.compare-table .dropdown+.dropdown {
  margin-top: 6px;
}

@media screen and (max-width: 600px) {
  .compare-table .dropdown+.dropdown {
    margin-top: 8px;
  }
}

.compare-table .common-vehicle-detail-info .detail-info-list {
  margin-top: 20px;
}

@media screen and (max-width: 600px) {
  .compare-table .common-vehicle-detail-info .detail-info-list {
    margin-top: 17px;
  }
}

.compare-table .btn-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 15px;
}

.compare-table .btn-box .btn:first-child {
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
}

.compare-table .btn-box .btn:not(:first-child) {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

.compare-table .btn-box .btn:only-child {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .compare-table .btn-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .compare-table .btn-box .btn:not(:only-of-type):not(.btn-full) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
  }

  .compare-table .btn-box .btn:not(:only-of-type):not(.btn-full):first-child {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }

  .compare-table .btn-box .btn:not(:only-of-type):not(.btn-full):not(:first-child) {
    margin-top: 8px;
  }
}

.reference-table {
  position: relative;
  width: 335px;
  z-index: 10;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .reference-table {
    width: 256px;
  }
}

@media screen and (max-width: 600px) {
  .reference-table {
    width: 50%;
  }
}

.reference-table tbody th {
  font-weight: 700;
  background-color: var(--surface-low);
}

.reference-table td {
  background-color: var(--surface-lowest);
}

.table-swiper {
  overflow: visible;
  position: relative;
  width: calc(100% - 335px);
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .table-swiper {
    width: calc(100% - 256px);
  }
}

.table-swiper:before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  bottom: 0;
  width: 20px;
  z-index: 10;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.05)), color-stop(110.83%, rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 110.83%);
  pointer-events: none;
  content: '';
}

@media screen and (max-width: 600px) {
  .table-swiper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }

  .table-swiper:before {
    width: 16px;
  }
}

.table-swiper .table-item {
  width: 311px;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .table-swiper .table-item {
    width: 244px;
  }
}

.table-swiper .table-item:first-child {
  width: 323px;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .table-swiper .table-item:first-child {
    width: 244px;
  }
}

.table-swiper .table-item:first-child .compare-table td {
  -webkit-padding-start: 24px;
  padding-inline-start: 24px;
}

.table-swiper .table-item .compare-table td {
  -webkit-padding-start: 12px;
  padding-inline-start: 12px;
  -webkit-padding-end: 12px;
  padding-inline-end: 12px;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .table-swiper .table-item .compare-table td {
    -webkit-padding-start: 24px;
    padding-inline-start: 24px;
    -webkit-padding-end: 24px;
    padding-inline-end: 24px;
  }
}

@media screen and (max-width: 600px) {
  .table-swiper .table-item {
    width: 100%;
  }

  .table-swiper .table-item:first-child {
    width: 100%;
  }

  .table-swiper .table-item:first-child .compare-table td {
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
  }

  .table-swiper .table-item .compare-table td {
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
  }
}

.table-list-item {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface-highest);
}

.table-list-item:not(:first-child) {
  margin-top: 8px;
}

@media screen and (max-width: 600px) {
  .table-list-item {
    font-size: 10px;
    line-height: 1.6;
  }
}

.table-list .point {
  color: var(--secondary);
  background-color: var(--secondary-lowest);
}

@media screen and (max-width: 600px) {
  .popup .table-container {
    overflow: visible;
    padding-bottom: 40px;
  }

  .popup .table-container .has-expand-item {
    padding-bottom: 20px;
    text-align: start;
  }

  .popup .table-container .has-expand-item.fixed-top {
    padding-top: 8px;
    padding-bottom: 16px;
  }
}

.specification-list .type {
  display: block;
  margin-top: 14px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--on-surface-mid);
}

.specification-list .type:first-of-type {
  margin-top: 0;
}

.specification-list .type .point {
  color: var(--secondary);
  background-color: var(--secondary-lowest);
}

@media screen and (max-width: 600px) {
  .specification-list .type {
    margin-top: 12px;
  }

  .specification-list .type:first-of-type {
    margin-top: 4px;
  }

  .specification-list.type-stock .type {
    margin-top: 14px;
    font-weight: 700;
    color: var(--on-surface-mid);
  }

  .specification-list.type-stock .type:first-of-type {
    margin-top: 0;
  }

  .specification-list.type-stock .value {
    margin-top: 6px;
    font-weight: 400;
  }

  .specification-list.type-stock .value.point {
    margin-top: 3px;
    padding-block: 1px;
    padding-inline: 4px 0;
    font-weight: 400;
  }
}

.specification-list .value {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.66667;
  color: var(--on-surface-highest);
}

.specification-list .value.point {
  padding: 1px 0;
  color: var(--secondary);
  background-color: var(--secondary-lowest);
}

.stock-box {
  display: inline-block;
  width: 220px;
  padding: 0 12px 20px;
  background-color: var(--surface-container);
  border: 1px solid var(--outline-low);
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .stock-box {
    width: 182px;
    padding: 11px 8px;
  }
}

.stock-list {
  margin-top: 26px;
}

.stock-list .type {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.57143;
  color: var(--on-surface-high);
}

.stock-list .type:not(:first-of-type) {
  margin-top: 14px;
}

.stock-list .value {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface);
}

.stock-list .value.point {
  padding: 2px 8px;
  font-weight: 700;
  color: var(--secondary);
  background-color: var(--secondary-lowest);
}

.info-detail-list.type-between .info-detail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.info-detail-list .info-detail-item:not(:first-child) {
  margin-top: 12px;
}

.loading_wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 10002;
  background-color: rgba(0, 0, 0, 0.7);
}

.loading_wrap .loading_box {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), -50%);
  transform: translate(calc(-50% * var(--inline-dir)), -50%);
  background-color: transparent;
}

.loading_box {
  padding: 20px 0;
  text-align: center;
  background: var(--surface-low);
}

.loader {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  border: 4px solid var(--surface-mid);
  border-bottom-color: var(--primary);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: loading-spinner 1s linear infinite;
  animation: loading-spinner 1s linear infinite;
}

@-webkit-keyframes loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.common-vehicle {
  position: relative;
  width: 100%;
  padding: 0 0 20px;
  word-break: keep-all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.common-vehicle .btn-box {
  overflow: hidden;
  padding: 16px 20px 0;
}

.common-vehicle .btn-box .btn {
  min-width: 0;
}

.common-vehicle .badge {
  -webkit-margin-end: 6px;
  margin-inline-end: 6px;
}

.common-vehicle .badge-box {
  vertical-align: top;
}

@media screen and (max-width: 600px) {
  .common-vehicle .badge-box {
    padding-block: 16px 0;
    padding-inline: 16px 0;
  }
}

.common-vehicle .badge+.badge {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

.common-vehicle .badge:last-child {
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}

.common-vehicle .btn-remove-vehicle {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  z-index: 1;
  margin-block: -3px 0;
  margin-inline: 0 -5px;
  padding: 5px;
  border-radius: 100%;
}

@media screen and (hover: hover) and (pointer: fine) {
  .common-vehicle .btn-remove-vehicle:hover .ic {
    border-radius: 100%;
    background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3L6 6M3 9l3-3M3 3l3 3m3 3L6 6' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .common-vehicle .btn-remove-vehicle:hover .ic:hover {
    border-radius: 100%;
  }
}

.common-vehicle .btn-remove-vehicle .ic {
  border-radius: 100%;
  padding: 2px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3L6 6M3 9l3-3M3 3l3 3m3 3L6 6' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 12px auto;
  background-size: 12px auto;
  background-position: center;
  background-color: var(--surface-mid);
}

.common-vehicle.has-hover-action .title-wrap,
.common-vehicle.has-hover-action .product-info-list,
.common-vehicle.has-hover-action .common-vehicle-detail-info,
.common-vehicle.has-hover-action .tag-box {
  margin-top: 16px;
}

@media screen and (min-width: 1281px) {
  .common-vehicle.has-hover-action {
    border-radius: 8px;
  }

  .common-vehicle.has-hover-action:hover:after {
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    border-radius: 8px;
    border: 1px solid var(--outline-low);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    content: '';
  }

  .common-vehicle.has-hover-action:hover .info-item:last-child,
  .common-vehicle.has-hover-action:hover .common-vehicle-util {
    opacity: 0;
  }

  .common-vehicle.has-hover-action:hover .btn-box {
    opacity: 1;
  }

  .common-vehicle.has-hover-action:hover .thumbnail .default-image {
    display: none;
  }

  .common-vehicle.has-hover-action:hover .thumbnail .active-image {
    display: block;
  }

  .common-vehicle.has-hover-action .tag-box {
    padding-bottom: 8px;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
  }

  .common-vehicle.has-hover-action .btn-box {
    opacity: 0;
    position: absolute;
    bottom: 20px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
  }
}

@media screen and (max-width: 1280px) {

  .common-vehicle.has-hover-action .btn-box .btn,
  .common-vehicle.has-hover-action .btn-box .btn:not(:only-of-type):not(.btn-full) {
    height: 36px;
    font-size: 12px;
    line-height: 1.66667;
  }
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .common-vehicle.has-hover-action .common-vehicle-product-info {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
  }

  .common-vehicle.has-hover-action .thumbnail {
    padding-top: 66.25%;
  }

  .common-vehicle.has-hover-action .title-wrap {
    margin-top: 8px;
  }

  .common-vehicle.has-hover-action .btn-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
  }

  .common-vehicle.has-hover-action .btn-box .btn,
  .common-vehicle.has-hover-action .btn-box .btn:not(:only-of-type):not(.btn-full) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    margin-top: 10px;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }

  .common-vehicle.has-hover-action .btn-box .btn:last-child,
  .common-vehicle.has-hover-action .btn-box .btn:not(:only-of-type):not(.btn-full):last-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 600px) {
  .common-vehicle.has-hover-action .tag-box {
    padding-bottom: 4px;
  }

  .common-vehicle.has-hover-action .btn-box {
    padding-top: 16px;
  }
}

.common-vehicle.type-select {
  padding-bottom: 10px;
}

.common-vehicle.type-select .product-info-list {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

.common-vehicle.type-select .product-info-list:before {
  display: none;
}

.common-vehicle.type-select .title-wrap,
.common-vehicle.type-select .product-info-list,
.common-vehicle.type-select .tag-box {
  margin-top: 8px;
}

.common-vehicle.type-select .common-vehicle-detail-info {
  margin-top: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  border-top: 0;
  padding-top: 0;
}

.common-vehicle.type-select .common-vehicle-detail-info .detail-info-list {
  margin-top: 10px;
  border-top: 1px solid var(--outline-low);
  padding-top: 9px;
}

.common-vehicle.type-select.is-selected .common-vehicle-radio-input:disabled+.common-vehicle-label {
  pointer-events: none;
}

.common-vehicle.type-select.is-selected .common-vehicle-radio-input:disabled+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='10' height='10' rx='5' stroke='rgb%28205%2C208%2C211%29' stroke-width='10'/%3E%3Ccircle cx='10' cy='10' r='4.167' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .common-vehicle.type-select.is-selected .common-vehicle-radio-input:disabled+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='10' height='10' rx='5' stroke='rgb%28178%2C184%2C189%29' stroke-width='10'/%3E%3Ccircle cx='10' cy='10' r='4.167' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.common-vehicle.type-select.is-selected .common-vehicle-product-info .thumbnail {
  opacity: 0.6;
}

.common-vehicle.type-select.is-selected .common-vehicle-product-info .title,
.common-vehicle.type-select.is-selected .common-vehicle-product-info .type,
.common-vehicle.type-select.is-selected .common-vehicle-product-info .value,
.common-vehicle.type-select.is-selected .common-vehicle-product-info .point,
.common-vehicle.type-select.is-selected .common-vehicle-product-info .btn-sub-value,
.common-vehicle.type-select.is-selected .common-vehicle-product-info .price-info {
  color: var(--on-surface-mid);
}

.common-vehicle.type-select.is-selected .common-vehicle-product-info .btn-sub-value,
.common-vehicle.type-select.is-selected .common-vehicle-product-info .link,
.common-vehicle.type-select.is-selected .common-vehicle-product-info .detail-info-list {
  pointer-events: none;
}

.common-vehicle.type-select .common-vehicle-radio-input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}

.common-vehicle.type-select .common-vehicle-radio-input+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='9.5' stroke='rgb%28157%2C162%2C168%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .common-vehicle.type-select .common-vehicle-radio-input+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='9.5' stroke='rgb%2899%2C107%2C116%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.common-vehicle.type-select .common-vehicle-radio-input:checked+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='10' height='10' rx='5' stroke='rgb%285%2C20%2C31%29' stroke-width='10'/%3E%3Ccircle cx='10' cy='10' r='4.167' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .common-vehicle.type-select .common-vehicle-radio-input:checked+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='10' height='10' rx='5' stroke='rgb%28255%2C255%2C255%29' stroke-width='10'/%3E%3Ccircle cx='10' cy='10' r='4.167' fill='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.common-vehicle.type-select .common-vehicle-radio-input:checked:disabled+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='10' height='10' rx='5' stroke='rgb%28205%2C208%2C211%29' stroke-width='10'/%3E%3Ccircle cx='10' cy='10' r='4.167' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .common-vehicle.type-select .common-vehicle-radio-input:checked:disabled+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='10' height='10' rx='5' stroke='rgb%28178%2C184%2C189%29' stroke-width='10'/%3E%3Ccircle cx='10' cy='10' r='4.167' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.common-vehicle.type-select .common-vehicle-radio-input:disabled+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='9.5' fill='rgb%28242%2C244%2C246%29' stroke='rgb%28231%2C233%2C236%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .common-vehicle.type-select .common-vehicle-radio-input:disabled+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='9.5' fill='rgb%2848%2C60%2C71%29' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.common-vehicle.type-select .common-vehicle-checkbox-input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}

.common-vehicle.type-select .common-vehicle-checkbox-input+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' stroke='rgb%28157%2C162%2C168%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .common-vehicle.type-select .common-vehicle-checkbox-input+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' stroke='rgb%2899%2C107%2C116%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.common-vehicle.type-select .common-vehicle-checkbox-input:checked+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M15.5 6l-7 8-4-3.5' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .common-vehicle.type-select .common-vehicle-checkbox-input:checked+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M15.5 6l-7 8-4-3.5' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.common-vehicle.type-select .common-vehicle-checkbox-input:checked:disabled+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='rgb%28205%2C208%2C211%29'/%3E%3Cpath d='M15.5 6l-7 8-4-3.5' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .common-vehicle.type-select .common-vehicle-checkbox-input:checked:disabled+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='rgb%28178%2C184%2C189%29'/%3E%3Cpath d='M15.5 6l-7 8-4-3.5' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.common-vehicle.type-select .common-vehicle-checkbox-input:disabled+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' fill='rgb%28242%2C244%2C246%29'/%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' stroke='rgb%28205%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.dark .common-vehicle.type-select .common-vehicle-checkbox-input:disabled+.common-vehicle-label:before {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' fill='rgb%2848%2C60%2C71%29'/%3E%3Crect x='.5' y='.5' width='19' height='19' rx='1.5' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.common-vehicle.type-select .common-vehicle-label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 100%;
  padding-top: 2px;
  -webkit-padding-start: 34px;
  padding-inline-start: 34px;
  font-size: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.common-vehicle.type-select .common-vehicle-label:before {
  position: absolute;
  top: 2px;
  inset-inline-start: 0;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  vertical-align: top;
  content: '';
}

@media screen and (max-width: 600px) {
  .common-vehicle.type-select .common-vehicle-label:before {
    top: 1px;
  }
}

.common-vehicle.type-select .common-vehicle-label.has-date-info {
  padding-top: 21px;
}

.common-vehicle.type-select .common-vehicle-label.has-date-info .date {
  position: absolute;
  top: 1px;
  inset-inline-start: 34px;
  inset-inline-end: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.54545;
  color: var(--on-surface-mid);
}

@media screen and (max-width: 600px) {
  .common-vehicle.type-select .common-vehicle-label.has-date-info .date {
    inset-inline-start: 28px;
  }
}

.common-vehicle.type-select .common-vehicle-product-info {
  padding-block: 0;
  padding-inline: 30px 10px;
}

.common-vehicle.type-select .product-info-item {
  margin-top: 6px;
}

.common-vehicle.type-select .product-info-item .price-info {
  margin-top: 2px;
}

.common-vehicle.type-select .product-info-item .point {
  font-size: 13px;
  line-height: 1.53846;
}

.common-vehicle.type-select .product-info-item .type {
  -webkit-padding-end: 0;
  padding-inline-end: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
}

.common-vehicle.type-select .product-info-item .point-normal {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.53846;
  vertical-align: top;
}

.common-vehicle.type-select .product-info-item .value {
  margin-top: -2px;
}

.common-vehicle.type-select .title-wrap {
  margin-block: 6px 0;
  margin-inline: -30px -10px;
}

.common-vehicle.type-select .title-wrap .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.common-vehicle.type-select .thumbnail {
  -webkit-margin-start: -30px;
  margin-inline-start: -30px;
  -webkit-margin-end: -10px;
  margin-inline-end: -10px;
  padding-top: 66.37%;
}

.common-vehicle.type-select .product-info-list .btn-sub-value {
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
  padding-block: 2px;
  padding-inline: 7px 9px;
}

@media screen and (max-width: 960px) {
  .common-vehicle.type-select {
    padding: 16px 20px;
  }

  .common-vehicle.type-select .common-vehicle-product-info {
    position: relative;
    padding-block: 0;
    padding-inline: 28px 0;
  }

  .common-vehicle.type-select .common-vehicle-product-info .thumbnail {
    position: absolute;
    top: -7px;
    inset-inline-end: 0;
    width: 120px;
    height: 67px;
    margin: 0;
    padding-top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .common-vehicle.type-select .common-vehicle-product-info .title {
    font-size: 13px;
    line-height: 1.53846;
  }

  .common-vehicle.type-select .product-info-list {
    margin-top: 10px;
  }

  .common-vehicle.type-select .product-info-list:before {
    inset-inline-start: 0;
  }

  .common-vehicle.type-select .product-info-list .btn-sub-value {
    margin-top: -2px;
  }

  .common-vehicle.type-select .product-info-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: start;
    margin-top: 4px;
  }

  .common-vehicle.type-select .product-info-item .price-info {
    margin-top: 4px;
  }

  .common-vehicle.type-select .product-info-item .type,
  .common-vehicle.type-select .product-info-item .value {
    white-space: nowrap;
    text-align: start;
  }

  .common-vehicle.type-select .product-info-item .type {
    width: 100%;
    font-size: 10px;
    line-height: 1.6;
  }

  .common-vehicle.type-select .product-info-item .value {
    margin-top: 2px;
  }

  .common-vehicle.type-select .product-info-item .point-radio {
    font-size: 14px;
    line-height: 1.57143;
  }

  .common-vehicle.type-select .product-info-item .point-normal {
    font-size: 12px;
    line-height: 1.66667;
  }

  .common-vehicle.type-select .common-vehicle-label {
    -webkit-padding-start: 28px;
    padding-inline-start: 28px;
  }

  .common-vehicle.type-select .common-vehicle-detail-info {
    margin-top: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    border-top: 0;
    padding-top: 0;
  }

  .common-vehicle.type-select .common-vehicle-detail-info .detail-info-list {
    margin-top: 12px;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }

  .common-vehicle.type-select .title-wrap {
    margin-block: 0;
    margin-inline: -28px 0;
  }
}

.common-vehicle.type-compare {
  padding-bottom: 0;
}

.common-vehicle.type-compare .common-vehicle-product-info {
  padding: 0;
}

@media screen and (max-width: 600px) {
  .common-vehicle.type-compare .common-vehicle-product-info .title-wrap {
    margin-top: 4px;
  }
}

.common-vehicle.type-compare .common-vehicle-product-info .title-wrap:has(.btn-change) .title {
  width: 100%;
  -webkit-padding-end: 20px;
  padding-inline-end: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.common-vehicle.type-compare .common-vehicle-product-info .title-wrap .desc {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  text-align: start;
}

@media screen and (max-width: 600px) {
  .common-vehicle.type-compare .common-vehicle-product-info .title-wrap .desc {
    font-size: 10px;
    line-height: 1.6;
  }
}

.common-vehicle.type-compare .common-vehicle-product-info .title-wrap:has(.desc)+.product-info-list {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--outline-low);
}

@media screen and (max-width: 600px) {
  .common-vehicle.type-compare .common-vehicle-product-info .title-wrap:has(.desc)+.product-info-list {
    margin-top: 10px;
    padding-top: 10px;
  }
}

.common-vehicle.type-compare .common-vehicle-product-info .title-wrap .btn-text {
  margin-top: 2px;
}

.common-vehicle.type-compare .common-vehicle-product-info .title-wrap .btn-text .text {
  color: var(--on-surface-high);
}

.common-vehicle.type-compare .common-vehicle-product-info .tooltip-area {
  position: absolute;
  top: 3px;
  inset-inline-end: 0;
}

@media screen and (max-width: 600px) {
  .common-vehicle.type-compare .common-vehicle-product-info .tooltip-area {
    top: 2px;
  }

  .common-vehicle.type-compare .common-vehicle-product-info .tooltip-area .tooltip::before {
    display: none;
  }
}

.common-vehicle.type-compare .common-vehicle-product-info .tooltip-area .btn-change {
  position: static;
  font-size: 0;
}

.common-vehicle.type-compare .common-vehicle-product-info .btn-change {
  position: absolute;
  top: 3px;
  inset-inline-end: 0;
}

@media screen and (max-width: 600px) {
  .common-vehicle.type-compare .common-vehicle-product-info .btn-change {
    top: 2px;
  }
}

.common-vehicle.type-compare .common-vehicle-product-info .title {
  color: var(--on-surface-container-ultimate);
}

.common-vehicle.type-compare .common-vehicle-product-info .thumbnail {
  width: 100%;
  margin: 0;
}

.common-vehicle.type-compare .common-vehicle-product-info .thumbnail img {
  -o-object-fit: contain;
  object-fit: contain;
}

.common-vehicle.type-compare .common-vehicle-product-info>.price-info {
  display: block;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface-high);
  word-break: keep-all;
}

.common-vehicle.type-compare .common-vehicle-product-info>.price-info {
  display: block;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface-high);
  word-break: keep-all;
}

.common-vehicle.type-compare .product-info-list {
  margin-top: 12px;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

.common-vehicle.type-compare .product-info-list:before {
  display: none;
}

.common-vehicle.type-compare .product-info-item {
  margin-top: 0;
}

.common-vehicle.type-compare .product-info-item+.product-info-item {
  margin-top: 8px;
}

.common-vehicle.type-compare .product-info-item .price-info {
  margin-top: 7px;
}

.common-vehicle.type-compare .product-info-item .type {
  min-width: 65px;
  font-size: 11px;
  line-height: 1.54545;
  text-align: start;
}

.common-vehicle.type-compare .product-info-item .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-top: 4px;
  text-align: start;
}

.common-vehicle.type-compare .product-info-item .point {
  font-size: 16px;
  line-height: 1.5;
}

.common-vehicle.type-compare .product-info-item .point-normal {
  font-size: 14px;
  line-height: 1.57143;
}

@media screen and (max-width: 600px) {
  .common-vehicle.type-compare .tooltip {
    top: 100%;
    bottom: auto;
    inset-inline-start: -6px;
  }

  .common-vehicle.type-compare .product-info-item {
    margin-top: 5px;
  }

  .common-vehicle.type-compare .product-info-item:first-child {
    margin-top: 0;
  }

  .common-vehicle.type-compare .product-info-item .price-info {
    margin-top: 8px;
  }

  .common-vehicle.type-compare .product-info-item .type {
    width: 100%;
    padding: 0;
    font-size: 10px;
    line-height: 1.6;
  }

  .common-vehicle.type-compare .product-info-item .value {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 2px;
  }

  .common-vehicle.type-compare .product-info-item .point {
    font-size: 13px;
    line-height: 1.53846;
    color: var(--on-surface-container-ultimate);
  }

  .common-vehicle.type-compare .product-info-item .point-normal {
    font-size: 12px;
    line-height: 1.66667;
  }

  .common-vehicle.type-compare .product-info-item .price {
    display: inline-block;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px;
    font-size: 10px;
    line-height: 1.6;
  }
}

.common-vehicle.type-recommendation .product-info-list {
  margin-top: 8px;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

.common-vehicle.type-recommendation .product-info-list:before {
  display: none;
}

.common-vehicle.type-recommendation .thumbnail {
  width: 288px;
  height: 162px;
  margin: 0 auto;
  padding: 0;
}

.common-vehicle.type-recommendation .product-info-item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 8px;
}

.common-vehicle.type-recommendation .product-info-item .price-info {
  margin-top: 0;
}

.common-vehicle.type-recommendation .product-info-item .type {
  font-size: 14px;
  line-height: 1.57143;
  color: var(--on-surface-high);
}

.common-vehicle.type-recommendation .product-info-item .type-point {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.57143;
  color: var(--on-surface);
}

.common-vehicle.type-recommendation .product-info-item .point-normal {
  color: var(--on-surface-highest);
}

@media screen and (max-width: 600px) {
  .common-vehicle.type-recommendation .common-vehicle-product-info {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
  }

  .common-vehicle.type-recommendation .thumbnail {
    width: calc(100% + 40px);
    height: auto;
    margin: 0 -20px;
    padding-top: 63.125%;
  }

  .common-vehicle.type-recommendation .thumbnail img {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .common-vehicle.type-recommendation .product-info-item .type-point {
    font-size: 13px;
    line-height: 1.53846;
  }

  .common-vehicle.type-recommendation .product-info-item .value .point {
    font-size: 16px;
    line-height: 1.5;
  }

  .common-vehicle.type-recommendation .product-info-item .value .point-normal {
    font-size: 14px;
    line-height: 1.57143;
  }
}

.common-vehicle.type-commerce .common-vehicle-product-info .thumbnail {
  border-radius: 4px;
  background-color: var(--surface-low);
}

.common-vehicle.type-commerce .common-vehicle-product-info .thumbnail img {
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), -50%);
  transform: translate(calc(-50% * var(--inline-dir)), -50%);
}

.common-vehicle.type-commerce .ic-info-outlined-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14A6 6 0 108 2a6 6 0 000 12z' stroke='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M8 10.5V8' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='square'/%3E%3Ccircle cx='8' cy='6.25' r='.75' fill='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.common-vehicle.type-commerce .order-date-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 18px;
}

.common-vehicle.type-commerce .order-date-info .type {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface-high);
}

.common-vehicle.type-commerce .order-date-info .value {
  -webkit-margin-start: 12px;
  margin-inline-start: 12px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.66667;
  color: var(--on-surface-highest);
}

@media screen and (min-width: 601px) {
  .common-vehicle.type-commerce .common-vehicle-product-info {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .thumbnail {
    width: 100%;
    margin: 0;
    padding-top: 56.642%;
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .thumbnail img {
    width: calc(100% - 64px);
    height: calc(100% - 50px);
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .title-wrap {
    margin-top: 20px;
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .title-wrap .title {
    font-size: 24px;
    line-height: 1.33333;
    color: var(--on-surface);
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .title-wrap .product-info-text {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.66667;
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .product-info-list {
    margin-top: 15px;
    -webkit-padding-start: 17px;
    padding-inline-start: 17px;
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .product-info-item {
    margin-top: 6px;
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .product-info-item .type {
    min-width: 56px;
    -webkit-padding-end: 14px;
    padding-inline-end: 14px;
    font-size: 14px;
    line-height: 1.57143;
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .product-info-item .point {
    font-size: 24px;
    line-height: 1.33333;
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .product-info-item .point-normal {
    font-size: 20px;
    line-height: 1.3;
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .product-info-item .price-info {
    margin-top: 7px;
  }

  .common-vehicle.type-commerce .common-vehicle-detail-info .detail-info-list {
    margin-top: 15px;
  }
}

@media screen and (max-width: 600px) {
  .common-vehicle.type-commerce {
    padding-bottom: 23px;
  }

  .common-vehicle.type-commerce .tooltip {
    inset-inline-start: 46px;
  }

  .common-vehicle.type-commerce .ic-info-outlined-16px {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14A6 6 0 108 2a6 6 0 000 12z' stroke='rgb%28155%2C162%2C169%29'/%3E%3Cpath d='M8 10.5V8' stroke='rgb%28155%2C162%2C169%29' stroke-linecap='square'/%3E%3Ccircle cx='8' cy='6.25' r='.75' fill='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .dark .common-vehicle.type-commerce .ic-info-outlined-16px {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14A6 6 0 108 2a6 6 0 000 12z' stroke='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M8 10.5V8' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3Ccircle cx='8' cy='6.25' r='.75' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .thumbnail img {
    width: calc(100% - 38px);
    height: calc(100% - 30px);
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .title-wrap {
    margin-top: 20px;
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .product-info-list {
    margin-top: 14px;
  }

  .common-vehicle.type-commerce .common-vehicle-product-info .product-info-text {
    font-size: 10px;
    line-height: 1.6;
  }

  .common-vehicle.type-commerce .order-date-info {
    margin-top: 8px;
  }

  .common-vehicle.type-commerce .order-date-info .type,
  .common-vehicle.type-commerce .order-date-info .value {
    font-size: 11px;
    line-height: 1.54545;
  }

  .common-vehicle.type-commerce .order-date-info .value {
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
  }

  .common-vehicle.type-commerce .common-vehicle-detail-info .detail-info-list {
    margin-top: 6px;
  }
}

.common-vehicle .empty-image .ic-logo,
.common-vehicle .error-image .ic-logo {
  display: inline-block;
  width: 102px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='153' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M88.77 34.905c0 .276.088.44.25.44.114 0 .227-.05.365-.151l47.699-30.976c.841-.552 1.606-.841 2.749-.841h10.481c1.619 0 2.686 1.08 2.686 2.688v20.022c0 2.425-.54 3.819-2.686 5.113l-12.716 7.637c-.163.1-.301.163-.426.163-.151 0-.302-.126-.302-.553V15.084c0-.252-.088-.452-.263-.452-.113 0-.226.05-.364.138l-34.858 22.66c-.979.628-1.782.829-2.674.829H75.603c-1.607 0-2.687-1.08-2.687-2.688V6.706c0-.214-.087-.402-.25-.402-.114 0-.227.05-.377.138L49.293 20.259c-.226.138-.289.251-.289.364 0 .1.038.189.201.352l16.418 16.43c.214.226.364.39.364.552 0 .201-.238.29-.527.29H50.598c-1.167 0-2.058-.176-2.686-.805l-9.966-9.96c-.1-.101-.176-.151-.29-.151-.087 0-.2.038-.313.1L20.686 37.442c-1.004.603-1.707.804-2.686.804H2.686C1.067 38.246 0 37.166 0 35.558V15.9c0-2.424.54-3.806 2.686-5.1l12.791-7.687A.679.679 0 0115.828 3c.189 0 .302.201.302.653v26.278c0 .276.075.402.25.402.114 0 .24-.075.377-.163L59.975 4.193c1.03-.628 1.67-.804 2.85-.804h23.259c1.619 0 2.686 1.08 2.686 2.688' fill='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-bottom: 6px;
}

@media screen and (max-width: 600px) {

  .common-vehicle .empty-image .ic-logo,
  .common-vehicle .error-image .ic-logo {
    display: inline-block;
    width: 68px;
    height: 17px;
    background-image: url("data:image/svg+xml, %3Csvg width='153' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M88.77 34.905c0 .276.088.44.25.44.114 0 .227-.05.365-.151l47.699-30.976c.841-.552 1.606-.841 2.749-.841h10.481c1.619 0 2.686 1.08 2.686 2.688v20.022c0 2.425-.54 3.819-2.686 5.113l-12.716 7.637c-.163.1-.301.163-.426.163-.151 0-.302-.126-.302-.553V15.084c0-.252-.088-.452-.263-.452-.113 0-.226.05-.364.138l-34.858 22.66c-.979.628-1.782.829-2.674.829H75.603c-1.607 0-2.687-1.08-2.687-2.688V6.706c0-.214-.087-.402-.25-.402-.114 0-.227.05-.377.138L49.293 20.259c-.226.138-.289.251-.289.364 0 .1.038.189.201.352l16.418 16.43c.214.226.364.39.364.552 0 .201-.238.29-.527.29H50.598c-1.167 0-2.058-.176-2.686-.805l-9.966-9.96c-.1-.101-.176-.151-.29-.151-.087 0-.2.038-.313.1L20.686 37.442c-1.004.603-1.707.804-2.686.804H2.686C1.067 38.246 0 37.166 0 35.558V15.9c0-2.424.54-3.806 2.686-5.1l12.791-7.687A.679.679 0 0115.828 3c.189 0 .302.201.302.653v26.278c0 .276.075.402.25.402.114 0 .24-.075.377-.163L59.975 4.193c1.03-.628 1.67-.804 2.85-.804h23.259c1.619 0 2.686 1.08 2.686 2.688' fill='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-bottom: 0;
  }
}

.toggle-box-highlight {
  position: absolute;
  top: unset;
  inset-inline-end: 16px;
  z-index: 2;
  text-align: end;
}

.toggle-box-highlight .toggle-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 600px) {
  .toggle-box-highlight .toggle-box .label {
    width: 32px;
    height: 20px;
  }

  .toggle-box-highlight .toggle-box .label::before {
    top: 50%;
    width: 15px;
    height: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.toggle-box-highlight .text {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--on-surface);
}

@media screen and (max-width: 600px) {
  .toggle-box-highlight .text {
    -webkit-margin-end: 6px;
    margin-inline-end: 6px;
  }
}

.toggle-box-highlight {
  position: absolute;
  top: unset;
  inset-inline-end: 16px;
  z-index: 2;
  text-align: end;
}

.toggle-box-highlight .toggle-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 600px) {
  .toggle-box-highlight .toggle-box .label {
    width: 32px;
    height: 20px;
  }

  .toggle-box-highlight .toggle-box .label::before {
    top: 50%;
    width: 15px;
    height: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.toggle-box-highlight .text {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--on-surface);
}

@media screen and (max-width: 600px) {
  .toggle-box-highlight .text {
    -webkit-margin-end: 6px;
    margin-inline-end: 6px;
  }
}

.common-vehicle-util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 1;
}

.common-vehicle-util .util-inner:first-of-type {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.common-vehicle-util .symbol-logo {
  font-size: 0;
  text-align: end;
}

@media screen and (max-width: 600px) {
  .common-vehicle-util .symbol-logo {
    padding-block: 16px 0;
    padding-inline: 0 16px;
  }
}

.common-vehicle-util .symbol {
  display: inline-block;
}

.common-vehicle-util .symbol.coty {
  width: 54px;
  height: 20px;
  background: none;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.common-vehicle-util .btn-pin {
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--secondary);
}

.common-vehicle-util .btn-pin.is-active {
  width: auto;
  pointer-events: none;
}

.common-vehicle-util .btn-pin.is-active:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='rgb%2870%2C143%2C19%29'%3E%3Cpath d='M5.5 7.677V3h5v4.677a1 1 0 00.189.585L13 11.467H3l2.311-3.205a1 1 0 00.189-.585z' stroke='rgb%2870%2C143%2C19%29' stroke-linejoin='round'/%3E%3Cpath d='M7 14a1 1 0 102 0H7zm0-2.5V14h2v-2.5H7z'/%3E%3Crect x='3.5' y='2.5' width='9' height='1' rx='.5' stroke='rgb%2870%2C143%2C19%29'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .common-vehicle-util .btn-pin.is-active:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='rgb%28139%2C195%2C74%29'%3E%3Cpath d='M5.5 7.677V3h5v4.677a1 1 0 00.189.585L13 11.467H3l2.311-3.205a1 1 0 00.189-.585z' stroke='rgb%28139%2C195%2C74%29' stroke-linejoin='round'/%3E%3Cpath d='M7 14a1 1 0 102 0H7zm0-2.5V14h2v-2.5H7z'/%3E%3Crect x='3.5' y='2.5' width='9' height='1' rx='.5' stroke='rgb%28139%2C195%2C74%29'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.common-vehicle-util .btn-pin:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 3v4.677a1 1 0 01-.189.585L3 11.467h10l-2.311-3.205a1 1 0 01-.189-.585V4' stroke='rgb%28155%2C162%2C169%29' stroke-linejoin='round'/%3E%3Cpath d='M7.5 14a.5.5 0 001 0h-1zm0-2.5V14h1v-2.5h-1z' fill='rgb%28155%2C162%2C169%29'/%3E%3Crect x='3' y='2' width='10' height='1' rx='.5' fill='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-block: -1px 0;
  margin-inline: 0 4px;
  content: '';
}

@media screen and (hover: hover) and (pointer: fine) {
  .common-vehicle-util .btn-pin:hover:not(.is-active):before {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 3v4.677a1 1 0 01-.189.585L3 11.467h10l-2.311-3.205a1 1 0 01-.189-.585V4' stroke='rgb%285%2C20%2C31%29' stroke-linejoin='round'/%3E%3Cpath d='M7.5 14a.5.5 0 001 0h-1zm0-2.5V14h1v-2.5h-1z' fill='rgb%285%2C20%2C31%29'/%3E%3Crect x='3' y='2' width='10' height='1' rx='.5' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
    background-color: var(--surface-mid);
  }
}

@media screen and (max-width: 960px) {
  .common-vehicle-util .badge {
    padding: 1px 7px;
    font-size: 9px;
    line-height: 1.77778;
  }
}

@media screen and (max-width: 600px) {
  .common-vehicle-util .btn-pin {
    width: 26px;
    font-size: 0;
  }
}

.common-vehicle-product-info {
  padding: 0 20px;
}

.common-vehicle-product-info .thumbnail {
  overflow: hidden;
  position: relative;
  width: calc(100% + 40px);
  margin: 0 -20px;
  padding-top: 62.298%;
  border-start-start-radius: 8px;
  border-start-end-radius: 8px;
}

.common-vehicle-product-info .thumbnail img {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.common-vehicle-product-info .thumbnail .active-image {
  display: none;
}

.common-vehicle-product-info .title-wrap {
  position: relative;
  font-size: 0;
  text-align: start;
}

.common-vehicle-product-info .title-wrap .title {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33333;
  color: var(--on-surface-container);
}

.common-vehicle-product-info .title-wrap .title-small {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.57143;
}

.common-vehicle-product-info .title-wrap .btn-change:hover .ic,
.common-vehicle-product-info .title-wrap .btn-change:active .ic {
  border-radius: 2px;
  background-color: var(--surface-mid);
}

.common-vehicle-product-info .title-wrap .product-info-text {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.54545;
  color: var(--on-surface-high);
}

.common-vehicle-product-info .title-wrap .badge {
  height: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .common-vehicle-product-info .title-wrap .badge {
    height: 20px;
  }
}

.common-vehicle-product-info .product-info-list {
  position: relative;
  -webkit-padding-start: 13px;
  padding-inline-start: 13px;
  text-align: start;
}

.common-vehicle-product-info .product-info-list:before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--outline-mid);
  content: '';
}

.common-vehicle-product-info .product-info-list .btn-sub-value {
  display: inline-block;
  -webkit-margin-start: 8px;
  margin-inline-start: 8px;
  padding-block: 2px;
  padding-inline: 6px 10px;
  border: 1px solid var(--outline-mid);
  border-radius: 100px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--on-surface-high);
  vertical-align: 2px;
}

@media screen and (max-width: 600px) {
  .common-vehicle-product-info .product-info-list .btn-sub-value {
    margin-top: -2px;
    vertical-align: 1px;
  }
}

.common-vehicle-product-info .product-info-list .btn-sub-value:before {
  display: inline-block;
  margin-block: 0;
  margin-inline: 3px 2px;
  text-decoration: none;
  content: '/';
}

@media screen and (hover: hover) and (pointer: fine) {
  .common-vehicle-product-info .product-info-list .btn-sub-value:hover {
    color: var(--on-surface);
    background-color: var(--surface-highest);
  }
}

.common-vehicle-product-info .product-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 4px;
}

.common-vehicle-product-info .product-info-item .price-info {
  margin-top: 4px;
}

.common-vehicle-product-info .product-info-item .type {
  min-width: 48px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  -webkit-padding-end: 10px;
  padding-inline-end: 10px;
  color: var(--on-surface-mid);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.common-vehicle-product-info .product-info-item .value {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--on-surface);
}

.common-vehicle-product-info .product-info-item .value-desc {
  -webkit-margin-start: 4px;
  margin-inline-start: 4px;
  color: var(--on-surface-mid);
  vertical-align: 1px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.6;
}

.common-vehicle-product-info .product-info-item .point {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33333;
}

.common-vehicle-product-info .product-info-item .point-normal {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.common-vehicle-product-info .product-info-item .price {
  -webkit-margin-start: 8px;
  margin-inline-start: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.66667;
  vertical-align: 2px;
}

.common-vehicle-product-info .product-info-item .price.rise {
  color: var(--state-blue);
}

.common-vehicle-product-info .product-info-item .price.fall {
  color: var(--on-surface-high);
}

.common-vehicle-product-info .product-info-item .price .ic-price-up-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.6 11.2l5-6.667a.5.5 0 01.8 0l5 6.667a.5.5 0 01-.4.8H3a.5.5 0 01-.4-.8z' fill='rgb%280%2C66%2C234%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: -4px;
}

.common-vehicle-product-info .product-info-item .price .ic-price-down-16px {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.6 4.8l5 6.667a.5.5 0 00.8 0l5-6.667A.5.5 0 0013 4H3a.5.5 0 00-.4.8z' fill='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: -4px;
}

.dark .common-vehicle-product-info .product-info-item .price .ic-price-down-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.6 4.8l5 6.667a.5.5 0 00.8 0l5-6.667A.5.5 0 0013 4H3a.5.5 0 00-.4.8z' fill='rgb%28204%2C208%2C211%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.common-vehicle-product-info .product-info-item .price-info {
  display: inline-block;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface-high);
  vertical-align: top;
  word-break: keep-all;
  white-space: normal;
  text-align: start;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .common-vehicle-product-info .title-wrap .title {
    font-size: 16px;
    line-height: 1.5;
  }

  .common-vehicle-product-info .product-info-item .point,
  .common-vehicle-product-info .product-info-item .point-normal {
    font-size: 14px;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 600px) {
  .common-vehicle-product-info .thumbnail {
    padding-top: 63.125%;
  }

  .common-vehicle-product-info .title-wrap .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
  }

  .common-vehicle-product-info .title-wrap .title-small {
    font-size: 12px;
    line-height: 1.66667;
  }

  .common-vehicle-product-info .title-wrap .btn-change {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
  }

  .common-vehicle-product-info .product-info-list {
    -webkit-padding-start: 11px;
    padding-inline-start: 11px;
  }

  .common-vehicle-product-info .product-info-item {
    margin-top: 3px;
  }

  .common-vehicle-product-info .product-info-item .price-info {
    margin-top: 5px;
  }

  .common-vehicle-product-info .product-info-item .point {
    font-size: 14px;
    line-height: 1.57143;
  }

  .common-vehicle-product-info .product-info-item .point-small {
    font-size: 12px;
    line-height: 1.66667;
  }

  .common-vehicle-product-info .product-info-item .point-normal {
    font-size: 14px;
    line-height: 1.57143;
  }

  .common-vehicle-product-info .product-info-item .price {
    display: block;
  }

  .common-vehicle-product-info .product-info-item .value-desc {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 9px;
    line-height: 1.66667;
  }

  .common-vehicle-product-info .btn-sub-value {
    -webkit-margin-start: 4px;
    margin-inline-start: 4px;
  }
}

.common-vehicle-detail-info {
  text-align: start;
}

.common-vehicle-detail-info .detail-info-text {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.54545;
  color: var(--on-surface-mid);
}

.common-vehicle-detail-info .detail-info-text+.detail-info-list {
  margin-top: 12px;
}

.common-vehicle-detail-info .detail-info-list {
  text-align: start;
}

.common-vehicle-detail-info .link {
  color: var(--on-surface-mid);
}

.common-vehicle-detail-info .link:after {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: -3px;
  content: '';
}

@media screen and (hover: hover) and (pointer: fine) {
  .common-vehicle-detail-info .link:hover {
    color: var(--on-surface);
    text-decoration: underline;
  }

  .common-vehicle-detail-info .link:hover:after {
    background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .dark .common-vehicle-detail-info .link:hover:after {
    background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.dashed-box-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  inset-inline-start: 16px;
  width: calc(100% - 32px);
  border-radius: 4px;
  border: 1px dashed var(--outline-mid);
  background-color: var(--surface-lowest);
}

.dashed-box-add .ic-plus-outlined-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10h18M10 1v18' stroke='rgb%28155%2C162%2C169%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dashed-box-add:active {
  border-color: var(--outline-high);
  background-color: var(--surface-mid);
}

.dashed-box-add:active .ic-plus-outlined-20px {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10h18M10 1v18' stroke='rgb%2873%2C85%2C95%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.swiper-slide-prev.table-item {
  pointer-events: none;
}

.common-vehicle.type-search {
  padding-bottom: 0;
}

.common-vehicle.type-search .common-vehicle-inner:first-of-type {
  padding-top: 24px;
}

@media screen and (max-width: 960px) {
  .common-vehicle.type-search .common-vehicle-inner:first-of-type {
    padding-top: 14px;
  }
}

.common-vehicle.type-search .thumbnail {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0;
  padding-top: 56.298%;
}

.common-vehicle.type-search .thumbnail img {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.common-vehicle.type-search .thumbnail .error-image {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.common-vehicle.type-search .thumbnail .error-image.vehicle {
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain;
}

@media screen and (max-width: 600px) {
  .common-vehicle.type-search .thumbnail .error-image.vehicle {
    background-image: none;
    -webkit-background-size: cover;
    background-size: cover;
  }
}

.common-vehicle.type-search .thumbnail .error-image.logo {
  background-color: var(--surface-container-lowest);
}

.common-vehicle.type-search .thumbnail .error-image.logo:before {
  opacity: 0.3;
  display: inline-block;
  width: 102px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='102' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9950_123317)'%3E%3Cpath d='M59.18 21.27c0 .184.059.293.167.293.076 0 .15-.033.243-.1L91.39.813c.56-.37 1.07-.562 1.832-.562h6.987c1.08 0 1.791.72 1.791 1.792v13.349c0 1.616-.36 2.545-1.791 3.408l-8.477 5.091c-.109.067-.2.109-.284.109-.1 0-.201-.084-.201-.369V8.056c0-.168-.059-.302-.176-.302a.464.464 0 00-.242.092L67.59 22.953c-.653.419-1.188.553-1.782.553H50.402c-1.072 0-1.791-.72-1.791-1.792V2.47c0-.142-.059-.268-.167-.268-.076 0-.151.034-.252.092l-15.33 9.212c-.15.092-.193.167-.193.243 0 .067.026.125.134.234L43.75 22.936c.142.151.243.26.243.369 0 .134-.16.193-.352.193h-9.908c-.778 0-1.372-.118-1.79-.536l-6.645-6.641c-.067-.067-.117-.1-.192-.1a.464.464 0 00-.21.067l-11.104 6.674c-.67.402-1.138.536-1.791.536H1.79c-1.079 0-1.79-.72-1.79-1.793V8.6c0-1.616.36-2.537 1.79-3.4L10.319.075A.452.452 0 0110.552 0c.126 0 .201.134.201.435v17.519c0 .184.05.268.168.268.075 0 .159-.05.25-.109L39.983.796c.687-.42 1.113-.536 1.9-.536h15.506c1.08 0 1.79.72 1.79 1.792' fill='rgb%28141%2C149%2C154%29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9950_123317'%3E%3Cpath fill='rgb%28141%2C149%2C154%29' d='M0 0h102v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  content: '';
}

@media screen and (max-width: 960px) {
  .common-vehicle.type-search .thumbnail .error-image.logo:before {
    display: inline-block;
    width: 77px;
    height: 18px;
    background-image: url("data:image/svg+xml, %3Csvg width='77' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16069_123196)'%3E%3Cpath d='M44.385 15.953c0 .138.044.22.126.22.056 0 .112-.026.181-.076L68.543.609c.42-.276.803-.42 1.374-.42h5.24c.81 0 1.344.54 1.344 1.343v10.012c0 1.212-.27 1.909-1.343 2.556l-6.358 3.818a.435.435 0 01-.213.082c-.076 0-.15-.063-.15-.276V6.042c0-.126-.045-.226-.133-.226a.348.348 0 00-.182.069l-17.428 11.33c-.49.314-.892.414-1.337.414H37.8c-.803 0-1.343-.54-1.343-1.344V1.853c0-.107-.044-.201-.125-.201-.057 0-.113.025-.189.069L24.646 8.629c-.113.07-.144.126-.144.183 0 .05.019.094.1.175l8.21 8.215c.106.113.182.195.182.277 0 .1-.12.144-.264.144H25.3c-.585 0-1.03-.088-1.344-.402l-4.983-4.98c-.05-.05-.088-.076-.145-.076-.043 0-.1.02-.156.05l-8.329 5.006c-.502.302-.853.402-1.343.402H1.343c-.81 0-1.343-.54-1.343-1.344V6.45C0 5.238.27 4.547 1.343 3.9L7.738.057A.34.34 0 017.914 0c.094 0 .15.1.15.327v13.139c0 .138.039.2.126.2.057 0 .12-.037.189-.081L29.987.597c.515-.314.835-.402 1.425-.402h11.63c.81 0 1.343.54 1.343 1.344' fill='rgb%28141%2C149%2C154%29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16069_123196'%3E%3Cpath fill='rgb%28141%2C149%2C154%29' d='M0 0h77v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 600px) {
  .common-vehicle.type-search .thumbnail .error-image.image-pc {
    display: none;
  }
}

@media screen and (min-width: 601px) {
  .common-vehicle.type-search .thumbnail .error-image.image-mo {
    display: none;
  }
}

.common-vehicle.type-search .common-vehicle-product-info {
  padding: unset;
}

.common-vehicle.type-search .common-vehicle-product-info .title-wrap {
  margin-top: 16px;
}

@media screen and (max-width: 960px) {
  .common-vehicle.type-search .common-vehicle-product-info .title-wrap {
    margin-top: 4px;
  }
}

.common-vehicle.type-search .common-vehicle-product-info .title-wrap .title {
  font-size: 13px;
  line-height: 1.53846;
}

@media screen and (max-width: 960px) {
  .common-vehicle.type-search .common-vehicle-product-info .title-wrap .title {
    font-size: 14px;
    line-height: 1.57143;
  }
}

.common-vehicle.type-search .product-info-list {
  margin-top: 6px;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

.common-vehicle.type-search .product-info-list:before {
  display: none;
}

.common-vehicle.type-search .product-info-list .point,
.common-vehicle.type-search .product-info-list .value-desc {
  font-size: 12px;
  line-height: 1.66667;
}

.common-vehicle.type-search .product-info-list .value-desc {
  -webkit-margin-start: 6px;
  margin-inline-start: 6px;
}

.common-vehicle.type-search .product-info-item .type {
  min-width: 0;
}

@media screen and (max-width: 600px) {

  .common-vehicle.type-search .badge-box,
  .common-vehicle.type-search .symbol-logo {
    padding: 0;
  }
}

.common-vehicle.type-search .common-vehicle-detail-info,
.common-vehicle.type-search .tag-box {
  margin-top: 10px;
}

.common-vehicle.type-search .btn-box {
  padding: 14px 0 0;
}

.sub-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 72px;
  width: 100%;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  padding: 3px 40px 0;
  border-top: 1px solid var(--outline-lowest);
  border-bottom: 1px solid var(--outline-lowest);
  background-color: var(--surface);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1920px) {
  .sub-header {
    -webkit-padding-start: calc((100vw - 1920px) / 2 + 40px);
    padding-inline-start: calc((100vw - 1920px) / 2 + 40px);
    -webkit-padding-end: calc((100vw - 1920px) / 2 + 40px);
    padding-inline-end: calc((100vw - 1920px) / 2 + 40px);
  }
}

@media screen and (min-width: 961px) {
  .sub-header.mo-view {
    display: none;
  }
}

.sub-header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.sub-header .btn-previous {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  -webkit-margin-end: 16px;
  margin-inline-end: 16px;
}

.sub-header .btn-previous:hover:before {
  border-radius: 4px;
  background-color: var(--surface-mid);
}

.sub-header .btn-previous:before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3l-9 9 9 9' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  content: '';
}

.dark .sub-header .btn-previous:before {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3l-9 9 9 9' stroke='rgb%28231%2C233%2C236%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.sub-header-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--on-surface);
}

.sub-header .breadcrumb-list {
  font-size: 0;
  text-align: end;
}

.sub-header .breadcrumb-item {
  display: inline-block;
  vertical-align: top;
}

.sub-header .breadcrumb-item:not(:first-child):before {
  margin: 0 9px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface-mid);
  vertical-align: top;
  content: '>';
}

.sub-header .breadcrumb-item:last-child .breadcrumb-btn {
  color: var(--on-surface);
}

@media screen and (hover: hover) and (pointer: fine) {
  .sub-header .breadcrumb-item:last-child .breadcrumb-btn:hover {
    text-decoration: underline;
  }
}

.sub-header .breadcrumb-btn {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface-mid);
}

@media screen and (hover: hover) and (pointer: fine) {
  .sub-header .breadcrumb-btn:hover {
    color: var(--on-surface);
  }
}

.sub-header .util-box {
  font-size: 0;
}

.sub-header .util-box .btn-label+.btn-label {
  -webkit-margin-start: 16px;
  margin-inline-start: 16px;
}

.sub-header .pc-view {
  display: block;
}

.sub-header.mo-view,
.sub-header .mo-view {
  display: none;
}

@media screen and (max-width: 960px) {
  .sub-header {
    position: relative;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    min-height: 52px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom-color: var(--outline-low);
  }

  .sub-header.disable-sticky {
    position: relative;
  }

  .sub-header.is-sticky {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }

  .sub-header .header-inner {
    position: relative;
    padding: 17px 55px 15px;
  }

  .sub-header .btn-previous {
    overflow: hidden;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 52px;
    height: 52px;
    padding: 16px;
    white-space: nowrap;
    line-height: 999px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .sub-header .btn-previous:before {
    position: absolute;
    top: 16px;
    inset-inline-start: 16px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3l-7 7 7 7' stroke='rgb%2848%2C60%2C71%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
    content: '';
  }

  .sub-header .btn-previous+.sub-header-title {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    font-weight: 700;
  }

  .sub-header-title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.57143;
    color: var(--on-surface-container);
    text-align: center;
  }

  .sub-header-title.pc-view {
    display: none;
  }

  .sub-header .breadcrumb-list {
    display: none;
  }

  .sub-header.type-util {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 12px 32px;
  }

  .sub-header .pc-view {
    display: none;
  }

  .sub-header.mo-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .sub-header .mo-view {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .sub-header.type-util {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 20px;
  }

  .sub-header.type-util .sub-header-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.53846;
  }

  .sub-header.type-util .sub-header-util {
    margin-top: 12px;
    width: 100%;
  }

  .sub-header.type-util .util-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .sub-header.type-util .btn-label {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .sub-header.type-util .btn-label+.btn-label {
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
  }
}

.common-toast-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  bottom: 40px;
  z-index: 10001;
  text-align: center;
  left: 0;
  right: 0;
  padding-inline: 40px;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .common-toast-wrap {
    padding-inline: 32px;
  }
}

@media screen and (max-width: 600px) {
  .common-toast-wrap {
    padding-inline: 20px;
  }
}

.common-toast {
  position: relative;
  max-width: 720px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 4px;
  padding: 12px 16px;
  background-color: var(--surface-container-ultimate);
  -webkit-box-shadow: 0px 6px 10px 0px #05141f40;
  box-shadow: 0px 6px 10px 0px #05141f40;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.common-toast+.common-toast {
  margin-top: 20px;
}

.common-toast-inner {
  font-size: 0;
}

.common-toast .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--surface-container-lowest);
  text-align: start;
}

.common-toast .text-point {
  font-weight: 700;
  color: var(--secondary-highest);
}

.common-toast .btn-close-toast {
  position: absolute;
  top: 13px;
  inset-inline-end: 14px;
}

.common-toast .btn-close-toast .ic {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4L8 8m-4 4l4-4M4 4l4 4m4 4L8 8' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.dark .common-toast .btn-close-toast .ic {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4L8 8m-4 4l4-4M4 4l4 4m4 4L8 8' stroke='rgb%2848%2C60%2C71%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.common-toast .input-box {
  margin-top: 16px;
  text-align: start;
}

.common-toast .input-box .label {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.54545;
  color: var(--on-surface-mid);
}

.common-toast .input-box .label:before {
  width: 16px;
  height: 16px;
}

@media screen and (min-width: 961px) {
  .common-toast-wrap .btn-close-toast {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .common-toast-wrap {
    bottom: 20px;
    bottom: calc(20px + env(safe-area-inset-bottom));
  }

  .common-toast {
    width: 320px;
  }

  .common-toast.has-close-button {
    -webkit-padding-end: 50px;
    padding-inline-end: 50px;
  }

  .common-toast .text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66667;
  }

  .common-toast .toast-link {
    display: inline-block;
    margin-top: 6px;
    color: var(--surface);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.6;
  }

  .common-toast .toast-link .ic-arrowset-outlined-12px {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }

  .dark .common-toast .toast-link .ic-arrowset-outlined-12px {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4L8 8m-4 4l4-4M4 4l4 4m4 4L8 8' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .common-toast .toast-link:active {
    text-decoration: underline;
  }
}

.skeleton-item {
  overflow: hidden;
  display: inline-block;
  position: relative;
  min-height: 24px;
  width: 190px;
  border-radius: 6px;
}

@media screen and (max-width: 600px) {
  .skeleton-item {
    min-height: 22px;
    width: 175px;
  }
}

.skeleton-item:before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: #f3f4f5;
  background-image: -webkit-gradient(linear, left top, right top, from(#f3f4f5), color-stop(33.85%, #fafbfb), color-stop(66.67%, #fafbfb), to(#f3f4f5));
  background-image: linear-gradient(90deg, #f3f4f5 0%, #fafbfb 33.85%, #fafbfb 66.67%, #f3f4f5 100%);
  -webkit-background-size: 75% 100%;
  background-size: 75% 100%;
  -webkit-animation: repeatBackground 1.8s ease infinite;
  animation: repeatBackground 1.8s ease infinite;
  background-position: -400% 0;
  background-repeat: no-repeat;
  z-index: 1;
  content: '';
}

.skeleton-item-full {
  display: block;
  width: 100%;
}

.skeleton-item-dark:before {
  background-color: #303e48;
  background-image: -webkit-gradient(linear, left top, right top, from(#303e48), color-stop(30.73%, #172630), color-stop(66.15%, #172630), to(#303e48));
  background-image: linear-gradient(90deg, #303e48 0%, #172630 30.73%, #172630 66.15%, #303e48 100%);
}

@-webkit-keyframes repeatBackground {
  to {
    background-position: 400% 0;
  }
}

@keyframes repeatBackground {
  to {
    background-position: 400% 0;
  }
}

.main-section {
  padding: 140px 0;
}

.main-section .title-wrap {
  max-width: 1280px;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-padding-start: 40px;
  padding-inline-start: 40px;
  -webkit-padding-end: 40px;
  padding-inline-end: 40px;
  color: var(--primary);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 960px) {
  .main-section .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .main-section .title {
    font-size: 40px;
    line-height: 1.25;
  }
}

.main-section .sub-title {
  display: block;
  margin-top: 14px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--on-surface);
}

.box-content {
  margin-top: 50px;
}

@media screen and (max-width: 960px) {
  .main-section {
    padding: 80px 0;
  }

  .main-section .title-wrap {
    -webkit-padding-start: 32px;
    padding-inline-start: 32px;
    -webkit-padding-end: 32px;
    padding-inline-end: 32px;
  }

  .main-section .sub-title {
    margin-top: 4px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.53846;
  }

  .box-content {
    margin-top: 17px;
  }
}

@media screen and (max-width: 600px) {
  .main-section .title-wrap {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
  }
}


/* pv5-files/css/kow.module.disclaimer_main.css */

.disclaimer {
  font-size: 0;
}

.disclaimer-box {
  padding: 20px 40px;
  background-color: var(--surface-container-lowest);
}

@media screen and (min-width: 961px) {
  .disclaimer-box.type-light {
    background-color: var(--surface-container-low);
  }
}

.disclaimer-box.is-opened .ic-drop-outlined-16px {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  filter: progid: DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
  zoom: 1;
}

.disclaimer-box.is-opened .disclaimer-list {
  display: block;
}

.disclaimer-box.type-detail-info {
  padding: 24px 28px;
}

.disclaimer-box.type-detail-info .disclaimer-box-inner {
  max-width: none;
}

.disclaimer-box-inner {
  width: 100%;
  max-width: calc(1920px - 80px);
  margin: 0 auto;
}

.disclaimer-box-inner .btn-disclaimer {
  display: inline-block;
  color: var(--on-surface-container-high);
  text-align: start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.disclaimer-box-inner .btn-disclaimer .btn-inner {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.53846;
}

.disclaimer-box-inner .disclaimer-item,
.disclaimer-box-inner .disclaimer-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66667;
  color: var(--on-surface-container-high);
}

.disclaimer-box-inner .disclaimer-item+.disclaimer-item,
.disclaimer-box-inner .disclaimer-text+.disclaimer-item {
  margin-top: 4px;
}

.disclaimer-box-inner .disclaimer-item .text-point,
.disclaimer-box-inner .disclaimer-text .text-point {
  -webkit-margin-end: 4px;
  margin-inline-end: 4px;
  font-weight: 700;
}

.disclaimer-box-inner .disclaimer-item .title {
  display: inline-block;
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.66667;
  color: var(--on-surface-mid);
}

.disclaimer-box-inner .disclaimer-item .detail-info-list {
  color: var(--on-surface-container-mid-custom);
}

.disclaimer-box-inner .disclaimer-item .detail-info-list .bar {
  background-color: var(--on-surface-container-mid-custom);
}

.disclaimer-box-inner .disclaimer-item .detail-info-list:after {
  -webkit-transform: scaleX(var(--inline-dir));
  transform: scaleX(var(--inline-dir));
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%2899%2C107%2C116%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .disclaimer-box-inner .disclaimer-item .detail-info-list:hover {
    color: var(--on-surface);
  }

  .disclaimer-box-inner .disclaimer-item .detail-info-list:hover .bar {
    background-color: var(--on-surface);
  }

  .disclaimer-box-inner .disclaimer-item .detail-info-list:hover:after {
    background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.disclaimer-box-inner .ic-drop-outlined-16px {
  -webkit-transform: scaleX(var(--inline-dir));
  transform: scaleX(var(--inline-dir));
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='rgb%28130%2C138%2C144%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  -webkit-margin-start: 4px;
  margin-inline-start: 4px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid: DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
  zoom: 1;
}

.disclaimer-text+.disclaimer-list {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--outline-low);
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .disclaimer-box {
    -webkit-padding-start: 32px;
    padding-inline-start: 32px;
    -webkit-padding-end: 32px;
    padding-inline-end: 32px;
  }
}

@media screen and (max-width: 600px) {
  .disclaimer-box {
    padding: 20px;
  }

  .disclaimer-text+.disclaimer-list {
    margin-top: 10px;
    padding-top: 10px;
  }

  .disclaimer-box-inner .btn-disclaimer .btn-inner {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.66667;
  }
}


/* pv5-files/css/libs.css */

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:after,
.simplebar-content:before {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity .2s .5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: .5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size>div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}


/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}


/* pv5-files/css/kow.common_pbv.css */

.only-pc {
  display: block;
}

@media screen and (max-width: 600px) {
  .only-pc {
    display: none;
  }
}

video.only-pc {
  display: block !important;
}

@media screen and (max-width: 600px) {
  video.only-pc {
    display: none !important;
  }
}

.only-mo {
  display: none;
}

@media screen and (max-width: 600px) {
  .only-mo {
    display: block;
  }
}

video.only-mo {
  display: none !important;
}

@media screen and (max-width: 600px) {
  video.only-mo {
    display: block !important;
  }
}

body.native-cursor-hidden {
  cursor: none;
}

html,
body {
  height: auto;
}

.no-image {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.02) !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.no-image .text {
  margin-top: 8px;
  font-size: px-to-rem(10);
  font-weight: 700;
  line-height: px-to-rem(16)/px-to-rem(10);
  color: var(--on-surface-low);
}

.no-image.type-small {
  padding: 8px;
}

.no-image.type-small .ic {
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 960px) {
  .no-image.type-small .ic {
    width: 24px;
    height: 24px;
  }
}

.no-image.type-small .text {
  margin-top: 6px;
}

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}


/* 
html:lang(jp),
html:lang(jp) body,
html:lang(jp) input,
html:lang(jp) select,
html:lang(jp) textarea,
html:lang(jp) button,
[data-lang='jp'],
[data-lang='jp'] body,
[data-lang='jp'] input,
[data-lang='jp'] select,
[data-lang='jp'] textarea,
[data-lang='jp'] button {
  font-family: KIASignature, Noto Sans JP, -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Arial, sans-serif;
}

html:lang(sc),
html:lang(sc) body,
html:lang(sc) input,
html:lang(sc) select,
html:lang(sc) textarea,
html:lang(sc) button,
[data-lang='sc'],
[data-lang='sc'] body,
[data-lang='sc'] input,
[data-lang='sc'] select,
[data-lang='sc'] textarea,
[data-lang='sc'] button {
  font-family: KIASignature, Noto Sans SC, -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Arial, sans-serif;
}

html:lang(tc),
html:lang(tc) body,
html:lang(tc) input,
html:lang(tc) select,
html:lang(tc) textarea,
html:lang(tc) button,
[data-lang='tc'],
[data-lang='tc'] body,
[data-lang='tc'] input,
[data-lang='tc'] select,
[data-lang='tc'] textarea,
[data-lang='tc'] button {
  font-family: KIASignature, Noto Sans TC, -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Arial, sans-serif;
}

html:lang(ar),
html:lang(ar) body,
html:lang(ar) input,
html:lang(ar) select,
html:lang(ar) textarea,
html:lang(ar) button,
[data-lang='ar'],
[data-lang='ar'] body,
[data-lang='ar'] input,
[data-lang='ar'] select,
[data-lang='ar'] textarea,
[data-lang='ar'] button {
  font-family: KIASignature, Noto Sans Arabic, -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Arial, sans-serif;
} */

.ic-open-in-new-outlined-12px {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 1.5h-4v9h9V6.75' stroke='rgb%2848%2C62%2C72%29' stroke-linecap='square'/%3E%3Cpath d='M10.219 1.832l-5.47 5.293' stroke='rgb%2848%2C62%2C72%29' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M7.5 1.5h3v3' stroke='rgb%2848%2C62%2C72%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-information-20px {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='21' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.497 18.33a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.667zM10.586 14.372V8.54' stroke='rgb%2899%2C109%2C116%29'/%3E%3Ccircle cx='.75' cy='.75' r='.75' transform='matrix(-1 0 0 1 11.25 5.625)' fill='rgb%2899%2C109%2C116%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-speaker-bold-filled-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.134 28.797V3.203L8.8 9.467H2.07v1.2c-.002 3.555-.002 7.111 0 10.667v1.2H8.8l10.335 6.263z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M23.266 12s2 1.5 2 4-2 4-2 4' stroke='rgb%28255%2C255%2C255%29' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M23.266 25.333c3.64-1.201 6.666-5.16 6.666-9.333 0-4.158-3.048-8.118-6.666-9.333' stroke='rgb%28255%2C255%2C255%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-mute-bold-filled-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='35' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_130_4049)'%3E%3Cpath d='M19.801 28.797V3.203L9.466 9.467h-6.73v1.2c-.002 3.555-.002 7.111 0 10.667v1.2h6.73l10.335 6.263z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M32 12l-8 8m0-8l8 8' stroke='rgb%28255%2C255%2C255%29' stroke-width='2' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_130_4049'%3E%3Cpath fill='rgb%28255%2C255%2C255%29' d='M0 0h35v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-pause-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3v18M16 3v18' stroke='rgb%28255%2C255%2C255%29' stroke-width='5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-play-fill-19px {
  display: inline-block;
  width: 19px;
  height: 22px;
  background-image: url("data:image/svg+xml, %3Csvg width='19' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 11L0 22V0l19 11z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-check-bold-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.75 6l-11 11.5-5-4.912' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.8' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-clipboard-bold-24px {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 4v-.9h-.9V4h.9zm15 0h.9v-.9h-.9V4zm-15 17.5h-.9v.9h.9v-.9zm15 .9h.9v-1.8h-.9v1.8zm-15-.9h.9V4H3.6v17.5h.9zm15 0v-.9h-15v1.8h15v-.9zM4.5 4v.9h4.268V3.1H4.5V4zm11.085 0v.9H19.5V3.1h-3.915V4zM19.5 4h-.9v14.6h1.8V4h-.9z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M8.5 2.5h7v3h-7v-3z' stroke='rgb%285%2C20%2C31%29' stroke-width='1.8'/%3E%3Cpath d='M8.5 16.5h6M8.5 12.5h3' stroke='rgb%285%2C20%2C31%29' stroke-width='1.8' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-accountbook-outlined-32px {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.67 12.272v-8.6H5.005v24h8.268' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3Cpath d='M8.34 7.005h12v5.333h-12V7.005z' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3Cpath d='M9.004 16.255h-.75v1.5h.75v-1.5zm0 .75v.75h1.333v-1.5H9.004v.75zM13.004 16.255h-.75v1.5h.75v-1.5zm0 .75v.75h1.333v-1.5h-1.333v.75zM9.004 19.59h-.75v1.5h.75v-1.5zm0 .75v.75h1.333v-1.5H9.004v.75zM9.004 22.923h-.75v1.5h.75v-1.5zm0 .75v.75h1.333v-1.5H9.004v.75zM13.004 19.59h-.75v1.5h.75v-1.5zm0 .75v.75h1.333v-1.5h-1.333v.75zM13.004 22.923h-.75v1.5h.75v-1.5zm0 .75v.75h1.333v-1.5h-1.333v.75z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M21.67 15.672c-2.577 0-4.666.942-4.666 2.105V26.9c0 1.163 2.09 2.105 4.667 2.105s4.666-.942 4.666-2.105v-9.123c0-1.163-2.09-2.105-4.666-2.105z' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3Cpath d='M17.004 18.9c0 1.162 2.09 2.105 4.667 2.105s4.666-.943 4.666-2.105M17.004 22.69c0 1.162 2.09 2.105 4.667 2.105s4.666-.943 4.666-2.105' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-customer-service-center-outlined-32px {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.999 19.56H28v-5.408L24 12.8m-.001 6.76V12.8m0 6.76c-.055 3.62-2.449 6.184-5.718 6.994M8.001 12.8v6.76H4v-5.65l4-1.11zm0 0l-.001-1.352c0-4.48 3.582-8.112 8-8.112s8 3.632 8 8.112V12.8' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='16' cy='26.664' r='2' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-location-outlined-32px {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.252 25.996l-.533.529.533-.529zm1.553 1.487l-.504.555.01.01.01.008.484-.573zm1.71 2.423l.573.484.967-1.147-.573-.484-.967 1.147zm4.433-4.098l-.534-.526.534.526zm6.717-12.475h.75c0-3.522-1.266-6.391-3.357-8.377-2.086-1.981-4.944-3.04-8.06-3.04v1.5c2.777 0 5.252.941 7.027 2.627 1.769 1.68 2.89 4.145 2.89 7.29h.75zM16 2.666v-.75c-3.115 0-5.97 1.059-8.055 3.004-2.09 1.951-3.362 4.758-3.362 8.163h1.5c0-3.012 1.116-5.414 2.886-7.067 1.777-1.658 4.254-2.6 7.03-2.6v-.75zM5.332 13.083h-.75c0 2.666 1.032 5.257 2.416 7.542 1.387 2.29 3.16 4.327 4.721 5.9l.533-.529.532-.528c-1.513-1.524-3.199-3.466-4.503-5.62-1.308-2.16-2.199-4.477-2.199-6.765h-.75zm6.92 12.913l-.533.529a43.002 43.002 0 001.582 1.513l.504-.555.505-.555a41.376 41.376 0 01-1.526-1.46l-.533.528zm3.747 3.337l.483-.574-2.193-1.85-.484.574-.483.573 2.193 1.85.484-.573zm10.666-16h-.75c0 2.16-.848 4.372-2.11 6.457-1.26 2.08-2.896 3.977-4.39 5.492l.533.526.534.527c1.542-1.563 3.265-3.553 4.605-5.768 1.337-2.209 2.328-4.695 2.328-7.234h-.75zm-6.717 12.475l-.535-.525-1.063 1.083.535.526.535.525 1.063-1.083-.535-.526z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M16 17.334a4 4 0 100-8 4 4 0 000 8z' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-map-outlined-32px {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 23.62l-3.75 1.523-3.75 1.524-9-3.048L4 26V8.476l7.5-3.143 9 3.048L28 5.333v14.8M11.504 5.333V24M20 8v18.666' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-membership-outlined-32px {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.332 4h.75v-.75h-.75V4zm0 24.75h.75v-1.5h-.75v1.5zM6.665 28h-.75v.75h.75V28zm0-24v-.75h-.75V4h.75zm18.667 24v-.75H6.665v1.5h18.667V28zM6.665 28h.75V4h-1.5v24h.75zm0-24v.75h18.667v-1.5H6.665V4zm18.667 0h-.75v20.3h1.5V4h-.75zM11.582 17.074v.75h1.5v-.75h-1.5zm.75-7.408v-.75h-.75v.75h.75zm.856 0l.707-.248-.176-.502h-.531v.75zm5.622 0v-.75h-.532l-.176.502.708.248zm.855 0h.75v-.75h-.75v.75zm-.75 7.408v.75h1.5v-.75h-1.5zM16 17.666l-.708.25h1.415l-.707-.25zm-3.667-.592h.75V9.666h-1.5v7.408h.75zm0-7.408v.75h.856v-1.5h-.856v.75zm6.478 0v.75h.855v-1.5h-.855v.75zm.855 0h-.75v7.408h1.5V9.666h-.75zm-.855 0l-.708-.248-2.81 8 .707.248.707.25 2.811-8-.707-.25zm-2.811 8l.707-.248-2.81-8-.708.248-.708.25 2.811 8 .708-.25z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M12 22.334h8' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-point-outlined-32px {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.001 29.333c7.364 0 13.334-5.97 13.334-13.333 0-7.364-5.97-13.334-13.334-13.334S2.668 8.636 2.668 16s5.97 13.333 13.333 13.333z' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3Cpath d='M13.332 21.734v-5.029m0 0v-6.704h3.981c1.852 0 3.352 1.5 3.352 3.352v0c0 1.851-1.5 3.352-3.352 3.352h-3.981z' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-purchase-service-outlined-32px {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.215 7.437c-1.172.83-5.251.496-5.251.496s1.122-3.967 2.295-4.797a2.574 2.574 0 013.607.657 2.623 2.623 0 01-.651 3.644zM11.111 7.437c1.173.83 5.251.496 5.251.496s-1.122-3.978-2.294-4.798a2.583 2.583 0 00-3.608.658c-.812 1.185-.521 2.824.651 3.644z' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M8 8v-.75h-.75V8H8zm17.333.75h.75v-1.5h-.75v1.5zM8 8v.75h17.333v-1.5H8V8zm0 10.667h.75V8h-1.5v10.667H8zM25.333 11.7h-.75V24h1.5V11.7h-.75z' fill='rgb%2848%2C60%2C71%29'/%3E%3Cpath d='M14.668 8v11.46M18.668 8v12.667' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3Cpath d='M4 18.666h4V27H4v-8.334zM15.773 23.5l2.825.76h7.648c1.69-.001 1.816 1.955 1.736 2.554l-8.669 2.52-9.98-2.52-.688-.181M9.332 19.334h4.29l8.163 1.755c.49.38 1.255 1.327.668 2.245' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-repair-outlined-32px {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.976 21.996l-2.776 2.84-1.209 1.238-1.267 1.332c-.345.345-2.61 1.034-3.95-.375-1.34-1.41-.816-3.718-.369-4.165l1.267-1.333 3.49-3.637M17.567 13.33l1.615-1.622.177-3.43 3.823-3.871 6.151 6.13-3.822 3.871h-2.178' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3Cpath d='M5.555 15.796l4.216.118L20.893 27a3.44 3.44 0 004.852 0 3.411 3.411 0 000-4.836L14.623 11.079l-.119-4.202L11.498 4 6.1 4.771l4.422 4.407-2.659 2.65-4.422-4.407-.774 5.378 2.887 2.997z' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M20.687 21.881l.677.705' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-service-outlined-32px {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.657 12.405c1.069-1.789 1.347-4.248-.213-6.571-2.34-3.485-6.454-3.359-7.043-2.985l3.516 5.237-1.766 1.122-1.767 1.121-3.516-5.237c-.59.374-2.364 3.985-.024 7.47 1.56 2.323 3.987 3.065 6.102 2.833l4.642 6.915c.78 1.161 2.428 2.364 4.194 1.243 1.767-1.122 1.297-3.072.559-4.172l-4.684-6.976z' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M3.332 29.334v-2.667m0 0V18.25L6.665 12h2M3.332 26.668h17.333' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M3.332 22h5.333M2 17.334h10' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-store-outlined-32px {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.667 4h18.666M26 28V18m0 0h2v-2l-2.667-8H6.667L4 16v2h2m20 0h-8M6 18v10h12V18M6 18h12' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-test-drive-reservation-outlined-32px {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 8.665V6H2v20h2.667m2.666-20V3.332m9.334 2.667V3.332' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M8.664 28.668v-2.667m18.667 2.667v-2.667m-18.667 0v-8l2.593-5.333h13.481l2.593 5.333v8m-18.667 0h18.667M8.664 22h4M23.332 22h4' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M6 18h24' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-used-car-outlined-32px {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='2.061' cy='2.133' rx='2.061' ry='2.133' transform='matrix(-1 0 0 1 23.844 17.068)' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3Cellipse cx='2.061' cy='2.133' rx='2.061' ry='2.133' transform='matrix(-1 0 0 1 10.45 17.068)' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3Cpath d='M24.362 19.2l2.576-.534v-4.8L24.361 12.8l-3.091-2.134h-7.727L9.937 12.8h-3.09L4.27 14.4v4.8h1.892m13.424 0h-8.983M28.665 9.333C26.137 5.348 21.411 2.666 16 2.666c-5.413 0-10.139 2.682-12.667 6.667V4.666M3.335 22.667c2.528 3.985 7.254 6.666 12.666 6.666 5.413 0 10.139-2.68 12.667-6.666v4.666' stroke='rgb%2848%2C60%2C71%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-caution-outlined-40px {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 35c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15z' stroke='rgb%28141%2C149%2C154%29' stroke-width='2'/%3E%3Cpath d='M20 14v6' stroke='rgb%28141%2C149%2C154%29' stroke-width='2' stroke-linecap='square'/%3E%3Ccircle cx='20.001' cy='26' r='1.5' transform='rotate(-180 20.001 26)' fill='rgb%28141%2C149%2C154%29' stroke='rgb%28141%2C149%2C154%29' stroke-width='.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-make-a-call-bold-48px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.182 38.663l.463-.72c.154-.282.284-.565.362-.797.155-.386.007-.826-.32-1.087l-6.412-5.172a.956.956 0 00-.429-.211c-.228-.028-.481-.004-.685.149l-3.313 2.165c-.305.178-.71.174-.987-.06-1.283-1.045-4.877-4.1-7.483-7.223-2.607-3.123-4.976-7.251-5.773-8.679a.913.913 0 01.11-1.006l2.688-3.075c.23-.282.285-.695.11-1.007l-3.986-7.345a1.022 1.022 0 00-.68-.497.71.71 0 00-.329-.003c-2.005.447-6.155 2.785-7.225 3.395-.178.102-.436.369-.514.549-2.383 5.867 4.769 17.162 9.573 22.897 4.932 5.92 12.404 12.134 18.853 13.252.784.136 1.519.117 2.18-.11 0 0 .255-.23 1.435-1.898l1.052-1.463 1.31-2.054z' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-customer-service-center-bold-48px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='53' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.498 31.778H46V22.99l-6.5-2.197m-.002 10.985l.002-10.985m-.002 10.985c-.088 5.884-3.98 10.05-9.291 11.366M13.5 20.794c0 3.555 0 10.932.002 10.984H7v-9.183l6.5-1.802zm0 0v-2.198c0-7.28 5.82-13.182 13-13.182s13 5.902 13 13.182v2.197' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='26.5' cy='43.336' r='3.25' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-commnet-bold-48px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='49' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.667 40.875h-1v1.868l1.555-1.036-.555-.832zm0-33.75v-1h-1v1h1zm36 27v1h1v-1h-1zm0-26h1v-2h-1v2zm-25.875 26v-1h-.303l-.252.168.555.832zm25.875 0v-1H16.792v2h25.875v-1zm-25.875 0l-.555-.832-10.125 6.75.555.832.555.832 10.125-6.75-.555-.832zm25.875-27v-1h-36v2h36v-1zm-36 15.75h1V7.125h-2v15.75h1zm0 0h-1v18h2v-18h-1zm36-10.775h-1v22.025h2V12.1h-1zM30.667 22.625v-4h4v4h-4zM22.667 22.625v-4h4v4h-4zM14.667 22.625v-4h4v4h-4z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-clipboard-bold-48px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.75 8.668v-1h-1v1h1zm32.5 0h1v-1h-1v1zM9.75 46.585h-1v1h1v-1zm32.5 1h1v-2h-1v2zm-32.5-1h1V8.668h-2v37.917h1zm32.5 0v-1H9.75v2h32.5v-1zM9.75 8.668v1h9.247v-2H9.75v1zm24.016 0v1h8.484v-2h-8.484v1zm8.484 0h-1v32.5h2v-32.5h-1z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M18.418 5.418h15.167v6.5H18.418v-6.5z' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3Cpath d='M18.418 35.75h13M18.418 27.082h6.5' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-accountbook-outlined-52px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39 19.578V5.06H8.667v39H22.75' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3Cpath d='M14.083 10.478h19.5v8.667h-19.5v-8.667z' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3Cpath d='M15.167 25.728h-1v2h1v-2zm0 1v1h2.166v-2h-2.166v1zM21.667 25.728h-1v2h1v-2zm0 1v1h2.166v-2h-2.166v1zM15.167 31.147h-1v2h1v-2zm0 1v1h2.166v-2h-2.166v1zM15.167 36.563h-1v2h1v-2zm0 1v1h2.166v-2h-2.166v1zM21.667 31.147h-1v2h1v-2zm0 1v1h2.166v-2h-2.166v1zM21.667 36.563h-1v2h1v-2zm0 1v1h2.166v-2h-2.166v1z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M35.75 24.561c-4.188 0-7.583 1.532-7.583 3.421v14.825c0 1.89 3.395 3.42 7.583 3.42 4.188 0 7.583-1.53 7.583-3.42V27.982c0-1.89-3.395-3.42-7.583-3.42z' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3Cpath d='M28.167 29.807c0 1.89 3.395 3.42 7.583 3.42 4.188 0 7.583-1.53 7.583-3.42M28.167 35.964c0 1.89 3.395 3.421 7.583 3.421 4.188 0 7.583-1.532 7.583-3.421' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-customer-service-center-outlined-52px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.998 31.78H45.5v-8.787L39 20.796m-.002 10.985L39 20.796m-.002 10.985c-.088 5.884-3.98 10.05-9.291 11.366M13 20.796c0 3.556 0 10.932.002 10.985H6.5v-9.183l6.5-1.802zm0 0v-2.197c0-7.28 5.82-13.182 13-13.182s13 5.902 13 13.182v2.197' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='26' cy='43.333' r='3.25' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-location-outlined-52px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 47.667l-3.564-3.006a68.65 68.65 0 01-2.525-2.416C14.917 37.215 8.666 29.311 8.666 21.26c0-10.427 7.76-16.927 17.334-16.927 9.573 0 17.333 6.5 17.333 17.334 0 7.755-6.17 15.511-11.147 20.506m0 0c-.746.718-1.398 1.33-1.972 1.854l1.972-1.854z' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M26 28.167a6.5 6.5 0 100-13 6.5 6.5 0 000 13z' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-map-outlined-52px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.5 38.38l-6.094 2.477-6.093 2.476-14.626-4.952L6.5 42.25V13.774l12.188-5.107 14.625 4.952L45.5 8.667V33.8M18.696 8.667V39M32.5 13v30.333' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-membership-outlined-52px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.166 6.5h1v-1h-1v1zm0 40h1v-2h-1v2zm-30.333-1h-1v1h1v-1zm0-39v-1h-1v1h1zm30.334 39v-1H10.832v2h30.334v-1zm-30.334 0h1v-39h-2v39h1zm0-39v1h30.334v-2H10.832v1zm30.334 0h-1v33.583h2V6.5h-1zM19.041 27.745v1h2v-1h-2zm1-12.037v-1h-1v1h1zm1.39 0l.944-.331-.235-.669h-.708v1zm9.137 0v-1h-.709l-.235.669.944.331zm1.39 0h1v-1h-1v1zm-1 12.037v1h2v-1h-2zM26 28.708l-.944.332h1.887L26 28.708zm-5.959-.963h1V15.708h-2v12.037h1zm0-12.037v1h1.39v-2h-1.39v1zm10.527 0v1h1.39v-2h-1.39v1zm1.39 0h-1v12.037h2V15.708h-1zm-1.39 0l-.944-.331-4.568 13 .944.331.943.332 4.568-13-.943-.332zm-4.568 13l.943-.331-4.568-13-.943.331-.944.332 4.568 13 .944-.332z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M19.5 36.292h13' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-point-outlined-52px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 47.667c11.966 0 21.667-9.7 21.667-21.667 0-11.966-9.7-21.667-21.667-21.667-11.966 0-21.666 9.7-21.666 21.667 0 11.966 9.7 21.667 21.666 21.667z' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3Cpath d='M21.666 35.317v-8.172m0 0V16.25h6.47a5.448 5.448 0 015.447 5.448v0a5.448 5.448 0 01-5.447 5.447h-6.47z' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-purchase-service-outlined-52px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.1 12.086c-1.906 1.349-8.534.806-8.534.806s1.824-6.448 3.73-7.797c1.905-1.348 4.543-.855 5.862 1.07 1.335 1.94.863 4.589-1.059 5.921zM18.056 12.086c1.905 1.349 8.533.806 8.533.806s-1.824-6.464-3.73-7.797a4.197 4.197 0 00-5.862 1.07c-1.319 1.924-.846 4.589 1.059 5.92z' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M13 13v-1h-1v1h1zm28.167 1h1v-2h-1v2zM13 13v1h28.167v-2H13v1zm0 17.333h1V13h-2v17.333h1zm28.167-11.916h-1V39h2V18.417h-1z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M23.834 13v18.623M30.334 13v20.583' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3Cpath d='M6.5 30.333H13v13.542H6.5V30.333zM25.63 38.188l4.592 1.233H42.65c2.745 0 2.95 3.179 2.821 4.151l-14.087 4.095-16.218-4.095-1.482-.409M15.166 31.417h6.973l13.264 2.853c.796.617 2.038 2.155 1.086 3.647l-.56.92' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-repair-outlined-52px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.958 35.744l-4.51 4.615-1.964 2.01-2.06 2.166c-.56.56-4.24 1.679-6.418-.61-2.178-2.29-1.326-6.042-.6-6.769l2.06-2.165 5.67-5.91M28.549 21.66l2.624-2.634.287-5.575 6.213-6.29 9.996 9.963-6.212 6.29h-3.538' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3Cpath d='M9.024 25.669l6.852.192 18.073 18.012a5.589 5.589 0 007.885 0 5.543 5.543 0 000-7.859L23.76 18.003l-.192-6.828L18.68 6.5l-8.77 1.253 7.187 7.162-4.321 4.306-7.186-7.162-1.258 8.74 4.691 4.87z' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M33.616 35.557l1.1 1.145' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-service-outlined-52px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.066 20.159c1.737-2.907 2.189-6.904-.346-10.679-3.803-5.663-10.488-5.458-11.445-4.85l5.714 8.51-2.871 1.823-2.87 1.822-5.715-8.51c-.957.607-3.84 6.476-.038 12.138 2.535 3.776 6.48 4.981 9.915 4.605l7.544 11.235c1.267 1.888 3.944 3.843 6.815 2.02 2.871-1.822 2.108-4.991.908-6.779L40.066 20.16z' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M5.417 47.667v-4.334m0 0V29.656L10.832 19.5h3.25M5.417 43.333h28.166' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M5.417 35.75h8.666M3.25 29.25H19.5' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-store-outlined-52px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.833 6.5h30.334m1.083 39V29.25m0 0h3.25V26l-4.333-13H10.833L6.5 26v3.25h3.25m32.5 0h-13m-19.5 0V45.5h19.5V29.25m-19.5 0h19.5' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-test-drive-reservation-outlined-52px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.75 14.083V9.75H3.25a405748.483 405748.483 0 000 32.5h4.333m4.334-32.5V5.417M27.084 9.75V5.417' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M14.083 46.583V42.25m30.334 4.333V42.25m-30.334 0v-13l4.213-8.667h21.908l4.213 8.667v13m-30.334 0h30.334M14.083 35.75h6.5M37.917 35.75h6.5' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M9.75 29.25h39' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-used-car-outlined-52px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='3.348' cy='3.467' rx='3.348' ry='3.467' transform='matrix(-1 0 0 1 38.746 27.735)' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3Cellipse cx='3.348' cy='3.467' rx='3.348' ry='3.467' transform='matrix(-1 0 0 1 16.978 27.735)' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3Cpath d='M43.773 30.333h1v.815l-.797.165-.203-.98zm-9.208-13v-1h.312l.256.177-.568.823zm-12.557 0l-.509-.86.236-.14h.273v1zm-5.86 3.467l.51.86-.236.14h-.274v-1zm-5.022 0l-.528-.85.242-.15h.286v1zM6.94 23.4h-1v-.556l.472-.293.528.849zm0 7.8v1h-1v-1h1zm32.648 0l.203.98-.1.02h-.103v-1zm0-10.4l-.383.924-.098-.04-.087-.061.568-.823zm4.185 1.733l.383-.924.617.256v.668h-1zM39 32.2a1 1 0 110-2v2zm-4.435-14.867v1H22.008v-2h12.557v1zm-12.557 0l.51.861-5.86 3.467-.51-.861-.509-.86 5.86-3.467.51.86zM11.126 20.8l.527.85-4.185 2.6-.528-.85-.528-.85 4.186-2.6.528.85zM6.94 23.4h1v7.8h-2v-7.8h1zm32.648 7.8l-.203-.98 4.186-.866.202.98.203.979-4.185.866-.203-.979zm-22.357 0v-1H31.83v2H17.231v-1zm-10.29 0v-1h3.073v2H6.94v-1zm32.647-10.4l.382-.924 4.186 1.733-.383.924-.382.924-4.186-1.733.383-.924zm4.185 9.533h-1v-.02-.02-.02-.02-.02-.02-.02-.02-.02-.02-.02-.02-.019-.02-.019-.02-.019-.019-.02-.018-.02-.018-.02-.019-.018-.02-.018-.019-.019-.018-.019-.019-.018-.018-.019-.018-.018-.019-.018-.018-.018-.018-.018-.018-.018-.018-.018-.017-.018-.018-.017-.018-.017-.018-.017-.018-.017-.017-.018-.017-.017-.017-.017-.017-.017-.017-.017-.017-.016-.017-.017-.016-.017-.017-.016-.017-.016-.016-.017-.016-.016-.017-.016-.016-.016-.016-.016-.016-.016-.016-.016-.016-.015-.016-.016-.016-.015-.016-.016-.015-.016-.015-.015-.016-.015-.016-.015-.015-.015-.016-.015-.015-.015-.015-.015-.015-.015-.015-.015-.015-.015-.014-.015-.015-.015-.014-.015-.014-.015-.015-.014-.015-.014-.015-.014-.014-.015-.014-.014-.015-.014-.014-.014-.014-.015-.014-.014-.014-.014-.014-.014-.014-.014-.014-.013-.014-.014-.014-.014-.014-.013-.014-.014-.014-.013-.014-.014-.013-.014-.013-.014-.013-.014-.013-.014-.013-.014-.013-.013-.014-.013-.014-.013-.013-.013-.014-.013-.013-.013-.014-.013-.013-.013-.013-.013-.014-.013-.013-.013-.013-.013-.013-.013-.013-.013-.013-.013-.013-.013-.013-.013-.013-.013-.013-.013-.012-.013-.013-.013-.013-.013-.013-.012-.013-.013-.013-.013-.012-.013-.013-.013-.012-.013-.013-.013-.012-.013-.013-.013-.012-.013-.013-.012-.013-.013-.013-.012-.013-.013-.012-.013-.013-.013-.012-.013-.013-.012-.013-.013-.012-.013-.013-.012-.013-.013-.013-.012-.013-.013-.012-.013-.013-.013-.012-.013-.013-.013-.012-.013-.013-.013-.012-.013-.013-.013-.013-.012-.013-.013V26v-.013-.012-.013-.013-.013-.013-.013-.013-.013-.013-.012-.013-.013-.013-.013-.013-.013-.013-.013-.013-.013-.013-.014-.013-.013-.013-.013-.013-.013-.013-.014-.013-.013-.013-.013-.014-.013-.013-.014-.013-.013-.014-.013-.013-.014-.013-.014-.013-.013-.014-.014-.013-.014-.013-.014-.014-.013-.014-.014-.013-.014-.014-.014-.013-.014-.014-.014-.014-.014-.013-.015-.014-.014-.014V25v-.014-.014-.014-.014-.014-.014-.015-.014-.014-.015-.014-.014-.015-.014-.015-.014-.015-.014-.015-.015-.014-.015-.014-.015-.015-.015-.015-.015-.014-.015-.015-.015-.015-.015-.015-.016-.015-.015-.015-.015-.016-.015-.015-.016-.015-.016-.015-.016-.015-.016-.016-.015-.016-.016-.016-.015-.016-.016-.016-.016-.016-.016-.016-.017-.016-.016-.016-.017-.016-.016-.017-.016-.017-.016-.017-.017-.016-.017-.017-.017-.016-.017-.017-.017-.017-.017-.018-.017-.017-.017-.018-.017-.017-.018-.017-.018-.018-.017-.018-.018-.017-.018-.018-.018-.018-.018-.018-.018-.019-.018-.018-.019-.018-.018-.019-.018-.019-.019-.018-.02-.018-.019-.019-.019-.019-.019-.019-.02-.018-.02-.02-.019-.019-.02-.02-.019-.02-.02-.019-.02-.02-.02-.02-.02-.02-.02-.02h2V30.332h-1zM39.588 20.8l-.568.823-5.023-3.467.568-.823.568-.823 5.023 3.467-.568.823zm-23.44 0v1h-5.022v-2h5.022v1zm23.44 10.4v1H39v-2h.588v1z' fill='none'/%3E%3Cpath d='M46.583 15.167C42.475 8.69 34.795 4.333 26 4.333c-8.796 0-16.475 4.357-20.584 10.834V7.583M5.417 36.833C9.525 43.31 17.205 47.667 26 47.667c8.796 0 16.475-4.358 20.584-10.834v7.584' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.ic-clipboard-bold-52px {
  display: inline-block;
  width: 52px;
  height: 52px;
  background-image: url("data:image/svg+xml, %3Csvg width='52' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.75 8.666v-1h-1v1h1zm32.5 0h1v-1h-1v1zM9.75 46.584h-1v1h1v-1zm32.5 1h1v-2h-1v2zm-32.5-1h1V8.667h-2v37.916h1zm32.5 0v-1H9.75v2h32.5v-1zM9.75 8.667v1h9.247v-2H9.75v1zm24.016 0v1h8.484v-2h-8.484v1zm8.484 0h-1v32.5h2v-32.5h-1z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M18.416 5.417h15.167v6.5H18.416v-6.5z' stroke='rgb%285%2C20%2C31%29' stroke-width='2'/%3E%3Cpath d='M18.416 35.75h13M18.416 27.084h6.5' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.tooltip-area.tooltip-pin {
  position: absolute;
  top: var(--top);
  left: var(--left);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 40px;
  height: 40px;
}

.tooltip-area.tooltip-pin .tooltip {
  max-width: 206px;
  margin-left: 4px;
  padding: 8px 14px;
  border-radius: 8px;
  background-color: var(--surface-container-lowest);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.tooltip-area.tooltip-pin .tooltip-text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface);
}

@media screen and (max-width: 600px) {
  .tooltip-area.tooltip-pin .tooltip {
    display: none;
  }
}

.tooltip-area.tooltip-pin .btn-tooltip {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.tooltip-area.tooltip-pin .btn-tooltip:before,
.tooltip-area.tooltip-pin .btn-tooltip:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  content: '';
}

.tooltip-area.tooltip-pin .btn-tooltip:before {
  width: 30px;
  height: 30px;
  background-color: var(--on-surface);
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .tooltip-area.tooltip-pin .btn-tooltip:before {
    width: 24px;
    height: 24px;
  }
}

.tooltip-area.tooltip-pin .btn-tooltip:after {
  width: 16px;
  height: 16px;
  background-color: var(--surface);
}

@media screen and (max-width: 600px) {
  .tooltip-area.tooltip-pin .btn-tooltip:after {
    width: 13px;
    height: 13px;
  }
}

.tooltip-area.tooltip-pin .btn-tooltip:focus:before {
  background-color: var(--surface);
  border: 2px solid var(--primary);
}

.tooltip-area.tooltip-pin .btn-tooltip:focus:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8h6m6 0H8m0 0V2v12' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  border-radius: 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

@media screen and (max-width: 600px) {
  .tooltip-area.tooltip-pin .btn-tooltip:focus:after {
    width: 13px;
    height: 13px;
  }
}

.tooltip-area.tooltip-pin .btn-tooltip:hover:before {
  background-color: var(--surface);
}

.tooltip-area.tooltip-pin .btn-tooltip:hover:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8h6m6 0H8m0 0V2v12' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  border-radius: 0;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

@media screen and (max-width: 600px) {
  .tooltip-area.tooltip-pin .btn-tooltip:hover:after {
    width: 13px;
    height: 13px;
  }
}

@media screen and (max-width: 1280px) {
  .tooltip-area.tooltip-pin {
    width: 32px;
    height: 32px;
  }

  .tooltip-area.tooltip-pin .btn-tooltip::before {
    width: 24px;
    height: 24px;
  }

  .tooltip-area.tooltip-pin .btn-tooltip::after {
    width: 13px;
    height: 13px;
  }

  .tooltip-area.tooltip-pin .tooltip {
    max-width: 181px;
  }

  .tooltip-area.tooltip-pin .tooltip-text {
    font-size: 1.2rem;
    line-height: 1.33333;
  }
}

.sub-header {
  border-bottom: 1px solid var(--outline-lowest);
  background-color: var(--surface);
}

.sub-header .btn-previous:hover:before {
  background-color: var(--surface-high);
}

.sub-header-title {
  color: var(--on-surface-container);
}

.sub-header .breadcrumb-item:not(:first-child):before {
  margin: 0 9px;
  color: var(--on-surface-high);
}

.sub-header .breadcrumb-btn {
  color: var(--on-surface-high);
}

.pagination-control-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
}

.pagination-control-wrap .swiper-pagination-progressbar {
  position: relative;
  height: 2px;
  width: 196px;
  margin: 0 14px;
  background-color: var(--fixed-grey20);
}

@media screen and (max-width: 1280px) {
  .pagination-control-wrap .swiper-pagination-progressbar {
    width: 101px;
    margin: 0 10px;
  }
}

.pagination-control-wrap .swiper-pagination-progressbar-fill {
  background-color: var(--primary);
}

.pagination-control-wrap .swiper-pagination {
  bottom: 0;
}

.pagination-control-wrap .btn-player {
  width: 14px;
  height: 14px;
  padding: 0;
  -webkit-margin-start: 20px;
  margin-inline-start: 20px;
  font-size: 0;
}

.pagination-control-wrap .btn-player::before {
  width: 14px;
  height: 14px;
}

@media screen and (max-width: 600px) {
  .pagination-control-wrap .btn-player::before {
    width: 10px;
    height: 12px;
  }
}

@media screen and (max-width: 600px) {
  .pagination-control-wrap .btn-player {
    -webkit-margin-start: 14px;
    margin-inline-start: 14px;
  }
}

.pagination-current {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.57143;
  color: var(--primary);
}

@media screen and (max-width: 1280px) {
  .pagination-current {
    font-size: 1.1rem;
    line-height: 1.54545;
  }
}

.pagination-total {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--primary-mid);
}

@media screen and (max-width: 1280px) {
  .pagination-total {
    font-size: 1.1rem;
    line-height: 1.54545;
  }
}

.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: relative;
  bottom: 0;
  font-size: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media screen and (max-width: 960px) {
  .swiper-pagination-wrapper {
    max-width: 144px;
    overflow: hidden;
  }
}

.swiper-pagination .swiper-pagination-bullet {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0 !important;
  background-color: transparent;
  border-radius: 0;
  opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet::after {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), -50%);
  transform: translate(calc(-50% * var(--inline-dir)), -50%);
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: var(--surface-ultimate);
  content: '';
}

.swiper-pagination .swiper-pagination-bullet-small::after {
  width: 6px;
  height: 6px;
}

.swiper-pagination .swiper-pagination-bullet-active::after {
  background-color: var(--surface-container-ultimate);
}

.key-visual-pbv .key-visual-control {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.key-visual-pbv .key-visual-control .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 6px;
  margin: 0 5px;
  opacity: 0.2;
  background-color: var(--white-fixed);
}

@media screen and (max-width: 600px) {
  .key-visual-pbv .key-visual-control .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 4px;
  }
}

.key-visual-pbv .key-visual-control .swiper-pagination-bullet-active {
  position: relative;
  width: 50px;
  overflow: hidden;
  background-color: transparent;
  opacity: 1;
}

.key-visual-pbv .key-visual-control .swiper-pagination-bullet-active::before,
.key-visual-pbv .key-visual-control .swiper-pagination-bullet-active::after {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: var(--white-fixed);
  content: '';
}

.key-visual-pbv .key-visual-control .swiper-pagination-bullet-active::before {
  opacity: 0.2;
}

.key-visual-pbv .key-visual-control .swiper-pagination-bullet-active::after {
  -webkit-transform: translateX(calc(-100% * var(--inline-dir)));
  transform: translateX(calc(-100% * var(--inline-dir)));
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-animation-name: kv-progress;
  animation-name: kv-progress;
  -webkit-animation-duration: var(--kv-duration, 10000ms);
  animation-duration: var(--kv-duration, 10000ms);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.key-visual-pbv .key-visual-control .swiper-pagination-bullet-active.is-paused::after {
  -webkit-animation: none !important;
  animation: none !important;
}

@media screen and (max-width: 600px) {
  .key-visual-pbv .key-visual-control .swiper-pagination-bullet-active {
    width: 32px;
  }
}

.key-visual-pbv .key-visual-control .btn-player::before {
  background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%28255%2C255%2C255%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%28255%2C255%2C255%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.key-visual-pbv .key-visual-control .btn-player.is-paused:before {
  background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@-webkit-keyframes kv-progress {
  100% {
    -webkit-transform: translateX(calc(0 * var(--inline-dir)));
    transform: translateX(calc(0 * var(--inline-dir)));
  }
}

@keyframes kv-progress {
  100% {
    -webkit-transform: translateX(calc(0 * var(--inline-dir)));
    transform: translateX(calc(0 * var(--inline-dir)));
  }
}

.section-range-calculator .headline-xxlarge-b,
.card-description .headline-xxlarge-b,
.section-card-switcher .headline-xxlarge-b,
.key-visual3 .headline-xxlarge-b,
.section-video .headline-xxlarge-b,
.section-banner .headline-xxlarge-b,
.specs-row .headline-xxlarge-b {
  font-size: 7.2rem;
  font-weight: 700;
  line-height: 1.16667;
}

.section-range-calculator .headline-xlarge-b,
.card-description .headline-xlarge-b,
.section-card-switcher .headline-xlarge-b,
.key-visual3 .headline-xlarge-b,
.section-video .headline-xlarge-b,
.section-banner .headline-xlarge-b,
.specs-row .headline-xlarge-b {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.2;
}

.section-range-calculator .headline-large-b,
.card-description .headline-large-b,
.section-card-switcher .headline-large-b,
.key-visual3 .headline-large-b,
.section-video .headline-large-b,
.section-banner .headline-large-b,
.specs-row .headline-large-b {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.29167;
}

.section-range-calculator .headline-medium-b,
.card-description .headline-medium-b,
.section-card-switcher .headline-medium-b,
.key-visual3 .headline-medium-b,
.section-video .headline-medium-b,
.section-banner .headline-medium-b,
.specs-row .headline-medium-b {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.3;
}

.section-range-calculator .headline-small-b,
.card-description .headline-small-b,
.section-card-switcher .headline-small-b,
.key-visual3 .headline-small-b,
.section-video .headline-small-b,
.section-banner .headline-small-b,
.specs-row .headline-small-b {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.38889;
}

.section-range-calculator .body-xlarge-b,
.card-description .body-xlarge-b,
.section-card-switcher .body-xlarge-b,
.key-visual3 .body-xlarge-b,
.section-video .body-xlarge-b,
.section-banner .body-xlarge-b,
.specs-row .body-xlarge-b {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}

.section-range-calculator .body-xlarge-r,
.card-description .body-xlarge-r,
.section-card-switcher .body-xlarge-r,
.key-visual3 .body-xlarge-r,
.section-video .body-xlarge-r,
.section-banner .body-xlarge-r,
.specs-row .body-xlarge-r {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
}

.section-range-calculator .body-medium-b-underline,
.card-description .body-medium-b-underline,
.section-card-switcher .body-medium-b-underline,
.key-visual3 .body-medium-b-underline,
.section-video .body-medium-b-underline,
.section-banner .body-medium-b-underline,
.specs-row .body-medium-b-underline {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: underline;
}

.section-range-calculator .body-medium-r,
.card-description .body-medium-r,
.section-card-switcher .body-medium-r,
.key-visual3 .body-medium-r,
.section-video .body-medium-r,
.section-banner .body-medium-r,
.specs-row .body-medium-r {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
}

.section-range-calculator .body-xsmall-r-underline,
.card-description .body-xsmall-r-underline,
.section-card-switcher .body-xsmall-r-underline,
.key-visual3 .body-xsmall-r-underline,
.section-video .body-xsmall-r-underline,
.section-banner .body-xsmall-r-underline,
.specs-row .body-xsmall-r-underline {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53846;
  text-decoration: underline;
}

.section-range-calculator .caption-small-b,
.card-description .caption-small-b,
.section-card-switcher .caption-small-b,
.key-visual3 .caption-small-b,
.section-video .caption-small-b,
.section-banner .caption-small-b,
.specs-row .caption-small-b {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
}

.section-range-calculator .caption-small-r,
.card-description .caption-small-r,
.section-card-switcher .caption-small-r,
.key-visual3 .caption-small-r,
.section-video .caption-small-r,
.section-banner .caption-small-r,
.specs-row .caption-small-r {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

.section-range-calculator .caption-xsmall-r,
.card-description .caption-xsmall-r,
.section-card-switcher .caption-xsmall-r,
.key-visual3 .caption-xsmall-r,
.section-video .caption-xsmall-r,
.section-banner .caption-xsmall-r,
.specs-row .caption-xsmall-r {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.66667;
}

.btn-video {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  border: 2px solid rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 960px) {
  .btn-video {
    width: 36px;
    height: 36px;
    border: 1.5px solid rgba(255, 255, 255, 0.5);
  }
}

.btn-video.btn-play.is-paused .ic {
  display: inline-block;
  width: 19px;
  height: 22px;
  background-image: url("data:image/svg+xml, %3Csvg width='19' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 11L0 22V0l19 11z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (min-width: 961px) {
  .btn-video.btn-play.is-paused .ic {
    margin-left: 5px;
  }
}

@media screen and (max-width: 960px) {
  .btn-video.btn-play.is-paused .ic {
    display: inline-block;
    width: 11px;
    height: 12px;
    background-image: url("data:image/svg+xml, %3Csvg width='19' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 11L0 22V0l19 11z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-left: 2px;
  }
}

@media screen and (max-width: 960px) {
  .btn-video.btn-play .ic {
    width: 13px;
    height: 13px;
  }
}

@media screen and (max-width: 960px) {
  .btn-video.btn-pause .ic {
    width: 13px;
    height: 15px;
  }
}

.btn-video.btn-speaker.is-muted .ic {
  width: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='35' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_130_4049)'%3E%3Cpath d='M19.801 28.797V3.203L9.466 9.467h-6.73v1.2c-.002 3.555-.002 7.111 0 10.667v1.2h6.73l10.335 6.263z' fill='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M32 12l-8 8m0-8l8 8' stroke='rgb%28255%2C255%2C255%29' stroke-width='2' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_130_4049'%3E%3Cpath fill='rgb%28255%2C255%2C255%29' d='M0 0h35v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (max-width: 960px) {
  .btn-video.btn-speaker.is-muted .ic {
    width: 17px;
    height: 17px;
  }
}

.btn-video.btn-speaker .ic {
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 960px) {
  .btn-video.btn-speaker .ic {
    width: 17px;
    height: 17px;
  }
}

.btn-video.btn-mute .ic {
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 600px) {
  .btn-video.btn-mute .ic {
    width: 21px;
    height: 20px;
  }
}

.btn-video.btn-fullscreen .ic-fullscreen-bold-32px {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml, %3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.8 4.2H4.2v5.6m14-5.6h5.6v5.6m0 8.4v5.6h-5.6m-8.4 0H4.2v-5.6' stroke='rgb%28255%2C255%2C255%29' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (max-width: 960px) {
  .btn-video.btn-fullscreen .ic-fullscreen-bold-32px {
    width: 16px;
    height: 16px;
  }
}

.dark .btn-player:before {
  background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%28255%2C255%2C255%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%28255%2C255%2C255%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .dark .btn-player:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%2899%2C107%2C116%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%2899%2C107%2C116%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1280px) {
  .dark .btn-player:active:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%2899%2C107%2C116%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%2899%2C107%2C116%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.dark .btn-player.is-paused:before {
  background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (hover: hover) and (pointer: fine) {
  .dark .btn-player.is-paused:hover:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%2899%2C107%2C116%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1280px) {
  .dark .btn-player.is-paused:active:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%2899%2C107%2C116%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
}

.section-card-switcher .tab-swiper,
.section-visual-3dviewer .tab-swiper,
.segment-selector .tab-swiper,
.calculator-content .tab-swiper {
  position: relative;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  padding: 6px;
  border-radius: 100px;
  -webkit-clip-path: inset(0 round 100px);
  clip-path: inset(0 round 100px);
  background-color: var(--surface-container-lowest);
}

.section-card-switcher .tab-swiper.has-shadow:before,
.section-card-switcher .tab-swiper.has-shadow::after,
.section-visual-3dviewer .tab-swiper.has-shadow:before,
.section-visual-3dviewer .tab-swiper.has-shadow::after,
.segment-selector .tab-swiper.has-shadow:before,
.segment-selector .tab-swiper.has-shadow::after,
.calculator-content .tab-swiper.has-shadow:before,
.calculator-content .tab-swiper.has-shadow::after {
  display: block;
  position: absolute;
  top: 0;
  z-index: 2;
  width: 56px;
  height: 56px;
  pointer-events: none;
  content: '';
}

@media screen and (max-width: 960px) {

  .section-card-switcher .tab-swiper.has-shadow:before,
  .section-card-switcher .tab-swiper.has-shadow::after,
  .section-visual-3dviewer .tab-swiper.has-shadow:before,
  .section-visual-3dviewer .tab-swiper.has-shadow::after,
  .segment-selector .tab-swiper.has-shadow:before,
  .segment-selector .tab-swiper.has-shadow::after,
  .calculator-content .tab-swiper.has-shadow:before,
  .calculator-content .tab-swiper.has-shadow::after {
    width: 42px;
    height: 48px;
  }
}

.section-card-switcher .tab-swiper.has-shadow::before,
.section-visual-3dviewer .tab-swiper.has-shadow::before,
.segment-selector .tab-swiper.has-shadow::before,
.calculator-content .tab-swiper.has-shadow::before {
  inset-inline-start: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(270deg * var(--inline-dir))), color-stop(10%, rgba(243, 244, 245, 0)), to(#f3f4f5));
  background: linear-gradient(calc(270deg * var(--inline-dir)), rgba(243, 244, 245, 0) 10%, #f3f4f5 100%);
}

.section-card-switcher .tab-swiper.has-shadow:after,
.section-visual-3dviewer .tab-swiper.has-shadow:after,
.segment-selector .tab-swiper.has-shadow:after,
.calculator-content .tab-swiper.has-shadow:after {
  inset-inline-end: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(270deg * var(--inline-dir))), color-stop(10%, #f3f4f5), to(rgba(243, 244, 245, 0)));
  background: linear-gradient(calc(270deg * var(--inline-dir)), #f3f4f5 10%, rgba(243, 244, 245, 0) 100%);
}

.section-card-switcher .tab-swiper.has-shadow.is-first::before,
.section-visual-3dviewer .tab-swiper.has-shadow.is-first::before,
.segment-selector .tab-swiper.has-shadow.is-first::before,
.calculator-content .tab-swiper.has-shadow.is-first::before {
  display: none;
}

.section-card-switcher .tab-swiper.has-shadow.is-last::after,
.section-visual-3dviewer .tab-swiper.has-shadow.is-last::after,
.segment-selector .tab-swiper.has-shadow.is-last::after,
.calculator-content .tab-swiper.has-shadow.is-last::after {
  display: none;
}

.section-card-switcher .tab-list,
.section-visual-3dviewer .tab-list,
.segment-selector .tab-list,
.calculator-content .tab-list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 960px) {

  .section-card-switcher .tab-list::after,
  .section-visual-3dviewer .tab-list::after,
  .segment-selector .tab-list::after,
  .calculator-content .tab-list::after {
    display: none;
  }
}

.section-card-switcher .tab-item,
.section-visual-3dviewer .tab-item,
.segment-selector .tab-item,
.calculator-content .tab-item {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.section-card-switcher .tab-item.is-selected .tab-btn,
.section-visual-3dviewer .tab-item.is-selected .tab-btn,
.segment-selector .tab-item.is-selected .tab-btn,
.calculator-content .tab-item.is-selected .tab-btn {
  background-color: var(--primary);
  color: var(--on-primary);
}

.section-card-switcher .tab-item.is-selected .tab-btn:hover,
.section-visual-3dviewer .tab-item.is-selected .tab-btn:hover,
.segment-selector .tab-item.is-selected .tab-btn:hover,
.calculator-content .tab-item.is-selected .tab-btn:hover {
  font-weight: 400;
}

.section-card-switcher .tab-btn,
.section-visual-3dviewer .tab-btn,
.segment-selector .tab-btn,
.calculator-content .tab-btn {
  min-width: 96px;
  padding: 10px 22px;
  border-radius: 40px;
  white-space: nowrap;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--on-primary-ultimate);
}

@media screen and (max-width: 960px) {

  .section-card-switcher .tab-btn,
  .section-visual-3dviewer .tab-btn,
  .segment-selector .tab-btn,
  .calculator-content .tab-btn {
    min-width: 90px;
    padding: 8px 14px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.53846;
  }
}

.section-card-switcher .tab-btn:hover,
.section-visual-3dviewer .tab-btn:hover,
.segment-selector .tab-btn:hover,
.calculator-content .tab-btn:hover {
  color: var(--on-surface);
}

.section-card-switcher .tab-btn::after,
.section-visual-3dviewer .tab-btn::after,
.segment-selector .tab-btn::after,
.calculator-content .tab-btn::after {
  display: none;
}

.section-card-switcher .tab-content,
.section-visual-3dviewer .tab-content,
.segment-selector .tab-content,
.calculator-content .tab-content {
  margin-top: 32px;
}

@media screen and (max-width: 960px) {

  .section-card-switcher .tab-content,
  .section-visual-3dviewer .tab-content,
  .segment-selector .tab-content,
  .calculator-content .tab-content {
    margin-top: 20px;
  }
}

.section-card-switcher .tab-panel,
.section-visual-3dviewer .tab-panel,
.segment-selector .tab-panel,
.calculator-content .tab-panel {
  display: none;
}

.section-card-switcher .tab-panel.is-open,
.section-visual-3dviewer .tab-panel.is-open,
.segment-selector .tab-panel.is-open,
.calculator-content .tab-panel.is-open {
  display: block;
}

@media screen and (max-width: 960px) {
  .key-visual-pbv .product-info {
    bottom: 88px;
  }
}

.key-visual-pbv .product-info-list {
  margin-top: 28px;
}

@media screen and (max-width: 600px) {
  .key-visual-pbv .product-info-list {
    margin-top: 20px;
  }
}

.key-visual-pbv .product-info-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white-fixed);
}

.key-visual-pbv .product-info-item .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42857;
}

@media screen and (max-width: 600px) {
  .key-visual-pbv .product-info-item .type {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

.key-visual-pbv .product-info-item .type-desc {
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

@media screen and (max-width: 600px) {
  .key-visual-pbv .product-info-item .type-desc {
    -webkit-margin-start: 4px;
    margin-inline-start: 4px;
    color: var(--surface);
    opacity: 0.6;
    font-size: 0.9rem;
    line-height: 1.77778;
  }
}

.key-visual-pbv .product-info-item .value {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-margin-start: 14px;
  margin-inline-start: 14px;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.33333;
}

@media screen and (max-width: 600px) {
  .key-visual-pbv .product-info-item .value {
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.key-visual-pbv .product-info-item .price-info {
  color: var(--white-fixed);
  opacity: 0.5;
}

@media screen and (max-width: 600px) {
  .key-visual-pbv .product-info-item .price-info {
    font-size: 0.9rem;
    line-height: 1.66667;
  }
}

.key-visual-pbv .product-info-item .btn-fixed-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
}

@media screen and (max-width: 600px) {
  .key-visual-pbv .product-info-item .btn-fixed-text {
    margin-block: -3px 0;
    margin-inline: 4px 0;
  }
}

.key-visual-pbv .product-info-item .btn-fixed-text .text {
  color: var(--white-fixed);
  font-size: 1rem;
  line-height: 1.6;
}

.key-visual-pbv .product-info-item:nth-child(2) {
  position: relative;
  -webkit-margin-start: 38px;
  margin-inline-start: 38px;
}

.key-visual-pbv .product-info-item:nth-child(2):before {
  position: absolute;
  top: 50%;
  inset-inline-start: -20px;
  width: 1px;
  height: 18px;
  background-color: var(--surface);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.21;
  content: '';
}

@media screen and (max-width: 600px) {
  .key-visual-pbv .product-info-item:nth-child(2) {
    margin: 2px 0 0;
  }

  .key-visual-pbv .product-info-item:nth-child(2):before {
    display: none;
  }
}

.key-visual-pbv .product-info-item:nth-child(3) {
  width: 100%;
  margin-top: 6px;
}

@media screen and (max-width: 600px) {
  .key-visual-pbv .product-info-item:nth-child(3) {
    margin-top: 5px;
  }
}

.key-visual-pbv .product-info .left-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: clamp(570px, calc(28.16901vw + 209.15493px), 750px);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-pbv .product-info .left-box {
    max-width: clamp(600px, calc(37.1875vw + 243px), 719px);
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual-pbv .product-info .left-box {
    max-width: 100%;
    width: 100%;
  }
}

.key-visual-pbv .product-info .left-box .title {
  color: var(--surface);
  font-size: 4.8rem;
  line-height: 1.29167;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-pbv .product-info .left-box .title {
    font-size: 4rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-pbv .product-info .left-box .title {
    font-size: 2.4rem;
    line-height: 1.33333;
  }
}

.key-visual-pbv .product-info .left-box .sub-title {
  margin-top: 8px;
  color: var(--surface);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-pbv .product-info .left-box .sub-title {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-pbv .product-info .left-box .sub-title {
    margin-top: 6px;
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-pbv .product-info .left-box .type {
    margin-top: -1px;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-pbv .product-info .left-box .type {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-pbv .product-info .left-box .type-desc {
    font-size: 0.9rem;
    line-height: 1.77778;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-pbv .product-info .left-box .value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-pbv .product-info .left-box .value {
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-pbv .product-info .left-box .price-info {
    font-size: 0.9rem;
    line-height: 1.66667;
  }
}

.key-visual-pbv .product-info .left-box+.btn-box {
  width: auto;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}

@media screen and (max-width: 960px) {
  .key-visual-pbv .product-info .left-box+.btn-box {
    width: 100%;
    margin: 20px 0 0;
  }
}

.key-visual-pbv .product-info .btn-box {
  width: 100%;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-pbv .product-info .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-pbv .product-info .btn-box {
    gap: 10px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual-pbv .product-info .btn-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 20px 0 0;
  }
}

.key-visual-pbv .product-info .btn-box .btn {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-pbv .product-info .btn-box .btn {
    height: 48px;
  }

  .key-visual-pbv .product-info .btn-box .btn:not(.btn-full) {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }

  .key-visual-pbv .product-info .btn-box .btn:not(:first-child) {
    margin: 10px 0 0;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-pbv .product-info .btn-box .btn {
    width: 100%;
    max-width: 100%;
    height: 40px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-size: 1.3rem;
    line-height: 1.53846;
  }

  .key-visual-pbv .product-info .btn-box .btn:not(:first-child) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0;
  }
}

.key-visual-pbv .product-info .btn-box .btn-primary {
  font-weight: 600;
}

.key-visual-pbv .product-info .btn-box .btn-primary:not(:hover) {
  background-color: var(--white-fixed);
  color: var(--black-fixed);
}

@media screen and (max-width: 600px) {
  .key-visual-pbv .product-info .btn-box .btn-primary {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    min-width: 100%;
    height: 40px;
    margin: 0;
  }
}

.key-visual-pbv .product-info .btn-box .btn-secondary {
  font-weight: 600;
  border-color: var(--white-fixed);
}

.key-visual-pbv .product-info .btn-box .btn-secondary:not(:hover) {
  color: var(--white-fixed);
}

@media screen and (max-width: 600px) {
  .key-visual-pbv .product-info .btn-box .btn-secondary {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.key-visual-pbv .media-youtube {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.key-visual-pbv .media-youtube:before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: transparent;
  content: '';
}

.key-visual-pbv .media-youtube iframe {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.key-visual-pbv+.disclaimer-box .disclaimer-list.only-wltp {
  margin-top: 0;
  padding-top: 0;
  border: 0;
}

@media screen and (max-width: 960px) {
  .key-visual-pbv .key-visual-control {
    bottom: 40px;
  }
}

.key-visual-pbv .pagination-control-wrap .pagination-current,
.key-visual-pbv .pagination-control-wrap .pagination-total {
  color: var(--white-fixed);
}

@media screen and (min-width: 961px) {

  .key-visual-pbv .pagination-control-wrap .pagination-current,
  .key-visual-pbv .pagination-control-wrap .pagination-total {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {

  .key-visual-pbv .pagination-control-wrap .pagination-current,
  .key-visual-pbv .pagination-control-wrap .pagination-total {
    margin-bottom: -2px;
    font-size: 1.1rem;
    line-height: 1.54545;
  }
}

.key-visual-pbv .pagination-control-wrap .swiper-pagination-progressbar {
  background-color: var(--fixed-grey40);
}

@media screen and (min-width: 961px) {
  .key-visual-pbv .pagination-control-wrap .swiper-pagination-progressbar {
    width: 196px;
    margin: 0 14px;
  }
}

.key-visual-pbv .pagination-control-wrap .swiper-pagination-progressbar-fill {
  background-color: var(--white-fixed);
}

.key-visual-pbv .swiper-pagination-progressbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.key-visual-pbv .swiper-pagination-progressbar .pagination-process {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
}

.key-visual-pbv .swiper-pagination-progressbar .pagination-process .process-fill {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 100%;
  background-color: var(--white-fixed);
}

.tooltip-area-click {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.tooltip-area-click.is-visible .tooltip {
  visibility: visible;
  opacity: 1;
}


/* pv5-files/css/kow.module.pbv-kv-modelemphasis.css */

.key-visual2 {
  position: relative;
  background: var(--bg-default);
  -webkit-transition: background 0.5s cubic-bezier(0.33, 1, 0.68, 1);
  transition: background 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}

@media screen and (max-width: 960px) {
  .key-visual2 {
    background: transparent;
    -webkit-transition: 0s;
    transition: 0s;
  }
}

.key-visual2.fade-bg {
  background: var(--bg-change);
}

.key-visual2 .key-visual-animation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.key-visual2 .key-visual-animation .content-box {
  position: relative;
}

.key-visual2 .key-visual-step1 {
  position: relative;
}

@media screen and (min-width: 1281px) {
  .key-visual2 .key-visual-step1 {
    padding-top: clamp(160px, calc(12.51956vw + -0.37559px), 240px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .key-visual-step1 {
    padding-top: clamp(125px, calc(10.9375vw + 20px), 160px);
  }
}

@media screen and (max-width: 960px) {
  .key-visual2 .key-visual-step1 {
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(calc(180deg * var(--inline-dir))), color-stop(81%, var(--bg-default)), to(var(--bg-change)));
    background: linear-gradient(calc(180deg * var(--inline-dir)), var(--bg-default) 81%, var(--bg-change) 100%);
    -webkit-transition: background 0.5s cubic-bezier(0.33, 1, 0.68, 1);
    transition: background 0.5s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .key-visual2 .key-visual-step1.ani-fade {
    background: var(--bg-change);
  }

  .key-visual2 .key-visual-step1.ani-fade .image-car {
    opacity: 0;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .key-visual-step1 {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: clamp(576px, calc(47.5vw + 291px), 747px);
    padding-top: clamp(130px, calc(2.77778vw + 113.33333px), 140px);
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .key-visual-step1 {
    overflow: hidden;
    height: clamp(346px, calc(95.83333vw + 1px), 576px);
    padding-top: clamp(80px, calc(20.83333vw + 5px), 130px);
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.key-visual2 .key-visual-step1.is-hidden .image-car {
  opacity: 0;
}

.key-visual2 .key-visual-step2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow-x: clip;
  position: relative;
  margin-top: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@supports not (overflow-x: clip) {
  .key-visual2 .key-visual-step2 {
    overflow-x: hidden;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .key-visual-step2 {
    margin-top: 60px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .key-visual-step2 {
    margin-top: clamp(20px, calc(8.33333vw + -10px), 40px);
  }
}

.key-visual2 .key-visual-step2 .content-box {
  position: -webkit-sticky;
  position: sticky;
  top: 169px;
  inset-inline-start: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 600px) {
  .key-visual2 .key-visual-step2 .content-box {
    top: 132px;
  }
}

.key-visual2 .key-visual-step2.zoom-in .media-zoom-box .media-content {
  height: calc(100vh - var(--menuHeight));
}

@media screen and (max-width: 600px) {
  .key-visual2 .key-visual-step2.zoom-in .thumb-media {
    margin-top: 0;
  }
}

.key-visual2 .key-visual-step2.zoom-in .thumb-media .media {
  border-radius: 0;
}

.key-visual2 .key-visual-step2.zoom-in .thumb-media:before {
  inset-inline-start: -40px;
  inset-inline-end: -40px;
  content: '';
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .key-visual-step2.zoom-in .thumb-media:before {
    inset-inline-start: -32px;
    inset-inline-end: -32px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .key-visual-step2.zoom-in .thumb-media:before {
    inset-inline-start: calc(-5vw + -2px);
    inset-inline-end: calc(-5vw + -2px);
  }
}

.key-visual2 .key-visual-step2.zoom-in .product-info,
.key-visual2 .key-visual-step2.zoom-in .key-visual-control {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.key-visual2 .key-visual-step2.zoom-in .key-visual-slider-item:after {
  overflow: visible;
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.key-visual2 .key-visual-slider {
  overflow: visible;
  z-index: 2;
  height: 100%;
}

.key-visual2 .key-visual-slider-item {
  z-index: 1;
}

.key-visual2 .key-visual-slider-item.swiper-slide-active {
  z-index: 2;
}

.key-visual2 .key-visual-slider-item:after {
  overflow: hidden;
  opacity: 0;
  position: absolute;
  inset-inline-start: -40px;
  inset-inline-end: -40px;
  bottom: 0;
  z-index: 1;
  height: 600px;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(0deg * var(--inline-dir))), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.2)), color-stop(50%, rgba(7, 7, 7, 0.4)), color-stop(70.16%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(calc(0deg * var(--inline-dir)), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 30%, rgba(7, 7, 7, 0.4) 50%, rgba(0, 0, 0, 0.6) 70.16%, rgba(0, 0, 0, 0.7) 100%);
  -webkit-transform: scaleX(var(--inline-dir)) rotate(-180deg);
  transform: scaleX(var(--inline-dir)) rotate(-180deg);
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .key-visual-slider-item:after {
    inset-inline-start: -32px;
    inset-inline-end: -32px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .key-visual-slider-item:after {
    height: auto;
    padding-top: 125%;
    inset-inline-start: calc(-5vw + -2px);
    inset-inline-end: calc(-5vw + -2px);
    background: -webkit-gradient(linear, left top, left bottom, from(calc(180deg * var(--inline-dir))), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0.5)));
    background: linear-gradient(calc(180deg * var(--inline-dir)), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 60%);
    -webkit-transform: scaleX(var(--inline-dir)) rotate(0deg);
    transform: scaleX(var(--inline-dir)) rotate(0deg);
  }
}

.key-visual2 .key-visual-slider:not(.swiper-initialized) .key-visual-slider-item:not(:first-child) {
  display: none;
}

.key-visual2 .image-text {
  width: 100%;
  margin: 0 auto;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1281px) {
  .key-visual2 .image-text {
    max-width: clamp(1088px, calc(30.04695vw + 703.09859px), 1280px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .image-text {
    max-width: clamp(800px, calc(90vw + -64px), 1088px);
  }
}

.key-visual2 .image-text .text {
  display: block;
  letter-spacing: -0.025em;
  color: var(--surface);
  text-transform: capitalize;
  opacity: 0.15;
  font-weight: 600;
}

@media screen and (min-width: 1281px) {
  .key-visual2 .image-text .text {
    font-size: clamp(120px, calc(3.12989vw + 79.9061px), 140px);
    line-height: clamp(132px, calc(3.44288vw + 87.89671px), 154px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .image-text .text {
    font-size: clamp(90px, calc(9.375vw + 0px), 120px);
    line-height: clamp(99px, calc(10.3125vw + 0px), 132px);
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .image-text .text {
    margin: 0 32px;
    font-size: clamp(62px, calc(7.77778vw + 15.33333px), 90px);
    line-height: clamp(74px, calc(9.44444vw + 17.33333px), 108px);
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) and (min-width: 864px) {
  .key-visual2 .image-text .text {
    font-size: 90px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .image-text .text {
    font-size: clamp(38px, calc(10vw + 2px), 62px);
    line-height: clamp(46px, calc(11.66667vw + 4px), 74px);
  }
}

.key-visual2 .image-text.move-up {
  opacity: 0;
  -webkit-transform: translateY(-80%);
  transform: translateY(-80%);
}

.key-visual2 .image-car {
  position: relative;
  width: 100%;
  margin: 0 auto;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

@media screen and (min-width: 1281px) {
  .key-visual2 .image-car {
    max-width: clamp(1088px, calc(30.04695vw + 703.09859px), 1280px);
    margin-top: calc(-1.56495vw + -24.95305px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .image-car {
    max-width: clamp(800px, calc(90vw + -64px), 1088px);
    margin-top: calc(-4.0625vw + 7px);
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .image-car {
    max-width: 800px;
    width: calc(100% - 64px);
    margin-top: calc(-3.33333vw + -4px);
    -webkit-margin-start: 32px;
    margin-inline-start: 32px;
    -webkit-margin-end: 32px;
    margin-inline-end: 32px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .image-car {
    overflow: hidden;
    max-width: 100%;
    margin-top: calc(-3.33333vw + -4px);
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }
}

.key-visual2 .image-car:before {
  display: block;
  position: relative;
  padding-top: 45.31%;
  content: '';
}

.key-visual2 .image-car .car {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .key-visual2 .image-car .car.only-pc {
    display: block !important;
  }
}

.key-visual2 .title-box {
  position: relative;
  z-index: 3;
  opacity: 0;
  text-align: center;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 960px) {
  .key-visual2 .title-box {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box {
    margin: 0 32px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box {
    width: auto;
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.key-visual2 .title-box .title-wrap .title {
  font-size: 6rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--on-surface);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .title-box .title-wrap .title {
    font-size: 4.8rem;
    line-height: 1.29167;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .title-wrap .title {
    font-size: 2.8rem;
    line-height: 1.35714;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .title-wrap .title {
    font-size: 2.4rem;
    line-height: 1.33333;
  }
}

.key-visual2 .title-box .title-wrap .sub-title {
  display: block;
  margin-top: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--on-surface);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .title-box .title-wrap .sub-title {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {
  .key-visual2 .title-box .title-wrap .sub-title {
    margin-top: 6px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.key-visual2 .title-box .desc-info {
  margin-top: 24px;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .title-box .desc-info {
    margin-top: 20px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .desc-info {
    margin-top: 20px;
  }
}

.key-visual2 .title-box .desc-info .btn {
  max-width: 200px;
  min-width: 200px !important;
  font-weight: 600;
}

@media screen and (max-width: 960px) {
  .key-visual2 .title-box .desc-info .btn {
    -webkit-box-flex: 1 !important;
    -ms-flex: auto !important;
    flex: auto !important;
    max-width: 100%;
    width: 100%;
    height: 40px;
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.53846;
  }

  .key-visual2 .title-box .desc-info .btn:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .key-visual2 .title-box .desc-info .btn:last-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media screen and (max-width: 960px) {
  .key-visual2 .title-box .desc-info .btn-box {
    gap: 10px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .desc-info .btn-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 28px;
  }
}

.key-visual2 .title-box .desc-info .btn .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .desc-info:not(.one-button) .btn:first-child {
    background-color: var(--primary);
    color: var(--on-primary);
  }

  .key-visual2 .title-box .desc-info:not(.one-button) .btn:last-child {
    background-color: transparent;
    border: 1px solid var(--outline);
    color: var(--on-surface);
  }
}

.key-visual2 .title-box .desc-info.space-button {
  margin-top: 40px;
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .desc-info.space-button {
    margin-top: 28px;
  }
}

.key-visual2 .title-box .desc-info.space-button.no-button .other-list {
  margin-top: 60px;
}

.key-visual2 .title-box .desc-info.space-price {
  margin-top: 20px;
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .desc-info.space-price {
    margin-top: 10px;
  }
}

.key-visual2 .title-box .desc-info.one-button .btn-secondary {
  display: none;
}

.key-visual2 .title-box .desc-info.one-button .btn {
  margin: 0;
  max-width: 280px;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .desc-info.one-button .btn {
    max-width: 537px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .desc-info.one-button .btn {
    max-width: 100%;
  }
}

.key-visual2 .title-box .desc-info.no-button .btn-box {
  display: none;
}

.key-visual2 .title-box .desc-info.no-button .other-list {
  margin-top: 100px;
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .desc-info.no-button .other-list {
    margin-top: 60px;
  }
}

.key-visual2 .title-box .price-box {
  margin-bottom: 24px;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .price-box {
    margin-bottom: 28px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .price-box {
    margin-bottom: 0;
  }
}

.key-visual2 .title-box .price-box .type {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .title-box .price-box .type {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .price-box .type {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .price-box .type {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.key-visual2 .title-box .price-box .type-desc-vat {
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--on-surface);
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .price-box .type-desc-vat {
    -webkit-margin-start: 2px;
    margin-inline-start: 2px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .price-box .type-desc-vat {
    -webkit-margin-start: 2px;
    margin-inline-start: 2px;
    opacity: 0.6;
  }
}

.key-visual2 .title-box .price-box .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-margin-start: 14px;
  margin-inline-start: 14px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--on-surface);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .title-box .price-box .value {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .price-box .value {
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .price-box .value {
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

.key-visual2 .title-box .price-box .text-desc {
  display: block;
  margin-top: 2px;
  color: var(--on-surface-mid);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.66667;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .price-box .text-desc {
    font-size: 1rem;
    line-height: 1.8;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .price-box .text-desc {
    margin-top: 4px;
  }
}

.key-visual2 .title-box .price-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .price-box-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.key-visual2 .title-box .price-box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.key-visual2 .title-box .price-box-item:not(:first-child) {
  -webkit-margin-start: 40px;
  margin-inline-start: 40px;
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .price-box-item:not(:first-child) {
    margin: 2px 0 0;
  }
}

.key-visual2 .title-box .price-box-item:not(:first-child):before {
  position: absolute;
  top: 50%;
  inset-inline-start: -20px;
  width: 1px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .price-box-item:not(:first-child):before {
    height: 10px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .price-box-item:not(:first-child):before {
    display: none;
  }
}

.key-visual2 .title-box .price-box-item .tooltip-area-click {
  -webkit-margin-start: 4px;
  margin-inline-start: 4px;
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .price-box-item .tooltip-area-click {
    -webkit-margin-start: 2px;
    margin-inline-start: 2px;
  }
}

.key-visual2 .title-box .price-box-item .tooltip-area-click .ic {
  margin-bottom: 2px;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

@media screen and (max-width: 960px) {
  .key-visual2 .title-box .price-box-item .tooltip-area-click .ic {
    margin-bottom: 0;
    width: 16px;
    height: 16px;
  }
}

.key-visual2 .title-box .price-box-item .tooltip-area-click .btn-tooltip {
  display: block;
}

@media screen and (max-width: 1280px) {
  .key-visual2 .title-box .price-box-item .tooltip-area-click .btn-tooltip {
    margin-top: -2px;
  }
}

.key-visual2 .title-box .price-box-item .tooltip-area-click .btn-close-tooltip {
  display: none;
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .price-box-item .tooltip-area-click .btn-close-tooltip {
    display: block;
  }
}

.key-visual2 .title-box .other-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 908px;
  margin: 120px auto 0;
  gap: 1px;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .title-box .other-list {
    max-width: 848px;
    gap: clamp(0px, calc(0.3125vw + -3px), 1px);
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .other-list {
    gap: 20px;
    max-width: 100%;
    margin-top: 100px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .other-list {
    gap: 0;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 60px;
  }
}

.key-visual2 .title-box .other-info {
  position: relative;
  width: calc((100% - 128px) / 3);
  margin-block: 0;
  margin-inline: 0 32px;
}

.key-visual2 .title-box .other-info:nth-child(2) {
  margin-block: 0;
  margin-inline: 32px;
}

.key-visual2 .title-box .other-info:last-child {
  margin-block: 0;
  margin-inline: 32px 0;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .title-box .other-info {
    width: calc((100% - 129px) / 3);
    margin-block: 0;
    margin-inline: 0 32px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .other-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 220px;
    margin-block: 0;
    margin-inline: 0 20px;
  }

  .key-visual2 .title-box .other-info:nth-child(2) {
    margin-block: 0;
    margin-inline: 0 20px;
  }

  .key-visual2 .title-box .other-info:last-child {
    margin: 0;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .other-info {
    width: 320px;
    margin: 40px auto 0;
  }

  .key-visual2 .title-box .other-info:first-child {
    margin: 0 auto;
  }

  .key-visual2 .title-box .other-info:nth-child(2) {
    margin: 40px auto 0;
  }

  .key-visual2 .title-box .other-info:last-child {
    margin: 40px auto 0;
  }
}

.key-visual2 .title-box .other-info:before {
  position: absolute;
  top: 50%;
  inset-inline-start: -33px;
  width: 1px;
  height: 58px;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .title-box .other-info:before {
    inset-inline-start: calc(-0.3125vw + -29px);
    height: 52px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .other-info:before {
    inset-inline-start: -20px;
    height: 50px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .other-info:before {
    display: none;
  }
}

.key-visual2 .title-box .other-info.has-subtitle-second-only:before {
  height: 34px;
}

.key-visual2 .title-box .other-info.has-subtitle-first-only:before {
  height: 48px;
}

.key-visual2 .title-box .other-info.has-title-only:before {
  height: 20px;
}

.key-visual2 .title-box .other-info:first-child:before {
  display: none;
}

.key-visual2 .title-box .other-info .text-title {
  display: block;
  color: var(--on-primary-ultimate);
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.33333;
}

@media screen and (min-width: 601px) {
  .key-visual2 .title-box .other-info .text-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .title-box .other-info .text-title {
    font-size: 2.8rem;
    line-height: 1.35714;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .other-info .text-title {
    font-size: 2rem;
    line-height: 1.4;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .other-info .text-title {
    font-size: 2rem;
    line-height: 1.4;
  }
}

.key-visual2 .title-box .other-info .text-desc {
  display: block;
  margin-top: 4px;
  color: var(--on-primary-ultimate);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
}

@media screen and (min-width: 601px) {
  .key-visual2 .title-box .other-info .text-desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .title-box .other-info .text-desc {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .title-box .other-info .text-desc {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .other-info .text-desc {
    margin-top: 2px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.key-visual2 .title-box .other-info .text-opacity {
  margin-top: 0;
  color: var(--on-surface-mid);
  font-size: 1.4rem;
  line-height: 1.57143;
}

@media screen and (max-width: 1280px) {
  .key-visual2 .title-box .other-info .text-opacity {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .title-box .other-info .text-opacity {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.key-visual2 .title-box.fade-up {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.key-visual2 .media-zoom-wrap {
  margin-top: 120px;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .media-zoom-wrap {
    margin-top: 100px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .media-zoom-wrap {
    margin-top: 60px;
  }
}

.key-visual2 .media-zoom-box {
  width: 100%;
  padding: 0 40px;
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .media-zoom-box {
    padding: 0 32px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .media-zoom-box {
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.key-visual2 .media-zoom-box .media-content {
  position: relative;
  height: 63.9vh;
  -webkit-transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .media-zoom-box .media-content {
    height: 798px;
  }
}

.key-visual2 .media-zoom-box .thumb-media {
  position: relative;
  margin-top: 0;
  height: 100%;
  border-radius: 8px;
}

@media screen and (max-width: 600px) {
  .key-visual2 .media-zoom-box .thumb-media {
    border-radius: 4px;
  }
}

.key-visual2 .media-zoom-box .thumb-media .media {
  overflow: hidden;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -webkit-transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transform-origin: top;
  transform-origin: top;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .key-visual2 .media-zoom-box .thumb-media .media.only-pc {
    display: block !important;
  }
}

@media screen and (max-width: 600px) {
  .key-visual2 .media-zoom-box .thumb-media .media {
    border-radius: 4px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
}

.key-visual2 .media-zoom-box .thumb-media:before {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  z-index: 1;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  content: '';
}

@media screen and (max-width: 600px) {
  .key-visual2 .media-zoom-box .thumb-media:before {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 4px;
  }
}

.key-visual2 .media-zoom-box.fade-up {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.key-visual2 .product-info {
  position: absolute;
  inset-inline-start: 50%;
  width: 100%;
  padding: 0 80px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  opacity: 0;
  -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
  transform: translateX(calc(-50% * var(--inline-dir)));
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1281px) {
  .key-visual2 .product-info {
    bottom: 150px;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual2 .product-info {
    bottom: 144px;
    -webkit-padding-start: clamp(0px, calc(25vw + -240px), 80px);
    padding-inline-start: clamp(0px, calc(25vw + -240px), 80px);
    -webkit-padding-end: clamp(0px, calc(25vw + -240px), 80px);
    padding-inline-end: clamp(0px, calc(25vw + -240px), 80px);
  }
}

@media screen and (max-width: 960px) {
  .key-visual2 .product-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
  }
}

@media screen and (max-width: 960px) {
  .key-visual2 .product-info-list {
    margin-top: 20px;
  }
}

.key-visual2 .product-info-item .type-desc-vat {
  margin-top: 2px;
}

.key-visual2 .product-info .left-box .sub-title {
  display: block;
}

.key-visual2 .product-info .btn-box .btn-secondary:hover {
  background-color: rgba(var(--white-fixed-rgb), 0.15);
  color: var(--white-fixed);
}

.key-visual2 .product-info .btn-box .btn-secondary:active {
  background-color: rgba(var(--white-fixed-rgb), 0.2);
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .product-info .btn-box .btn-secondary:not(:hover) {
    color: var(--white-fixed);
  }

  .key-visual2 .product-info .btn-box .btn-secondary:hover {
    background-color: var(--white-fixed);
    color: var(--black-fixed);
  }
}

.key-visual2 .product-info .btn-box .btn-primary:hover {
  background-color: var(--fixed-grey20) !important;
  color: var(--black-fixed);
}

.key-visual2 .product-info .btn-box .btn-primary:active {
  background-color: var(--fixed-grey40) !important;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual2 .product-info .btn-box .btn-primary:not(:hover) {
    background-color: var(--white-fixed);
    color: var(--black-fixed);
  }
}

.key-visual2 .key-visual-control {
  position: absolute;
  inset-inline-start: 50%;
  z-index: 10;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 30px;
  opacity: 0;
  -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
  transform: translateX(calc(-50% * var(--inline-dir)));
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

@media screen and (min-width: 961px) {
  .key-visual2 .key-visual-control {
    bottom: 60px;
  }
}

@media screen and (max-width: 1280px) {
  .key-visual2 .key-visual-control {
    height: auto;
  }
}

.key-visual2 .key-visual-control .key-visual-pagination {
  position: static;
  -webkit-transition: none;
  transition: none;
}

.key-visual2 .key-visual-control .btn-player:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%28255%2C255%2C255%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%28255%2C255%2C255%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  vertical-align: 0;
}

@media screen and (max-width: 960px) {
  .key-visual2 .key-visual-control .btn-player:before {
    width: 10px;
    height: 12px;
    vertical-align: top;
  }
}

.key-visual2 .key-visual-control .btn-player.is-paused:before {
  background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.key-visual2 .key-visual-control .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 5px;
  border-radius: 6px;
  background-color: var(--fixed-grey20);
}

@media screen and (max-width: 600px) {
  .key-visual2 .key-visual-control .swiper-pagination-bullet {
    margin: 0 4px;
  }
}

.key-visual2 .key-visual-control .swiper-pagination-bullet-active {
  width: 60px;
  background-color: transparent;
}

@media screen and (max-width: 600px) {
  .key-visual2 .key-visual-control .swiper-pagination-bullet-active {
    width: 32px;
  }
}

.key-visual2 .title-wrap,
.key-visual2 .title-box .price-box {
  max-width: 910px;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  cursor: text;
}

@media screen and (max-width: 1280px) {

  .key-visual2 .title-wrap,
  .key-visual2 .title-box .price-box {
    max-width: 880px;
  }
}

@media screen and (max-width: 960px) {

  .key-visual2 .title-wrap,
  .key-visual2 .title-box .price-box {
    max-width: 100%;
  }
}

.key-visual2 .custom-cursor {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: auto;
  inset-inline-start: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  opacity: 0;
  visibility: hidden;
  border-radius: 100%;
  pointer-events: none;
  background-color: rgba(48, 62, 72, 0.7);
  -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s, visibility 0.3s;
  transition: width 0.3s, height 0.3s, opacity 0.3s, visibility 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
}

.key-visual2 .custom-cursor:after {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);
  content: '';
}

.key-visual2 .custom-cursor.is-show {
  width: 42px;
  height: 42px;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.key-visual2 .custom-cursor.is-focus {
  width: 32px;
  height: 32px;
}

.key-visual2 .custom-cursor.is-focus .ic {
  width: 14px;
  height: 14px;
}

.key-visual2 .custom-cursor .ic {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), -50%);
  transform: translate(calc(-50% * var(--inline-dir)), -50%);
  width: 20px;
  height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.key-visual2 .custom-cursor .ic-arrowset-outlined-back-24px {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3l-9 9 9 9' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

[dir='rtl'] .key-visual2 .custom-cursor .ic-arrowset-outlined-back-24px {
  -webkit-transform: translateY(-50%) scaleX(var(--inline-dir));
  transform: translateY(-50%) scaleX(var(--inline-dir));
  inset-inline-start: 25%;
}

.key-visual2 .custom-cursor .ic-arrowset-outlined-next-24px {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3l9 9-9 9' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

[dir='rtl'] .key-visual2 .custom-cursor .ic-arrowset-outlined-next-24px {
  -webkit-transform: translateY(-50%) scaleX(var(--inline-dir));
  transform: translateY(-50%) scaleX(var(--inline-dir));
  inset-inline-start: 25%;
}


/* pv5-files/css/kow.module.pbv-kv-usp.css */

.key-visual3.key-visual {
  overflow: visible !important;
}

.key-visual3-fixed {
  height: calc(100% - var(--menuHeight));
  margin-top: 80px;
  padding-bottom: 80px;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3-fixed {
    margin-top: clamp(60px, calc(6.25vw + 0px), 80px);
    padding-bottom: clamp(60px, calc(6.25vw + 0px), 80px);
  }
}

@media screen and (max-width: 960px) {
  .key-visual3-fixed {
    margin-top: 40px;
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual3-fixed {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}

.key-visual3 .key-visual-sticky {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: -webkit-sticky;
  position: sticky;
  top: var(--menuHeight);
  width: 100%;
  height: calc(100vh - var(--menuHeight));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1920px) {
  .key-visual3 .key-visual-sticky {
    max-width: 1920px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual3 .key-visual-sticky {
    padding: 0 32px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual3 .key-visual-sticky {
    -webkit-padding-start: clamp(20px, calc(4.58333vw + 3.5px), 31px);
    padding-inline-start: clamp(20px, calc(4.58333vw + 3.5px), 31px);
    -webkit-padding-end: clamp(20px, calc(4.58333vw + 3.5px), 31px);
    padding-inline-end: clamp(20px, calc(4.58333vw + 3.5px), 31px);
  }
}

.key-visual3 .key-visual-sticky .title-wrap {
  margin: 0 auto;
  padding-top: 80px;
  text-align: center;
}

@media screen and (min-width: 1281px) {
  .key-visual3 .key-visual-sticky .title-wrap {
    max-width: clamp(880px, calc(12.51956vw + 719.62441px), 960px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .key-visual-sticky .title-wrap {
    max-width: clamp(640px, calc(25vw + 400px), 720px);
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual3 .key-visual-sticky .title-wrap {
    padding-top: 60px;
    max-width: clamp(400px, calc(44.44444vw + 133.33333px), 560px);
  }
}

@media screen and (max-width: 600px) {
  .key-visual3 .key-visual-sticky .title-wrap {
    max-width: 320px;
    padding-top: 40px;
  }
}

.key-visual3 .key-visual-sticky .title-wrap .title {
  color: var(--primary);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .key-visual-sticky .title-wrap .title {
    font-size: 3.6rem;
    line-height: 1.38889;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-sticky .title-wrap .title {
    color: var(--on-surface);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
  }
}

.key-visual3 .key-visual-sticky .title-wrap .sub-title {
  display: block;
  margin-top: 16px;
  color: var(--primary-highest);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .key-visual-sticky .title-wrap .sub-title {
    margin-top: 6px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-sticky .title-wrap .sub-title {
    margin-top: 6px;
    color: var(--on-surface);
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.key-visual3 .key-visual-sticky .button-wrap .btn-view {
  border-color: var(--outline-mid);
}

.key-visual3 .key-visual-sticky .button-wrap .btn-view:after {
  -webkit-transform: translateY(-50%) scaleX(var(--inline-dir));
  transform: translateY(-50%) scaleX(var(--inline-dir));
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.335 13.334l5.333-5.333-5.333-5.334' stroke='rgb%285%2C20%2C31%29' stroke-width='1.2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-sticky .button-wrap .btn-view:after {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 601px) {
  .key-visual3 .key-visual-sticky.has-button .text-scroll-item.is-show+.text-scroll-item {
    margin-top: 24px;
  }
}

.key-visual3 .key-visual-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 80px;
  padding: 0 40px 80px;
}

.key-visual3 .key-visual-single .bg-video {
  display: none;
}

.key-visual3 .key-visual-single.video {
  position: relative;
  background: none;
}

.key-visual3 .key-visual-single.video .bg-video {
  display: none;
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-single.video .bg-video {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    z-index: -1;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .key-visual-single {
    margin-top: 60px;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-single {
    margin: 40px 0;
    padding: 0;
    border-radius: 4px;
    background-image: url("../images/cargo/tmp_kv03_mo.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual3 .key-visual-single {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual3 .key-visual-single {
    margin-top: 32px;
  }
}

.key-visual3 .key-visual-full {
  position: relative;
  width: 100%;
  height: calc(100vh - var(--menuHeight));
  background-image: url("../images/cargo/tmp_kv03_1.jpg");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.key-visual3 .key-visual-full.video {
  background-image: none;
}

.key-visual3 .key-visual-full.video .bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  background-image: var(--poster-pc);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.key-visual3 .key-visual-full.video .bg-video.only-mo {
  background-image: var(--poster-mo);
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 80px 0 73px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 760px, #000 760px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .key-visual3 .key-visual-full .bg {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
  }

  .key-visual3 .key-visual-full .bg:after {
    position: absolute;
    bottom: -1px;
    inset-inline-start: 0;
    z-index: 1;
    width: 100%;
    height: 603px;
    background: -webkit-gradient(linear, left top, left bottom, from(calc(0deg * var(--inline-dir))), color-stop(0%, rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(calc(0deg * var(--inline-dir)), rgba(0, 0, 0, 0) 0%, #000 100%);
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0);
    pointer-events: none;
    content: '';
  }

  .key-visual3 .key-visual-full .bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.key-visual3 .key-visual-full:before,
.key-visual3 .key-visual-full:after {
  position: absolute;
  inset-inline-start: 0;
  width: 100%;
  z-index: 1;
  pointer-events: none;
  content: '';
}

.key-visual3 .key-visual-full:before {
  top: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.key-visual3 .key-visual-full:after {
  bottom: 0;
  height: 300px;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(0deg * var(--inline-dir))), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0.4)));
  background: linear-gradient(calc(0deg * var(--inline-dir)), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 90%);
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-full:after {
    height: 603px;
  }
}

@media screen and (min-width: 601px) {
  .key-visual3 .key-visual-full .button-wrap {
    margin-top: 20px;
  }
}

@media screen and (min-width: 1281px) {
  .key-visual3 .key-visual-full .button-wrap {
    margin-top: 28px;
  }
}

.key-visual3 .key-visual-full .button-wrap .btn-view {
  border-color: var(--primary-mid);
  color: var(--surface);
}

.key-visual3 .key-visual-full .button-wrap .btn-view:after {
  -webkit-transform: translateY(-50%) scaleX(var(--inline-dir));
  transform: translateY(-50%) scaleX(var(--inline-dir));
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.335 13.334l5.333-5.333-5.333-5.334' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-full .button-wrap .btn-view:after {
    width: 12px;
    height: 12px;
  }
}

.key-visual3 .key-visual-full .button-wrap .btn-view:hover {
  color: var(--primary);
}

.key-visual3 .key-visual-full .button-wrap .btn-view:hover:after {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.335 13.334l5.333-5.333-5.333-5.334' stroke='rgb%285%2C20%2C31%29' stroke-width='1.2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.key-visual3 .key-visual-full .title-wrap {
  position: absolute;
  top: 120px;
  inset-inline-start: 50%;
  width: 100%;
  -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
  transform: translateX(calc(-50% * var(--inline-dir)));
  z-index: 2;
  text-align: center;
}

@media screen and (min-width: 1281px) {
  .key-visual3 .key-visual-full .title-wrap {
    max-width: 960px;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .key-visual-full .title-wrap {
    max-width: 880px;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-full .title-wrap {
    position: relative;
    top: auto;
    inset-inline-start: auto;
    width: 100%;
    padding: 0 20px;
    -webkit-transform: translateX(calc(0 * var(--inline-dir)));
    transform: translateX(calc(0 * var(--inline-dir)));
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual3 .key-visual-full .title-wrap {
    max-width: clamp(536px, calc(6.66667vw + 496px), 560px);
    margin: 0 auto;
    padding: 0;
  }
}

.key-visual3 .key-visual-full .sub-title {
  display: block;
  margin-top: 16px;
  color: var(--surface);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .key-visual-full .sub-title {
    margin-top: 6px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-full .sub-title {
    margin-top: 6px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.key-visual3 .key-visual-full .title {
  color: var(--surface);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .key-visual-full .title {
    font-size: 3.6rem;
    line-height: 1.38889;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-full .title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
  }
}

.key-visual3 .key-visual-full .other-wrap {
  position: absolute;
  inset-inline-start: 50%;
  bottom: 80px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 1140px;
  -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
  transform: translateX(calc(-50% * var(--inline-dir)));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .key-visual-full .other-wrap {
    max-width: 100%;
    -webkit-padding-start: clamp(40px, calc(25vw + -200px), 120px);
    padding-inline-start: clamp(40px, calc(25vw + -200px), 120px);
    -webkit-padding-end: clamp(40px, calc(25vw + -200px), 120px);
    padding-inline-end: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-full .other-wrap {
    position: static;
    margin-top: 426px;
    padding: 0 20px;
    -webkit-transform: translateX(calc(0 * var(--inline-dir)));
    transform: translateX(calc(0 * var(--inline-dir)));
  }
}

@media screen and (max-width: 600px) {
  .key-visual3 .key-visual-full .other-wrap {
    margin-top: 406px;
    -webkit-padding-start: clamp(44px, calc(15vw + -10px), 80px);
    padding-inline-start: clamp(44px, calc(15vw + -10px), 80px);
    -webkit-padding-end: clamp(44px, calc(15vw + -10px), 80px);
    padding-inline-end: clamp(44px, calc(15vw + -10px), 80px);
  }
}

.key-visual3 .key-visual-full .other-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-full .other-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.key-visual3 .key-visual-full .other-info {
  overflow: hidden;
  position: relative;
  width: calc((100% - 240px) / 3);
  color: var(--surface);
  text-align: center;
  margin: 0 40px;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .key-visual-full .other-info {
    width: clamp(267px, calc(10.3125vw + 168px), 300px);
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-margin-start: clamp(40px, calc(9.375vw + -50px), 70px);
    margin-inline-start: clamp(40px, calc(9.375vw + -50px), 70px);
  }

  .key-visual3 .key-visual-full .other-info:first-child {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-full .other-info {
    width: 100%;
    margin: 60px 0 0;
  }

  .key-visual3 .key-visual-full .other-info:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual3 .key-visual-full .other-info {
    margin: 60px auto 0;
    max-width: 440px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual3 .key-visual-full .other-info {
    min-width: 272px;
  }
}

.key-visual3 .key-visual-full .other-info .text-title {
  margin-bottom: 6px;
  color: var(--surface);
  font-size: 3.6rem;
  line-height: 1.38889;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .key-visual-full .other-info .text-title {
    font-size: 3rem;
    line-height: 1.33333;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-full .other-info .text-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px;
    font-size: 2.4rem;
    line-height: 1.33333;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-full .other-info .text-unit {
    font-size: 2.4rem;
    line-height: 1.33333;
  }
}

.key-visual3 .key-visual-full .other-info .text-desc {
  margin-bottom: 6px;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--surface);
  font-size: 1.6rem;
  line-height: 1.5;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .key-visual-full .other-info .text-desc {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .key-visual-full .other-info .text-desc {
    margin-bottom: 4px;
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

.key-visual3 .key-visual-full .other-info .text-opacity {
  margin-bottom: 0;
  color: var(--surface-mid);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.57143;
}

@media screen and (max-width: 1280px) {
  .key-visual3 .key-visual-full .other-info .text-opacity {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.key-visual3 .button-wrap {
  margin-top: 28px;
}

@media screen and (max-width: 960px) {
  .key-visual3 .button-wrap {
    margin-top: 16px;
  }
}

.key-visual3 .button-wrap .btn-view {
  min-width: auto;
  -webkit-padding-start: 28px;
  padding-inline-start: 28px;
  -webkit-padding-end: 40px;
  padding-inline-end: 40px;
  font-size: 1.4rem;
  line-height: 1.57143;
}

@media screen and (max-width: 960px) {
  .key-visual3 .button-wrap .btn-view {
    height: 32px;
    -webkit-padding-start: 18px;
    padding-inline-start: 18px;
    -webkit-padding-end: 26px;
    padding-inline-end: 26px;
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

.key-visual3 .button-wrap .btn-view:after {
  position: absolute;
  top: 50%;
  inset-inline-end: 18px;
  margin-top: -1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

@media screen and (max-width: 960px) {
  .key-visual3 .button-wrap .btn-view:after {
    inset-inline-end: 10px;
  }
}

.key-visual3 .left-box {
  position: relative;
  width: 67.8%;
  max-width: clamp(808px, calc(68.85759vw + -74.06573px), 1248px);
}

@media screen and (min-width: 1920px) {
  .key-visual3 .left-box {
    max-width: 100%;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .left-box {
    width: 74.5%;
    max-width: clamp(612px, calc(85.9375vw + -213px), 887px);
  }
}

.key-visual3 .left-box img {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
}

.key-visual3 .left-box .video {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  -o-object-position: center;
  object-position: center;
  background-image: var(--poster-pc);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.key-visual3 .left-box .video.only-mo {
  background-image: var(--poster-mo);
}

.key-visual3 .right-box {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 252px;
  -webkit-margin-start: 60px;
  margin-inline-start: 60px;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .right-box {
    max-width: clamp(228px, calc(7.5vw + 156px), 252px);
    -webkit-margin-start: clamp(40px, calc(6.25vw + -20px), 60px);
    margin-inline-start: clamp(40px, calc(6.25vw + -20px), 60px);
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .right-box {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    max-width: 100%;
    width: 100%;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }
}

.key-visual3 .right-box:after {
  position: absolute;
  bottom: -3px;
  inset-inline-start: 0;
  width: 100%;
  max-height: 200px;
  height: 33%;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(180deg * var(--inline-dir))), color-stop(0%, rgba(255, 255, 255, 0)), to(#ffffff));
  background: linear-gradient(calc(180deg * var(--inline-dir)), rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  content: '';
}

@media screen and (max-width: 960px) {
  .key-visual3 .right-box:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: 1;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 100%);
  }
}

.key-visual3 .text-scroll-list {
  overflow: hidden;
  position: relative;
  height: 100%;
}

@media screen and (max-width: 960px) {
  .key-visual3 .text-scroll-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.key-visual3 .text-scroll-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

@media screen and (max-width: 960px) {
  .key-visual3 .text-scroll-item {
    max-width: 272px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0.1;
    text-align: center;
  }
}

.key-visual3 .text-scroll-item.is-show {
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.key-visual3 .text-scroll-item.is-show+.text-scroll-item {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.key-visual3 .text-scroll-item.is-exit {
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.key-visual3 .other-info .text-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 6px;
  color: var(--primary);
  -webkit-transition: font-size 0.4s;
  transition: font-size 0.4s;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.38889;
}

@media screen and (min-width: 601px) {
  .key-visual3 .other-info .text-title {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .other-info .text-title {
    font-size: 3rem;
    line-height: 1.33333;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .other-info .text-title {
    margin-bottom: 2px;
    color: var(--surface);
    font-size: 2.8rem;
    line-height: 1.35714;
  }
}

.key-visual3 .other-info .text-unit {
  -webkit-margin-start: 6px;
  margin-inline-start: 6px;
  letter-spacing: -0.02em;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .other-info .text-unit {
    margin-bottom: 6px;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .other-info .text-unit {
    margin-block: 0 3px;
    margin-inline: 2px 0;
    letter-spacing: 0;
  }
}

.key-visual3 .other-info .text-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  color: var(--primary);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.57143;
}

@media screen and (min-width: 601px) {
  .key-visual3 .other-info .text-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .key-visual3 .other-info .text-desc.text-opacity {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .other-info .text-desc {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .other-info .text-desc {
    margin-bottom: 4px;
    color: var(--surface);
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.key-visual3 .other-info .text-opacity {
  margin-bottom: 0;
  font-weight: 400;
  color: var(--on-surface-mid);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual3 .other-info .text-opacity {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

@media screen and (max-width: 960px) {
  .key-visual3 .other-info .text-opacity {
    color: var(--surface-mid);
  }
}

.key-visual3 .only-pc {
  display: block;
}

@media screen and (max-width: 960px) {
  .key-visual3 .only-pc {
    display: none;
  }
}

.key-visual3 .only-mo {
  display: none;
}

@media screen and (max-width: 960px) {
  .key-visual3 .only-mo {
    display: block;
  }
}


/* pv5-files/css/kow.module.pbv-section-parallax.css */

.section-parallax {
  padding-top: clamp(120px, calc(6.25978vw + 39.81221px), 160px);
  padding-bottom: clamp(120px, calc(6.25978vw + 39.81221px), 160px);
}

@media screen and (max-width: 960px) {
  .section-parallax {
    padding: 80px 0;
  }
}

.section-parallax .title-wrap {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1281px) {
  .section-parallax .title-wrap {
    width: 1040px;
    -webkit-margin-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
    margin-inline-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-parallax .title-wrap {
    width: 880px;
    -webkit-margin-start: clamp(40px, calc(25vw + -200px), 120px);
    margin-inline-start: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media (min-width: 1920px) {
  .section-parallax .title-wrap {
    -webkit-margin-start: calc((100vw - 1280px) / 2);
    margin-inline-start: calc((100vw - 1280px) / 2);
  }
}

@media screen and (max-width: 960px) {
  .section-parallax .title-wrap {
    width: 536px;
    -webkit-margin-start: 32px;
    margin-inline-start: 32px;
  }
}

@media screen and (max-width: 600px) {
  .section-parallax .title-wrap {
    width: 100%;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.section-parallax .title-wrap .title {
  font-size: clamp(36px, calc(1.87793vw + 11.94366px), 48px);
  line-height: clamp(50px, calc(1.87793vw + 25.94366px), 62px);
  font-weight: 700;
  color: var(--on-surface);
}

.section-parallax .title-wrap .sub-title {
  display: block;
  margin-top: 16px;
  font-size: clamp(16px, calc(0.62598vw + 7.98122px), 20px);
  line-height: clamp(24px, calc(0.62598vw + 15.98122px), 28px);
  font-weight: 400;
  color: var(--on-surface);
}

@media screen and (max-width: 960px) {
  .section-parallax .title-wrap {
    margin-bottom: 0;
  }

  .section-parallax .title-wrap .title {
    font-size: 2rem;
    line-height: 1.4;
  }

  .section-parallax .title-wrap .sub-title {
    margin-top: 6px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.section-parallax .model-box {
  max-width: 640px;
  margin-top: 40px;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: clamp(80px, calc(31.2989vw + -320.93897px), 280px);
  margin-inline-end: clamp(80px, calc(31.2989vw + -320.93897px), 280px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-parallax .model-title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.33333;
  color: var(--on-surface);
}

@media screen and (min-width: 601px) {
  .section-parallax .model-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}

.section-parallax .model-subtitle {
  margin-top: 8px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--on-surface-highest);
}

@media screen and (min-width: 601px) {
  .section-parallax .model-subtitle {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 1280px) {
  .section-parallax .model-box {
    max-width: clamp(531px, calc(49.6875vw + 54px), 690px);
    margin-top: 28px;
    -webkit-margin-end: clamp(0px, calc(25vw + -240px), 80px);
    margin-inline-end: clamp(0px, calc(25vw + -240px), 80px);
  }

  .section-parallax .model-title {
    font-size: 2rem;
    line-height: 1.4;
  }

  .section-parallax .model-subtitle {
    margin-top: 4px;
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {
  .section-parallax .model-box {
    margin-top: 16px;
    max-width: clamp(347px, calc(55.27778vw + 15.33333px), 546px);
    -webkit-margin-end: 0;
    margin-inline-end: 0;
  }

  .section-parallax .model-title {
    font-size: 1.4rem;
    line-height: 1.57143;
  }

  .section-parallax .model-subtitle {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

@media screen and (max-width: 600px) {
  .section-parallax .model-box {
    max-width: 100%;
  }
}

.section-parallax.type-vertical {
  max-width: 1920px;
  margin: 0 auto;
}

.section-parallax.type-vertical.no-padding {
  padding: 0;
}

.section-parallax.type-vertical .card-box-slider {
  -webkit-padding-end: 40px;
  padding-inline-end: 40px;
  -webkit-padding-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  padding-inline-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  padding-top: 60px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-parallax.type-vertical .card-box-slider .swiper-slide {
  height: auto;
}

@media screen and (min-width: 961px) {
  .section-parallax.type-vertical .card-box-slider .swiper-slide .model-box {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .section-parallax.type-vertical .card-box-slider .swiper-slide-active .model-box {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .section-parallax.type-vertical .card-box-slider .swiper-slide-prev .model-box {
    opacity: 0;
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
  }
}

@media screen and (max-width: 1280px) {
  .section-parallax.type-vertical .card-box-slider {
    -webkit-padding-start: clamp(40px, calc(25vw + -200px), 120px);
    padding-inline-start: clamp(40px, calc(25vw + -200px), 120px);
    padding-top: 40px;
  }
}

@media screen and (max-width: 960px) {
  .section-parallax.type-vertical .card-box-slider {
    width: 100%;
    margin-top: 15px;
    padding: 25px 32px 0 32px;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }

  .section-parallax.type-vertical .card-box-slider .swiper-slide {
    background-color: #fff;
  }
}

@media screen and (max-width: 600px) {
  .section-parallax.type-vertical .card-box-slider {
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.section-parallax.type-vertical .model-thumbnail {
  position: relative;
  height: 620px;
  border-radius: 8px;
  overflow: hidden;
}

.section-parallax.type-vertical .model-thumbnail .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .section-parallax.type-vertical .model-thumbnail .image.only-pc {
    display: block !important;
  }
}

@media screen and (max-width: 1280px) {
  .section-parallax.type-vertical .model-thumbnail {
    height: 440px;
  }
}

@media screen and (max-width: 960px) {
  .section-parallax.type-vertical .model-thumbnail {
    height: 356px;
    border-radius: 4px;
  }
}

@media screen and (max-width: 600px) {
  .section-parallax.type-vertical .model-thumbnail {
    height: clamp(200px, calc(56.25vw + -2.5px), 335px);
  }
}

.section-parallax.type-vertical .pagination-control-wrap {
  top: 720px;
  inset-inline-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
}

@media screen and (max-width: 1280px) {
  .section-parallax.type-vertical .pagination-control-wrap {
    top: 508px;
    inset-inline-start: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media screen and (max-width: 960px) {
  .section-parallax.type-vertical .pagination-control-wrap {
    top: 397px;
    inset-inline-start: 32px;
  }
}

@media screen and (max-width: 600px) {
  .section-parallax.type-vertical .pagination-control-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: clamp(24px, calc(2.5vw + 15px), 30px);
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }
}

.section-parallax.type-vertical .custom-cursor-box {
  position: absolute;
  top: 60px;
  inset-inline-start: 0;
  width: 100vw;
  height: 620px;
  z-index: 2;
  cursor: none;
}

@media screen and (max-width: 1280px) {
  .section-parallax.type-vertical .custom-cursor-box {
    top: 40px;
    height: 440px;
  }
}

@media screen and (max-width: 960px) {
  .section-parallax.type-vertical .custom-cursor-box {
    top: 25px;
    height: 356px;
  }
}

@media screen and (max-width: 600px) {
  .section-parallax.type-vertical .custom-cursor-box {
    height: clamp(200px, calc(56.25vw + -2.5px), 335px);
  }
}

@media (min-width: 1920px) {
  .section-parallax.type-vertical .title-wrap {
    -webkit-margin-start: calc((1920px - 1280px) / 2);
    margin-inline-start: calc((1920px - 1280px) / 2);
  }
}

.section-parallax.type-full {
  padding: 160px 0 0;
}

.section-parallax.type-full.no-padding {
  padding: 0;
}

.section-parallax.type-full .title-wrap {
  margin-bottom: 60px;
}

@media screen and (max-width: 1280px) {
  .section-parallax.type-full .title-wrap {
    margin-bottom: 40px;
  }
}

.section-parallax.type-full .card-box {
  position: relative;
  margin: 0;
  padding: 0;
}

.section-parallax.type-full .card-box-slider {
  cursor: none;
}

@media screen and (min-width: 961px) {
  .section-parallax.type-full .card-box-slider .swiper-slide .model-box {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .section-parallax.type-full .card-box-slider .swiper-slide-active .model-box {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .section-parallax.type-full .card-box-slider .swiper-slide-prev .model-box {
    opacity: 0;
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
  }
}

@media screen and (max-width: 960px) {
  .section-parallax.type-full .card-box {
    margin-top: 0;
  }
}

.section-parallax.type-full .card-control-wrap {
  top: 87px;
}

@media (min-width: 1320px) {
  .section-parallax.type-full .card-control-wrap {
    inset-inline-start: calc((100% - 1280px) / 2);
  }
}

.section-parallax.type-full .card-progressbar {
  background-color: rgba(255, 255, 255, 0.4);
}

.section-parallax.type-full .card-progressbar .swiper-pagination-progressbar-fill {
  background-color: var(--white-fixed);
}

.section-parallax.type-full .pagination-control-wrap {
  position: absolute;
  top: clamp(60px, calc(3.12989vw + 19.9061px), 80px);
  inset-inline-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  z-index: 1;
}

.section-parallax.type-full .pagination-control-wrap .pagination-current,
.section-parallax.type-full .pagination-control-wrap .pagination-total {
  color: #fff;
}

.section-parallax.type-full .pagination-control-wrap .pagination-total {
  opacity: 0.4;
}

.section-parallax.type-full .pagination-control-wrap .swiper-pagination-progressbar {
  background-color: rgba(255, 255, 255, 0.4);
}

.section-parallax.type-full .pagination-control-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #fff;
}

@media (min-width: 1920px) {
  .section-parallax.type-full .pagination-control-wrap {
    inset-inline-start: calc((100vw - 1280px) / 2);
  }
}

.section-parallax.type-full .model-card {
  width: 100%;
  z-index: 1;
}

.section-parallax.type-full .model-card::before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 2;
  width: 100%;
  height: 50%;
  opacity: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(0deg * var(--inline-dir))), color-stop(31.64%, rgba(123, 123, 123, 0)), to(rgba(0, 0, 0, 0.4)));
  background: linear-gradient(calc(0deg * var(--inline-dir)), rgba(123, 123, 123, 0) 31.64%, rgba(0, 0, 0, 0.4) 100%);
  pointer-events: none;
  content: '';
}

.section-parallax.type-full .model-card.is-active::before {
  opacity: 1;
}

.section-parallax.type-full .model-card.is-active .model-box {
  top: 80px;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), 0);
  transform: translate(calc(-50% * var(--inline-dir)), 0);
}

.section-parallax.type-full .model-card.is-previous .model-box {
  top: 0;
}

.section-parallax.type-full .model-thumbnail {
  position: relative;
  height: calc(100vh - var(--menuHeight));
  border-radius: 0;
}

.section-parallax.type-full .model-thumbnail .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .section-parallax.type-full .model-thumbnail .image.only-pc {
    display: block !important;
  }
}

.section-parallax.type-full .model-box {
  position: absolute;
  top: clamp(60px, calc(3.12989vw + 19.9061px), 80px);
  inset-inline-end: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  width: 100%;
  margin: 0;
  z-index: 2;
}

@media (min-width: 1920px) {
  .section-parallax.type-full .model-box {
    inset-inline-end: calc((100vw - 1280px) / 2);
  }
}

.section-parallax.type-full .model-title,
.section-parallax.type-full .model-subtitle {
  color: var(--surface);
}

.section-parallax.type-full .model-title {
  font-size: 2.8rem;
  line-height: 1.35714;
}

.section-parallax.type-full .model-subtitle {
  margin-top: 12px;
}

.section-parallax.type-full .swiper-slide::before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 1;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(0deg * var(--inline-dir))), color-stop(31.64%, rgba(123, 123, 123, 0)), to(rgba(0, 0, 0, 0.4)));
  background: linear-gradient(calc(0deg * var(--inline-dir)), rgba(123, 123, 123, 0) 31.64%, rgba(0, 0, 0, 0.4) 100%);
  pointer-events: none;
  content: '';
}

@media screen and (max-width: 600px) {
  .section-parallax.type-full .swiper-slide::before {
    height: 260px;
  }
}

@media screen and (max-width: 1280px) {
  .section-parallax.type-full {
    padding: 120px 0 0;
  }

  .section-parallax.type-full .model-box {
    top: 40px;
    inset-inline-end: clamp(40px, calc(25vw + -200px), 120px);
  }

  .section-parallax.type-full .model-title {
    font-size: 2rem;
    line-height: 1.4;
  }

  .section-parallax.type-full .model-subtitle {
    margin-top: 6px;
    font-size: 1.4rem;
    line-height: 1.57143;
  }

  .section-parallax.type-full .pagination-control-wrap {
    top: 40px;
    inset-inline-start: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media screen and (max-width: 960px) {
  .section-parallax.type-full {
    padding: 80px 0 0;
  }

  .section-parallax.type-full .card-box-slider {
    margin-top: 0;
  }

  .section-parallax.type-full .model-box {
    inset-inline-end: 32px;
  }

  .section-parallax.type-full .model-title {
    font-size: 1.6rem;
    line-height: 1.5;
  }

  .section-parallax.type-full .model-subtitle {
    font-size: 1.2rem;
    line-height: 1.66667;
  }

  .section-parallax.type-full .pagination-control-wrap {
    inset-inline-start: 32px;
  }
}

@media screen and (max-width: 600px) {
  .section-parallax.type-full .model-box {
    right: 0;
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }

  .section-parallax.type-full .pagination-control-wrap {
    top: auto;
    bottom: 32px;
    inset-inline-start: 50%;
    -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
    transform: translateX(calc(-50% * var(--inline-dir)));
  }
}

.section-parallax .pagination-control-wrap {
  position: absolute;
  z-index: 1;
}

.section-parallax .model-thumbnail .video {
  width: 100%;
  height: 100%;
  background-image: var(--poster-pc);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: center;
  -o-object-position: center;
  object-position: center;
}

.section-parallax .model-thumbnail .video.only-mo {
  background-image: var(--poster-mo);
}

.custom-cursor {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: auto;
  left: auto;
  inset-inline-start: auto;
  inset-inline-end: auto;
  z-index: 100;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), -50%);
  transform: translate(calc(-50% * var(--inline-dir)), -50%);
  width: 30px;
  height: 30px;
  opacity: 0;
  visibility: hidden;
  border-radius: 100%;
  pointer-events: none;
  background-color: rgba(48, 62, 72, 0.7);
  -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s, visibility 0.3s;
  transition: width 0.3s, height 0.3s, opacity 0.3s, visibility 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.custom-cursor.is-show {
  width: 42px;
  height: 42px;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), -50%);
  transform: translate(calc(-50% * var(--inline-dir)), -50%);
}

.custom-cursor.is-focus {
  width: 32px;
  height: 32px;
}

.custom-cursor.is-focus .ic {
  width: 14px;
  height: 14px;
}

.custom-cursor .ic {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), -50%);
  transform: translate(calc(-50% * var(--inline-dir)), -50%);
  width: 20px;
  height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.custom-cursor .ic-arrowset-outlined-back-24px {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3l-9 9 9 9' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.custom-cursor .ic-arrowset-outlined-next-24px {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3l9 9-9 9' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}


/* pv5-files/css/kow.module.pbv-card-switcher.css */

.section-card-switcher {
  position: relative;
  max-width: 2560px;
  margin: 0 auto;
  padding: 160px 0;
  overflow-x: hidden;
}

.section-card-switcher.section-card-switcher-type-large {
  max-width: 1920px;
}

.section-card-switcher.section-card-switcher-type-large .tab-card {
  width: 100%;
}

.section-card-switcher.section-card-switcher-type-large .tab-swiper {
  -webkit-margin-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  margin-inline-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
}

@media screen and (max-width: 1280px) {
  .section-card-switcher.section-card-switcher-type-large .tab-swiper {
    -webkit-margin-start: clamp(40px, calc(25vw + -200px), 120px);
    margin-inline-start: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher.section-card-switcher-type-large .tab-swiper {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }
}

.section-card-switcher.section-card-switcher-type-large .tab-content {
  -webkit-margin-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  margin-inline-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
}

@media screen and (max-width: 1280px) {
  .section-card-switcher.section-card-switcher-type-large .tab-content {
    -webkit-margin-start: clamp(40px, calc(25vw + -200px), 120px);
    margin-inline-start: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher.section-card-switcher-type-large .tab-content {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }
}

.section-card-switcher.section-card-switcher-type-large .pagination-control-wrap {
  -webkit-transform: translateX(calc(calc(-15.64945vw + 140.46948px) * var(--inline-dir)));
  transform: translateX(calc(calc(-15.64945vw + 140.46948px) * var(--inline-dir)));
}

@media (min-width: 1920px) {
  .section-card-switcher.section-card-switcher-type-large .pagination-control-wrap {
    -webkit-transform: translateX(calc(calc((1920px - 1280px) / -4) * var(--inline-dir)));
    transform: translateX(calc(calc((1920px - 1280px) / -4) * var(--inline-dir)));
  }
}

@media screen and (max-width: 1280px) {
  .section-card-switcher.section-card-switcher-type-large .pagination-control-wrap {
    -webkit-transform: translateX(calc(calc(-12.5vw + 100px) * var(--inline-dir)));
    transform: translateX(calc(calc(-12.5vw + 100px) * var(--inline-dir)));
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher.section-card-switcher-type-large .pagination-control-wrap {
    -webkit-transform: translateX(calc(0 * var(--inline-dir)));
    transform: translateX(calc(0 * var(--inline-dir)));
  }
}

@media (min-width: 1920px) {
  .section-card-switcher.section-card-switcher-type-large .title-wrap {
    -webkit-margin-start: calc((1920px - 1280px) / 2);
    margin-inline-start: calc((1920px - 1280px) / 2);
  }
}

.section-card-switcher.section-card-switcher-full-width .tab-card {
  width: 100%;
}

.section-card-switcher.section-card-switcher-full-width .tab-swiper {
  -webkit-margin-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  margin-inline-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
}

@media (min-width: 1920px) {
  .section-card-switcher.section-card-switcher-full-width .tab-swiper {
    -webkit-margin-start: calc((100vw - 1300px) / 2);
    margin-inline-start: calc((100vw - 1300px) / 2);
  }
}

@media screen and (min-width: 2560px) {
  .section-card-switcher.section-card-switcher-full-width .tab-swiper {
    -webkit-margin-start: calc((2560px - 1300px) / 2);
    margin-inline-start: calc((2560px - 1300px) / 2);
  }
}

@media screen and (max-width: 1280px) {
  .section-card-switcher.section-card-switcher-full-width .tab-swiper {
    -webkit-margin-start: clamp(40px, calc(25vw + -200px), 120px);
    margin-inline-start: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher.section-card-switcher-full-width .tab-swiper {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }
}

.section-card-switcher.section-card-switcher-full-width .card-slider .swiper-slide {
  max-width: clamp(1040px, calc(37.55869vw + 558.87324px), 1280px);
}

@media screen and (max-width: 1280px) {
  .section-card-switcher.section-card-switcher-full-width .card-slider .swiper-slide {
    max-width: clamp(880px, calc(50vw + 400px), 1040px);
  }
}

.section-card-switcher .title-wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1281px) {
  .section-card-switcher .title-wrap {
    width: 1040px;
    -webkit-margin-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
    margin-inline-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-card-switcher .title-wrap {
    width: 880px;
    -webkit-margin-start: clamp(40px, calc(25vw + -200px), 120px);
    margin-inline-start: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media (min-width: 1920px) {
  .section-card-switcher .title-wrap {
    -webkit-margin-start: calc((100vw - 1280px) / 2);
    margin-inline-start: calc((100vw - 1280px) / 2);
  }
}

@media screen and (min-width: 2560px) {
  .section-card-switcher .title-wrap {
    -webkit-margin-start: calc((2560px - 1280px) / 2);
    margin-inline-start: calc((2560px - 1280px) / 2);
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .title-wrap {
    width: 536px;
    -webkit-margin-start: 32px;
    margin-inline-start: 32px;
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .title-wrap {
    width: 100%;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.section-card-switcher .title-wrap .title {
  margin-bottom: 16px;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.16667;
  color: var(--on-surface);
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .title-wrap .title {
    margin-bottom: 6px;
  }
}

.section-card-switcher .title-wrap .sub-title {
  margin-top: 14px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--on-surface);
}

.section-card-switcher .tab-card {
  margin: 60px auto 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1281px) {
  .section-card-switcher .tab-card {
    width: clamp(1040px, calc(37.55869vw + 558.87324px), 1280px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-card-switcher .tab-card {
    width: clamp(880px, calc(50vw + 400px), 1040px);
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .tab-card {
    padding: 0 32px;
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .tab-card {
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .tab-btn {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .tab-btn {
    padding: 8px 14px !important;
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    line-height: 1.53846 !important;
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .tab-btn {
    min-width: auto;
    padding: 7px 14px !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }
}

.section-card-switcher .tab-panel-slider-wrap {
  position: relative;
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .tab-content {
    margin-top: 28px;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .tab-content {
    margin-top: 20px;
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .tab-content {
    margin-top: 16px;
  }
}

.section-card-switcher .model-thumbnail {
  position: relative;
  padding-top: 59.5%;
  border-radius: 8px;
  overflow: hidden;
}

.section-card-switcher .model-thumbnail .image {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .section-card-switcher .model-thumbnail .image.only-pc {
    display: block !important;
  }
}

.section-card-switcher .model-thumbnail video {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .model-thumbnail {
    border-radius: 4px;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .model-thumbnail {
    height: 448px;
    padding-top: 0;
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .model-thumbnail {
    height: clamp(280px, calc(70vw + 28px), 448px);
  }
}

.section-card-switcher .model-box {
  margin-top: 18px;
}

@media screen and (min-width: 601px) {
  .section-card-switcher .model-box {
    padding: 0 4px;
  }
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .model-box {
    margin-top: 16px;
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .model-box {
    margin-top: 16px;
  }
}

.section-card-switcher .model-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.33333;
  color: var(--on-surface);
}

@media screen and (min-width: 601px) {
  .section-card-switcher .model-title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .model-title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .model-title {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

.section-card-switcher .model-subtitle {
  margin-top: 8px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface-highest);
}

@media screen and (min-width: 601px) {
  .section-card-switcher .model-subtitle {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .model-subtitle {
    margin-top: 4px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .model-subtitle {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

.section-card-switcher .card-slider.type-horizontal {
  overflow: hidden;
  width: 100vw;
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .section-card-switcher .card-slider.type-horizontal .swiper-slide {
    max-width: 480px;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-card-switcher .card-slider.type-horizontal .swiper-slide {
    width: auto;
  }

  .section-card-switcher .card-slider.type-horizontal .model-card {
    max-width: clamp(434px, calc(25vw + 194px), 514px);
  }

  .section-card-switcher .card-slider.type-horizontal.type-two .swiper-slide,
  .section-card-switcher .card-slider.type-horizontal.type-two .model-card {
    max-width: 100%;
  }
}

@media screen and (min-width: 1281px) {
  .section-card-switcher .card-slider.type-horizontal .pagination-control-wrap {
    -webkit-transform: translateX(calc(calc(-31.2989vw + 280.93897px) * var(--inline-dir)));
    transform: translateX(calc(calc(-31.2989vw + 280.93897px) * var(--inline-dir)));
  }

  .section-card-switcher .card-slider.type-horizontal .swiper-slide {
    width: auto;
  }

  .section-card-switcher .card-slider.type-horizontal .model-card {
    width: clamp(512px, calc(18.46635vw + 275.44601px), 630px);
  }
}

@media (min-width: 1920px) {
  .section-card-switcher .card-slider.type-horizontal .pagination-control-wrap {
    -webkit-transform: translateX(calc(calc((100vw - 1280px) / -2) * var(--inline-dir)));
    transform: translateX(calc(calc((100vw - 1280px) / -2) * var(--inline-dir)));
  }
}

@media screen and (min-width: 2560px) {
  .section-card-switcher .card-slider.type-horizontal {
    width: calc(100% + (2560px - 1280px) / 2);
  }

  .section-card-switcher .card-slider.type-horizontal .pagination-control-wrap {
    -webkit-transform: translateX(calc(calc((1920px - 1280px) / -2) * var(--inline-dir)));
    transform: translateX(calc(calc((1920px - 1280px) / -2) * var(--inline-dir)));
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-card-switcher .card-slider.type-horizontal .pagination-control-wrap {
    -webkit-transform: translateX(calc(calc(-25vw + 200px) * var(--inline-dir)));
    transform: translateX(calc(calc(-25vw + 200px) * var(--inline-dir)));
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-slider.type-horizontal .pagination-control-wrap {
    -webkit-transform: translateX(calc(calc(-32px) * var(--inline-dir)));
    transform: translateX(calc(calc(-32px) * var(--inline-dir)));
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .card-slider.type-horizontal .pagination-control-wrap {
    -webkit-transform: translateX(calc(calc(-5vw + -2px) * var(--inline-dir)));
    transform: translateX(calc(calc(-5vw + -2px) * var(--inline-dir)));
  }

  .section-card-switcher .card-slider.type-horizontal .swiper-slide {
    width: auto;
  }

  .section-card-switcher .card-slider.type-horizontal .model-card {
    width: clamp(300px, calc(75vw + 30px), 480px);
  }
}

@media screen and (min-width: 961px) {
  .section-card-switcher .card-slider.type-horizontal.type-two {
    width: 100%;
  }
}

.section-card-switcher .card-slider-type-small .model-thumbnail {
  height: clamp(380px, calc(14.86698vw + 189.55399px), 475px);
  padding-top: 0;
  background-color: #ebebeb;
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-slider-type-small .model-thumbnail {
    padding-top: 0;
    height: 380px;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-slider-type-small .model-thumbnail {
    height: 635px;
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .card-slider-type-small .model-thumbnail {
    height: clamp(380px, calc(106.25vw + -2.5px), 635px);
  }
}

.section-card-switcher .card-slider-type-small .model-box {
  -webkit-padding-end: 433px;
  padding-inline-end: 433px;
  margin-top: 28px;
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-slider-type-small .model-box {
    margin-top: 20px;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-slider-type-small .model-box {
    margin-top: 150px;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .card-slider-type-small .model-box {
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    margin-top: clamp(102px, calc(20vw + 30px), 150px);
  }
}

.section-card-switcher .card-slider-type-small .model-title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.33333;
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-slider-type-small .model-title {
    font-size: 2rem;
    line-height: 1.4;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-slider-type-small .model-title {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

.section-card-switcher .card-slider-type-small .model-subtitle {
  font-size: 1.6rem;
  line-height: 1.5;
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-slider-type-small .model-subtitle {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-slider-type-small .model-subtitle {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

.section-card-switcher .card-slider-type-small .swiper-slide {
  height: auto;
  background-color: #fff;
}

.section-card-switcher .card-slider-type-small.switcher-small-two .model-box {
  -webkit-padding-end: 345px;
  padding-inline-end: 345px;
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-slider-type-small.switcher-small-two .model-box {
    -webkit-padding-end: 0;
    padding-inline-end: 0;
  }
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-slider-type-small~.pagination-control-wrap {
    margin-top: 24px;
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .card-slider-type-small.type-one .model-box {
    margin-top: 16px;
  }
}

.section-card-switcher .card-slider-type-small-thumbnail {
  position: absolute;
  inset-inline-end: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 318px;
  top: clamp(404px, calc(14.86698vw + 213.55399px), 499px);
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-slider-type-small-thumbnail {
    top: calc(380px + 20px);
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-slider-type-small-thumbnail {
    top: 649px;
    inset-inline-end: auto;
    inset-inline-start: 0;
    width: 100%;
    max-width: 536px;
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .card-slider-type-small-thumbnail {
    top: clamp(394px, calc(106.25vw + 30.5px), 649px);
  }
}

.section-card-switcher .card-slider-type-small-thumbnail.switcher-small-two .swiper-wrapper {
  -webkit-transform: translate(0) !important;
  transform: translate(0) !important;
}

@media screen and (min-width: 961px) {
  .section-card-switcher .card-slider-type-small-thumbnail.switcher-small-two {
    width: 230px;
  }

  .section-card-switcher .card-slider-type-small-thumbnail.switcher-small-two .swiper-slide {
    width: auto !important;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-slider-type-small-thumbnail.switcher-small-two {
    width: 100%;
  }

  .section-card-switcher .card-slider-type-small-thumbnail.switcher-small-two .image-thumbnail {
    width: 100%;
  }

  .section-card-switcher .card-slider-type-small-thumbnail.switcher-small-two .swiper-slide-thumb-active .image-thumbnail {
    width: 100%;
  }
}

.section-card-switcher .card-slider-type-small-thumbnail .image-thumbnail {
  position: relative;
  width: 100%;
  height: 82px;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-card-switcher .card-slider-type-small-thumbnail .image-thumbnail .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .section-card-switcher .card-slider-type-small-thumbnail .image-thumbnail .image.only-pc {
    display: block !important;
  }
}

.section-card-switcher .card-slider-type-small-thumbnail .image-thumbnail .video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-slider-type-small-thumbnail .image-thumbnail {
    width: auto;
    height: 120px;
  }

  .section-card-switcher .card-slider-type-small-thumbnail .image-thumbnail .image {
    -o-object-fit: cover;
    object-fit: cover;
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .card-slider-type-small-thumbnail .image-thumbnail {
    width: auto;
    height: clamp(72px, calc(20vw + 0px), 120px);
  }
}

.section-card-switcher .card-slider-type-small-thumbnail .swiper-slide {
  width: auto;
}

.section-card-switcher .card-slider-type-small-thumbnail .swiper-slide-thumb-active .image-thumbnail {
  padding: 3px;
  border: 3px solid #000;
  border-radius: 3px;
}


/* @media screen and (max-width: 960px) {
  .section-card-switcher .card-slider-type-small-thumbnail .swiper-slide-thumb-active .image-thumbnail {
    width: 279px;
    border-width: 2px;
    padding: 2px;
  }
} */


/* @media screen and (max-width: 600px) {
  .section-card-switcher .card-slider-type-small-thumbnail .swiper-slide-thumb-active .image-thumbnail {
    width: clamp(156px, calc(51.25vw + -28.5px), 279px);
  }
} */


/* @media screen and (max-width: 960px) {
  .pv5-cargo-page .section-card-switcher .card-slider-type-small-thumbnail {
    width: 100%;
    max-width: none;
  }

  .pv5-cargo-page .section-card-switcher .card-slider-type-small-thumbnail .swiper-wrapper {
    justify-content: flex-start;
  }

  .pv5-cargo-page .section-card-switcher .card-slider-type-small-thumbnail .image-thumbnail,
  .pv5-cargo-page .section-card-switcher .card-slider-type-small-thumbnail .swiper-slide-thumb-active .image-thumbnail {
    width: calc((100% - 20px) / 3);
    height: auto;
    aspect-ratio: 1.9 / 1;
    padding: 2px;
    border-width: 2px;
  }
} */

.section-card-switcher .card-slider.type-large .model-box {
  margin-top: 28px;
}

@media screen and (min-width: 601px) {
  .section-card-switcher .card-slider.type-large .model-box {
    opacity: 1;
  }
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-slider.type-large .model-box {
    margin-top: 20px;
  }
}

.section-card-switcher .card-slider.type-large .model-title {
  font-size: 2.4rem;
  line-height: 1.33333;
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-slider.type-large .model-title {
    font-size: 2rem;
    line-height: 1.4;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-slider.type-large .model-title {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

.section-card-switcher .card-slider.type-large .model-subtitle {
  max-width: 950px;
  margin-top: 10px;
  font-size: 1.6rem;
  line-height: 1.5;
}

@media screen and (min-width: 601px) {
  .section-card-switcher .card-slider.type-large .model-subtitle {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-slider.type-large .model-subtitle {
    margin-top: 4px;
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-slider.type-large .model-subtitle {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

.section-card-switcher .card-slider.type-large .model-thumbnail {
  padding-top: 53.125%;
}

.section-card-switcher .card-slider.type-large .model-thumbnail .image {
  border-radius: 8px;
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-slider.type-large .model-thumbnail {
    height: 770px;
    padding-top: 0;
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .card-slider.type-large .model-thumbnail {
    height: clamp(460px, calc(129.16667vw + -5px), 770px);
  }
}

.section-card-switcher .card-slider.type-large .swiper-slide-active .model-box {
  opacity: 1;
}

@media screen and (min-width: 961px) {
  .section-card-switcher .card-slider.type-large.has-thumbnail .model-thumbnail {
    padding-top: 70.83%;
  }

  .section-card-switcher .card-slider.type-large.has-thumbnail .image {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  [dir='rtl'] .section-card-switcher .card-slider.type-large.has-thumbnail .image {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
  }

  .section-card-switcher .card-slider.type-large.has-thumbnail .video {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  [dir='rtl'] .section-card-switcher .card-slider.type-large.has-thumbnail .video {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
  }

  .section-card-switcher .card-slider.type-large.has-thumbnail .swiper-slide .model-thumbnail {
    opacity: 1;
  }

  .section-card-switcher .card-slider.type-large.has-thumbnail .swiper-slide-active .model-thumbnail .image {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top right;
    transform-origin: top right;
  }

  [dir='rtl'] .section-card-switcher .card-slider.type-large.has-thumbnail .swiper-slide-active .model-thumbnail .image {
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }

  .section-card-switcher .card-slider.type-large.has-thumbnail .swiper-slide-active .model-thumbnail .video {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top right;
    transform-origin: top right;
  }

  [dir='rtl'] .section-card-switcher .card-slider.type-large.has-thumbnail .swiper-slide-active .model-thumbnail .video {
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }

  .section-card-switcher .card-slider.type-large.has-thumbnail .swiper-slide-prev .model-thumbnail .image {
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
  }

  .section-card-switcher .card-slider.type-large.has-thumbnail .swiper-slide-prev .model-thumbnail .video {
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
  }
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-slider.type-large .pagination-control-wrap {
    margin-top: 24px;
  }
}

.section-card-switcher .card-slider-type-large-thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: clamp(470px, calc(23.47418vw + 169.29577px), 620px);
  border-radius: 8px;
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-slider-type-large-thumbnail {
    width: clamp(360px, calc(34.375vw + 30px), 470px);
  }
}

.section-card-switcher .card-slider-type-large-thumbnail .image-thumbnail {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  padding-top: 140%;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.section-card-switcher .card-slider-type-large-thumbnail .image-thumbnail.is-active {
  opacity: 1;
}

.section-card-switcher .card-slider-type-large-thumbnail .image-thumbnail .image {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  overflow: hidden;
}

.section-card-switcher .card-slider-type-large-thumbnail .card-slider-thumbnail-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  padding-top: 140%;
  border-radius: 8px;
  overflow: hidden;
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-slider-type-large-thumbnail .card-slider-thumbnail-item {
    border-radius: 4px;
  }
}

.section-card-switcher .card-slider-type-large-thumbnail .card-slider-thumbnail-item .image {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-card-switcher .card-slider-type-large-thumbnail .card-slider-thumbnail-item .image.only-pc {
    display: block !important;
  }
}

.section-card-switcher .card-slider-type-large-thumbnail .card-slider-thumbnail-item .video {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-slider-type-large-thumbnail {
    display: none;
  }
}

.section-card-switcher .card-type-large-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  position: relative;
}

.section-card-switcher .card-type-large-box .card-slider {
  width: clamp(720px, calc(37.55869vw + 238.87324px), 960px);
  z-index: 2;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-type-large-box .card-slider {
    width: clamp(600px, calc(37.5vw + 240px), 720px);
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-type-large-box .card-slider {
    width: 100%;
  }
}

.section-card-switcher .card-type-large-box .card-slider .model-box {
  opacity: 1;
}

.section-card-switcher .card-type-large-box .model-thumbnail {
  padding-top: 70.83%;
}

.section-card-switcher .card-type-large-box.type-two .card-slider {
  width: clamp(920px, calc(56.33803vw + 198.30986px), 1280px);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-type-large-box.type-two .card-slider {
    width: clamp(760px, calc(50vw + 280px), 920px);
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-type-large-box.type-two .card-slider {
    width: 100%;
  }
}

.section-card-switcher .card-type-large-box.type-two .model-card .model-thumbnail {
  padding-top: 53.125%;
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-type-large-box.type-two .model-card .model-thumbnail {
    padding-top: 0;
  }
}

.section-card-switcher .card-type-large-box.type-two .card-slider-type-large-thumbnail {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: clamp(480px, calc(21.90923vw + 199.34272px), 620px);
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-type-large-box.type-two .card-slider-type-large-thumbnail {
    width: clamp(392px, calc(27.5vw + 128px), 480px);
  }
}

@media screen and (max-width: 1280px) {
  .section-card-switcher .card-type-large-box {
    gap: 12px;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher .card-type-large-box~.pagination-control-wrap {
    margin-top: 24px;
  }
}

@media screen and (max-width: 600px) {
  .section-card-switcher .card-type-large-box {
    width: 100%;
  }
}

.section-card-switcher .pagination-control-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 40px;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}

.section-card-switcher .pagination-control-wrap .swiper-pagination {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 600px) {
  .section-card-switcher .pagination-control-wrap {
    margin-top: 24px;
  }
}

@media screen and (min-width: 2560px) {
  .section-card-switcher.right-shadow::after {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    width: 120px;
    height: 100%;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(calc(90deg * var(--inline-dir))), color-stop(0%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.15)), color-stop(70%, rgba(255, 255, 255, 0.75)), to(#ffffff));
    background: linear-gradient(calc(90deg * var(--inline-dir)), rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 20%, rgba(255, 255, 255, 0.75) 70%, #ffffff 100%);
    content: '';
  }
}

@media screen and (min-width: 2560px) {
  .section-card-switcher.left-shadow::before {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 120px;
    height: 100%;
    z-index: 2;
    background: -webkit-gradient(linear, left top, left bottom, from(calc(90deg * var(--inline-dir))), color-stop(0%, #ffffff), color-stop(30%, rgba(255, 255, 255, 0.75)), color-stop(80%, rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(calc(90deg * var(--inline-dir)), #ffffff 0%, rgba(255, 255, 255, 0.75) 30%, rgba(255, 255, 255, 0.15) 80%, rgba(255, 255, 255, 0) 100%);
    content: '';
  }
}

@media screen and (max-width: 1280px) {
  .section-card-switcher {
    padding: 120px 0;
  }

  .section-card-switcher .title-wrap .title {
    font-size: 3.6rem;
    line-height: 1.38889;
  }

  .section-card-switcher .title-wrap .sub-title {
    margin-top: 6px;
    font-size: 1.6rem;
    line-height: 1.5;
  }

  .section-card-switcher .tab-card {
    margin-top: 40px;
  }

  .section-card-switcher .tab-panel-card {
    margin-top: 28px;
  }
}

@media screen and (max-width: 960px) {
  .section-card-switcher {
    padding: 80px 0;
  }

  .section-card-switcher .title-wrap .title {
    font-size: 2rem;
    line-height: 1.4;
  }

  .section-card-switcher .title-wrap .sub-title {
    font-size: 1.3rem;
    line-height: 1.53846;
  }

  .section-card-switcher .tab-panel-card {
    margin-top: 20px;
  }
}


/* pv5-files/css/kow.module.pbv-visual-infopin.css */

.section-visual-infopin {
  position: relative;
}

.section-visual-infopin.type-exterior {
  overflow: hidden;
  background-color: #cdd0d2;
}

.section-visual-infopin.type-exterior .title-wrap {
  width: 100%;
  top: 100px;
  cursor: text;
  inset-inline-start: 120px;
}

@media screen and (max-width: 1280px) {
  .section-visual-infopin.type-exterior .title-wrap {
    top: 80px;
  }
}

@media screen and (max-width: 960px) {
  .section-visual-infopin.type-exterior .title-wrap {
    top: 60px;
  }
}

.section-visual-infopin.type-exterior .swiper-pagination-wrapper {
  position: absolute;
  top: 100px;
  inset-inline-end: 120px;
  inset-inline-start: auto;
}

.section-visual-infopin.type-exterior .swiper-pagination-wrapper .swiper-pagination {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.section-visual-infopin.type-exterior .viewer {
  height: calc(100vh - 64px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1281px) {
  .section-visual-infopin.type-exterior .viewer {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.section-visual-infopin.type-exterior .viewer-image::before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 354px;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(180deg * var(--inline-dir))), color-stop(0%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(calc(180deg * var(--inline-dir)), rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  pointer-events: none;
  content: "";
}

@media screen and (max-width: 600px) {
  .section-visual-infopin.type-exterior .viewer-image::before {
    height: 290px;
    background: -webkit-gradient(linear, left top, left bottom, from(calc(0deg * var(--inline-dir))), color-stop(0%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: linear-gradient(calc(0deg * var(--inline-dir)), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  }
}

.section-visual-infopin.type-exterior .viewer-image .image {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-visual-infopin.type-exterior .viewer-image-item {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.section-visual-infopin.type-exterior .viewer-image-item.is-active {
  opacity: 1;
}

.section-visual-infopin.type-exterior .viewer-head-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section-visual-infopin.type-exterior .viewer-button {
  opacity: 1;
  pointer-events: all;
}

@media screen and (max-width: 1280px) {
  .section-visual-infopin.type-exterior .viewer {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.section-visual-infopin.type-exterior .visual-infopin-slider {
  height: 100%;
  width: 100%;
  overflow: unset;
}

.section-visual-infopin.type-exterior .visual-infopin-slider .viewer-image {
  height: 100%;
}

.section-visual-infopin.type-exterior .visual-infopin-slider .swiper-slide {
  opacity: 0 !important;
}

.section-visual-infopin.type-exterior .visual-infopin-slider .swiper-slide-active {
  opacity: 1 !important;
  z-index: 1;
}

.section-visual-infopin.type-exterior .segment-selector {
  pointer-events: all;
  -webkit-transition: 0s;
  transition: 0s;
  opacity: 1;
}

.section-visual-infopin.type-exterior .tooltip.is-visible {
  opacity: 1;
  visibility: visible;
}

.section-visual-infopin.type-exterior .swiper-pagination-wrapper {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  bottom: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: end;
}

.section-visual-infopin.type-exterior .swiper-pagination-wrapper .swiper-pagination-bullet::after {
  background-color: var(--white-fixed);
  opacity: 0.4;
}

.section-visual-infopin.type-exterior .swiper-pagination-wrapper .swiper-pagination-bullet-active::after {
  opacity: 1;
}

@media screen and (max-width: 600px) {
  .section-visual-infopin.type-exterior .swiper-pagination-wrapper {
    opacity: 1;
  }
}

.section-visual-infopin.type-exterior .visual-tab-item {
  height: 100%;
  display: none;
}

.section-visual-infopin.type-exterior .visual-tab-item.is-open {
  display: block;
}

@media screen and (max-width: 1280px) {
  .section-visual-infopin.type-exterior {
    cursor: auto;
  }

  .section-visual-infopin.type-exterior .title-wrap {
    inset-inline-start: clamp(40px, calc(25vw + -200px), 120px);
  }

  .section-visual-infopin.type-exterior .swiper-pagination-wrapper {
    top: 80px;
    inset-inline-end: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media screen and (max-width: 960px) {
  .section-visual-infopin.type-exterior .title-wrap {
    inset-inline-start: 32px;
  }

  .section-visual-infopin.type-exterior .swiper-pagination-wrapper {
    top: auto;
    bottom: 108px;
    inset-inline-start: 50%;
    -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
    transform: translateX(calc(-50% * var(--inline-dir)));
    z-index: 2;
  }
}

@media screen and (max-width: 600px) {
  .section-visual-infopin.type-exterior .title-wrap {
    inset-inline-start: 0;
    max-width: 100%;
  }

  .section-visual-infopin.type-exterior .segment .tooltip {
    bottom: calc(100% + 14px);
  }
}

.section-visual-infopin.type-interior {
  height: 150vh;
}

.section-visual-infopin.type-interior .title-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 112px;
  cursor: text;
}

@media screen and (min-width: 1281px) {
  .section-visual-infopin.type-interior .title-wrap {
    inset-inline-start: 120px;
  }
}

.section-visual-infopin.type-interior .title-wrap .sub-title {
  margin-top: 0;
}

.section-visual-infopin.type-interior .viewer {
  position: relative;
  height: 100vh;
}

.section-visual-infopin.type-interior .viewer .tab-panel {
  display: none;
  height: 100%;
}

.section-visual-infopin.type-interior .viewer .tab-panel.is-open {
  display: block;
}

.section-visual-infopin.type-interior .viewer .tab-panel.is-open .viewer-image {
  opacity: 1;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.section-visual-infopin.type-interior .viewer-image {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}

.section-visual-infopin.type-interior .viewer-image .image {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), -50%);
  transform: translate(calc(-50% * var(--inline-dir)), -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  pointer-events: none;
}

.section-visual-infopin.type-interior .viewer-initial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
  pointer-events: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.section-visual-infopin.type-interior .explore-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(160px, calc(6.25978vw + 79.81221px), 200px);
  height: clamp(160px, calc(6.25978vw + 79.81221px), 200px);
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 960px) {
  .section-visual-infopin.type-interior .explore-box {
    width: 168px;
    height: 168px;
  }

  .section-visual-infopin.type-interior .explore-box .explore-text {
    margin-top: 12px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.section-visual-infopin.type-interior .explore-text {
  margin-top: clamp(12px, calc(0.62598vw + 3.98122px), 16px);
  font-size: clamp(11px, calc(0.46948vw + 4.98592px), 14px);
  line-height: clamp(16px, calc(0.62598vw + 7.98122px), 20px);
  font-weight: 400;
  color: #fff;
  text-align: center;
}

.section-visual-infopin.type-interior .tooltip-pin {
  position: absolute;
}

@media screen and (max-width: 600px) {
  .section-visual-infopin.type-interior .segment {
    position: static;
  }
}

.section-visual-infopin.type-interior .visual-infopin-slider {
  height: 100%;
  width: 100%;
  overflow: unset;
}

.section-visual-infopin.type-interior .visual-infopin-slider .viewer-image {
  height: 100%;
}

.section-visual-infopin.type-interior .visual-infopin-slider .swiper-slide:before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 1;
  width: 100%;
  height: 440px;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(0deg * var(--inline-dir))), color-stop(30%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(calc(0deg * var(--inline-dir)), rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 100%);
  -webkit-transform: scaleX(var(--inline-dir)) rotate(180deg);
  transform: scaleX(var(--inline-dir)) rotate(180deg);
  pointer-events: none;
  content: "";
}

@media screen and (max-width: 600px) {
  .section-visual-infopin.type-interior .visual-infopin-slider .swiper-slide:before {
    height: 320px;
    background: -webkit-gradient(linear, left top, left bottom, from(calc(0deg * var(--inline-dir))), color-stop(40%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(calc(0deg * var(--inline-dir)), rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%);
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0);
  }
}

.section-visual-infopin.type-interior .visual-infopin-slider .swiper-slide:after {
  display: none;
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  z-index: 1;
  width: 100%;
  height: 140px;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(0deg * var(--inline-dir))), color-stop(60%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(calc(0deg * var(--inline-dir)), rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%);
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  pointer-events: none;
  content: "";
}

@media screen and (max-width: 600px) {
  .section-visual-infopin.type-interior .visual-infopin-slider .swiper-slide:after {
    display: block;
  }
}

.section-visual-infopin.type-interior .visual-infopin-slider .swiper-slide-active {
  z-index: 1;
}

.section-visual-infopin.type-interior .swiper-pagination-wrapper {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100px;
  inset-inline-end: 120px;
  inset-inline-start: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  bottom: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: right;
}

.section-visual-infopin.type-interior .swiper-pagination-wrapper .swiper-pagination {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 1280px) {
  .section-visual-infopin.type-interior .swiper-pagination-wrapper {
    inset-inline-end: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media screen and (max-width: 960px) {
  .section-visual-infopin.type-interior .swiper-pagination-wrapper {
    top: auto;
    bottom: 108px;
    inset-inline-start: 50%;
    -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
    transform: translateX(calc(-50% * var(--inline-dir)));
  }
}

@media screen and (max-width: 600px) {
  .section-visual-infopin.type-interior .swiper-pagination-wrapper {
    opacity: 1;
  }
}

.section-visual-infopin.type-interior .swiper-pagination-wrapper .swiper-pagination-bullet::after {
  background-color: var(--white-fixed);
  opacity: 0.4;
}

.section-visual-infopin.type-interior .swiper-pagination-wrapper .swiper-pagination-bullet-active::after {
  opacity: 1;
}

.section-visual-infopin.type-interior.is-focus .title-wrap,
.section-visual-infopin.type-interior.is-focus .swiper-pagination-wrapper {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.section-visual-infopin.type-interior.is-focus .swiper-pagination-wrapper {
  z-index: 2;
}

.section-visual-infopin.type-interior.is-focus .viewer-initial {
  opacity: 0;
}

@media screen and (min-width: 601px) {
  .section-visual-infopin.type-interior.is-focus .viewer-image .image {
    -webkit-transform: translate(calc(var(--inline-dir, 1) * -50%), -50%) scale(1.2);
    transform: translate(calc(var(--inline-dir, 1) * -50%), -50%) scale(1.2);
  }
}

@media screen and (max-width: 600px) {
  .section-visual-infopin.type-interior.is-focus .viewer-image .image {
    -webkit-transform: translate(calc(var(--inline-dir, 1) * -50%), -50%) scale(1.2);
    transform: translate(calc(var(--inline-dir, 1) * -50%), -50%) scale(1.2);
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
  }
}

.section-visual-infopin.is-sticky .viewer {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  z-index: 1;
}

.section-visual-infopin.is-sticky.is-focus .segment-selector,
.section-visual-infopin.is-sticky.is-focus .viewer-button {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.section-visual-infopin .title-wrap {
  position: absolute;
  top: 80px;
  inset-inline-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  max-width: 700px;
  z-index: 2;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1280px) {
  .section-visual-infopin .title-wrap {
    inset-inline-start: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media screen and (max-width: 960px) {
  .section-visual-infopin .title-wrap {
    top: 60px;
    inset-inline-start: 32px;
  }
}

@media screen and (max-width: 600px) {
  .section-visual-infopin .title-wrap {
    inset-inline-start: 0;
    width: 100%;
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.section-visual-infopin .title-wrap .title {
  color: var(--surface);
  margin-bottom: 10px;
}

.section-visual-infopin .title-wrap .title:empty {
  margin-bottom: 0;
}

@media screen and (max-width: 1280px) {
  .section-visual-infopin .title-wrap .title {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 960px) {
  .section-visual-infopin .title-wrap .title {
    margin-bottom: 6px;
  }
}

.section-visual-infopin .title-wrap .sub-title {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.33333;
  color: var(--surface);
}

@media screen and (max-width: 1280px) {
  .section-visual-infopin .title-wrap {
    max-width: 560px;
  }

  .section-visual-infopin .title-wrap .title {
    font-size: 3.6rem;
    line-height: 1.38889;
  }

  .section-visual-infopin .title-wrap .sub-title {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {
  .section-visual-infopin .title-wrap {
    display: block;
    max-width: 536px;
  }

  .section-visual-infopin .title-wrap .title {
    font-size: 2rem;
    line-height: 1.4;
  }

  .section-visual-infopin .title-wrap .sub-title {
    font-size: 1.3rem;
    line-height: 1.53846;
    color: #e8eaeb;
  }
}

.section-visual-infopin .segment {
  font-size: 0;
  cursor: pointer;
}

.section-visual-infopin .segment:has(.input:checked) .tooltip {
  visibility: visible;
  opacity: 1;
}

.section-visual-infopin .segment-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  inset-inline-end: 50%;
  bottom: 60px;
  -webkit-transform: translateX(calc(50% * var(--inline-dir)));
  transform: translateX(calc(50% * var(--inline-dir)));
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  border-radius: 100px;
  background-color: var(--surface-container-lowest);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-box-shadow: 0px 2px 10px 0px #0000000f;
  box-shadow: 0px 2px 10px 0px #0000000f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.section-visual-infopin .segment-selector .tab-btn {
  min-width: auto;
}

.section-visual-infopin .segment-selector .tab-item:last-child {
  -webkit-padding-end: 0;
  padding-inline-end: 0;
}

@media screen and (max-width: 1280px) {
  .section-visual-infopin .segment-selector {
    bottom: 40px;
  }

  .section-visual-infopin .segment-selector .tab-btn {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {
  .section-visual-infopin .segment-selector {
    max-width: calc(100% - 40px);
  }

  .section-visual-infopin .segment-selector .tab-btn {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.section-visual-infopin .segment .icon-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 44px;
  padding: 0 24px;
  border-radius: 40px;
}

.section-visual-infopin .segment .input:checked~.icon-box {
  background-color: var(--primary);
}

.section-visual-infopin .segment .input:checked~.icon-box .text {
  color: var(--on-primary);
}

.section-visual-infopin .segment .text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #05141f;
}

@media screen and (max-width: 600px) {
  .section-visual-infopin .segment-selector {
    gap: 0;
    bottom: 40px;
  }

  .section-visual-infopin .segment-selector .tab-btn {
    min-width: auto;
    font-size: 1.3rem;
    line-height: 1.53846;
  }

  .section-visual-infopin .segment-selector .tab-item:last-child {
    -webkit-padding-end: 0;
    padding-inline-end: 0;
  }

  .section-visual-infopin .segment .icon-box {
    width: 40px;
    height: 40px;
  }
}

.section-visual-infopin .viewer {
  position: relative;
}

.section-visual-infopin .viewer-button {
  opacity: 0;
  pointer-events: none;
}

.section-visual-infopin .viewer-point {
  z-index: 1;
}

.section-visual-infopin .viewer-image .image {
  display: block;
}

.section-visual-infopin .viewer-image .image-viewer-mo {
  display: none;
}

@media screen and (max-width: 960px) {
  .section-visual-infopin .viewer-image .image-viewer-mo {
    display: block;
  }

  .section-visual-infopin .viewer-image .image-viewer-pc {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .section-visual-infopin .viewer-button {
    width: 32px;
    height: 32px;
  }

  .section-visual-infopin .viewer-point::before {
    width: 24px;
    height: 24px;
  }

  .section-visual-infopin .viewer-point::after {
    width: 13px;
    height: 13px;
  }
}

.section-visual-infopin .ic-scroll-down img {
  width: clamp(29px, calc(1.09546vw + 14.96714px), 36px);
  height: clamp(55px, calc(2.19092vw + 26.93427px), 69px);
  -o-object-fit: contain;
  object-fit: contain;
}

.section-visual-infopin .swiper-pagination-wrapper .swiper-pagination-bullet {
  cursor: pointer;
}

@media screen and (max-width: 600px) {
  .section-visual-infopin .swiper-pagination-wrapper {
    position: fixed;
    bottom: 108px;
    inset-inline-start: 50%;
    z-index: 1;
    -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
    transform: translateX(calc(-50% * var(--inline-dir)));
    opacity: 0;
    -webkit-transition: 0s;
    transition: 0s;
  }

  .section-visual-infopin.is-sticky .swiper-pagination {
    opacity: 1;
  }
}

.popup-viewer-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  top: 0;
  inset-inline-end: 0;
  inset-inline-start: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

.popup-viewer-detail.is-opened {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.popup-viewer-detail.is-opened .popup {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.popup-viewer-detail .popup {
  height: 100%;
  width: 100%;
  max-width: clamp(993px, calc(54.3036vw + 297.37089px), 1340px);
  padding: 0;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.popup-viewer-detail .popup-header {
  padding: 100px 60px 0 60px;
}

.popup-viewer-detail .popup-inner {
  padding: 0 60px;
}

.popup-viewer-detail .popup-header,
.popup-viewer-detail .popup-inner {
  position: relative;
  z-index: 1;
}

.popup-viewer-detail .popup-contents {
  max-width: clamp(573px, calc(54.3036vw + -122.62911px), 920px);
  padding: 0;
}

.popup-viewer-detail .popup-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  max-width: clamp(573px, calc(54.3036vw + -122.62911px), 920px);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.33333;
  color: var(--surface);
}

.popup-viewer-detail .popup-text {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.625;
  color: var(--surface);
}

.popup-viewer-detail .popup-wrap-content {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 2;
  width: 100%;
  /* pointer-events: none; */
}

.popup-viewer-detail .image-bg {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.popup-viewer-detail .image-bg .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .popup-viewer-detail .image-bg .image.only-pc {
    display: block !important;
  }
}

.popup-viewer-detail .video {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background-image: var(--poster-pc);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  -o-object-position: center;
  object-position: center;
}

.popup-viewer-detail .video.only-mo {
  background-image: var(--poster-mo);
}

.popup-viewer-detail .btn-close {
  top: 40px;
  inset-inline-end: 40px;
  z-index: 3;
}

.popup-viewer-detail .btn-close .ic {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5l-7 7m-7 7l7-7M5 5l7 7m7 7l-7-7' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.popup-viewer-detail .btn-close:hover .ic {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5l-7 7m-7 7l7-7M5 5l7 7m7 7l-7-7' stroke='rgb%285%2C20%2C31%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.popup-viewer-detail .viewer-detail-slider {
  width: 100%;
  height: 100%;
  cursor: default;
}

.popup-viewer-detail .viewer-detail-slider.js-cursor {
  cursor: none;
}

.popup-viewer-detail .viewer-detail-slider .swiper-slide::before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 1;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(180deg * var(--inline-dir))), color-stop(0%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(calc(180deg * var(--inline-dir)), rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  content: "";
}

@media screen and (max-width: 600px) {
  .popup-viewer-detail .viewer-detail-slider .swiper-slide::before {
    height: 360px;
  }
}

.popup-viewer-detail .viewer-detail-slider .swiper-slide::after {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  z-index: 1;
  width: 100%;
  height: 10%;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(0deg * var(--inline-dir))), color-stop(0%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(calc(0deg * var(--inline-dir)), rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  content: "";
}

@media screen and (max-width: 600px) {
  .popup-viewer-detail .viewer-detail-slider .swiper-slide::after {
    height: 80px;
  }
}

.popup-viewer-detail .swiper-pagination-viewer {
  bottom: 40px;
}

.popup-viewer-detail .swiper-pagination-viewer .swiper-pagination-bullet::after {
  background-color: rgba(255, 255, 255, 0.4);
}

.popup-viewer-detail .swiper-pagination-viewer .swiper-pagination-bullet-active::after {
  background-color: #fff;
}

@media screen and (max-width: 960px) {
  .popup-viewer-detail .swiper-pagination-viewer {
    bottom: 29px;
  }
}

@media screen and (max-width: 1280px) {
  .popup-viewer-detail .popup {
    max-width: 961px;
  }

  .popup-viewer-detail .popup-header {
    padding-block: 80px 0;
    padding-inline: 40px;
  }

  .popup-viewer-detail .popup-inner {
    padding: 0 40px;
  }

  .popup-viewer-detail .popup-title,
  .popup-viewer-detail .popup-contents {
    max-width: 760px;
  }
}

@media screen and (max-width: 960px) {
  .popup-viewer-detail .popup-header {
    padding: 60px 32px 0;
  }

  .popup-viewer-detail .popup-inner {
    padding: 0 32px;
  }

  .popup-viewer-detail .popup-title {
    font-size: 1.4rem;
    line-height: 1.57143;
  }

  .popup-viewer-detail .popup-text {
    margin-top: 0;
    font-size: 1.2rem;
    line-height: 1.66667;
  }

  .popup-viewer-detail .popup-contents {
    max-width: 100%;
  }

  .popup-viewer-detail .btn-close {
    top: 20px;
    inset-inline-end: 20px;
  }

  .popup-viewer-detail .btn-close .ic {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 600px) {

  .popup-viewer-detail .popup-header,
  .popup-viewer-detail .popup-inner {
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.custom-cursor {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: auto;
  inset-inline-start: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  opacity: 0;
  visibility: hidden;
  border-radius: 100%;
  pointer-events: none;
  background-color: rgba(48, 62, 72, 0.7);
  -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s, visibility 0.3s;
  transition: width 0.3s, height 0.3s, opacity 0.3s, visibility 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
}

.custom-cursor:after {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);
  content: "";
}

.custom-cursor.is-show {
  width: 42px;
  height: 42px;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.custom-cursor.is-focus {
  width: 32px;
  height: 32px;
}

.custom-cursor.is-focus .ic {
  width: 14px;
  height: 14px;
}

.custom-cursor .ic {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), -50%);
  transform: translate(calc(-50% * var(--inline-dir)), -50%);
  width: 20px;
  height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.custom-cursor .ic-arrowset-outlined-back-24px {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3l-9 9 9 9' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

[dir="rtl"] .custom-cursor .ic-arrowset-outlined-back-24px {
  -webkit-transform: translateY(-50%) scaleX(var(--inline-dir));
  transform: translateY(-50%) scaleX(var(--inline-dir));
  inset-inline-start: 25%;
}

.custom-cursor .ic-arrowset-outlined-next-24px {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3l9 9-9 9' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

[dir="rtl"] .custom-cursor .ic-arrowset-outlined-next-24px {
  -webkit-transform: translateY(-50%) scaleX(var(--inline-dir));
  transform: translateY(-50%) scaleX(var(--inline-dir));
  inset-inline-start: 25%;
}


/* pv5-files/css/kow.module.pbv-visual-3dviewer.css */

.section-visual-3dviewer {
  padding-top: 160px;
}

@media screen and (max-width: 1280px) {
  .section-visual-3dviewer {
    padding-top: 120px;
  }
}

@media screen and (max-width: 960px) {
  .section-visual-3dviewer {
    padding-top: 80px;
  }
}

.section-visual-3dviewer .title-wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 60px;
}

@media screen and (min-width: 1281px) {
  .section-visual-3dviewer .title-wrap {
    width: 1040px;
    -webkit-margin-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
    margin-inline-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-visual-3dviewer .title-wrap {
    width: 880px;
    -webkit-margin-start: clamp(40px, calc(25vw + -200px), 120px);
    margin-inline-start: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media (min-width: 1920px) {
  .section-visual-3dviewer .title-wrap {
    -webkit-margin-start: calc((100vw - 1280px) / 2);
    margin-inline-start: calc((100vw - 1280px) / 2);
  }
}

@media screen and (max-width: 1280px) {
  .section-visual-3dviewer .title-wrap {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 960px) {
  .section-visual-3dviewer .title-wrap {
    width: 536px;
    -webkit-margin-start: 32px;
    margin-inline-start: 32px;
  }
}

@media screen and (max-width: 600px) {
  .section-visual-3dviewer .title-wrap {
    width: 100%;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.section-visual-3dviewer .title-wrap .title {
  color: var(--on-surface);
}

@media screen and (max-width: 1280px) {
  .section-visual-3dviewer .title-wrap .title {
    font-size: 3.6rem;
    line-height: 1.38889;
  }
}

@media screen and (max-width: 960px) {
  .section-visual-3dviewer .title-wrap .title {
    font-size: 2rem;
    line-height: 1.4;
  }
}

.section-visual-3dviewer .title-wrap .sub-title {
  display: block;
  margin-top: 16px;
  color: var(--on-surface);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
}

@media screen and (max-width: 1280px) {
  .section-visual-3dviewer .title-wrap .sub-title {
    margin-top: 6px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 960px) {
  .section-visual-3dviewer .title-wrap .sub-title {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.section-visual-3dviewer .tab-visual .tab-area {
  width: clamp(1040px, calc(37.55869vw + 558.87324px), 1280px);
  margin: 0 auto 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1280px) {
  .section-visual-3dviewer .tab-visual .tab-area {
    width: clamp(880px, calc(50vw + 400px), 1040px);
  }
}

@media screen and (max-width: 960px) {
  .section-visual-3dviewer .tab-visual .tab-area {
    width: 100%;
    margin-bottom: 24px;
    padding: 0 32px;
  }
}

@media screen and (max-width: 600px) {
  .section-visual-3dviewer .tab-visual .tab-area {
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.section-visual-3dviewer .tab-visual .tab-content {
  margin: 0 auto 160px;
  width: clamp(1041px, calc(37.40219vw + 561.87793px), 1280px);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-visual-3dviewer .tab-visual .tab-content {
    width: clamp(879px, calc(50.3125vw + 396px), 1040px);
    margin: 0 auto 120px;
  }
}

@media screen and (max-width: 960px) {
  .section-visual-3dviewer .tab-visual .tab-content {
    width: 100%;
    padding: 0 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 600px) {
  .section-visual-3dviewer .tab-visual .tab-content {
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

@media screen and (max-width: 600px) {
  .section-visual-3dviewer .tab-visual .tab-btn {
    padding: 8px 14px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.section-visual-3dviewer .visual-viewer-box {
  position: relative;
  overflow: hidden;
  padding-top: 56.3%;
  border-radius: 8px;
}

@media screen and (max-width: 960px) {
  .section-visual-3dviewer .visual-viewer-box {
    padding-top: 112.5%;
    border-radius: 4px;
  }
}

.section-visual-3dviewer .visual-viewer-box .image,
.section-visual-3dviewer .visual-viewer-box .visual-viewer-frame {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
}

.section-visual-3dviewer .visual-viewer-box .image {
  z-index: 2;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-visual-3dviewer .visual-viewer-box .visual-viewer-frame {
  background-color: #f5f5f5;
}

@media screen and (max-width: 960px) {
  .section-visual-3dviewer .tab .tab-btn {
    min-width: auto;
    padding: 8px 14px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}


/* pv5-files/css/kow.module.pbv-video.css */

.section-video {
  position: relative;
  height: calc(100vh - var(--menuHeight));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-video.type-expand .title-wrap {
  position: absolute;
  top: 160px;
  inset-inline-start: calc(120px + (160 - 120) * ((100vw - 1281px) / (1920 - 1281)));
  z-index: 3;
  max-width: 600px;
}

@media screen and (min-width: 1281px) {
  .section-video.type-expand .title-wrap {
    inset-inline-start: 120px;
    max-width: 820px;
  }
}

.section-video.type-expand .title-wrap .title {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--surface);
}

.section-video.type-expand .title-wrap .sub-title {
  display: block;
  margin-top: 24px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--surface);
}

@media screen and (min-width: 1281px) {
  .section-video.type-expand .title-wrap .sub-title {
    word-break: normal;
  }
}

@media screen and (min-width: 1920px) {
  .section-video.type-expand .title-wrap .sub-title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.4;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-video.type-expand .title-wrap {
    inset-inline-start: clamp(40px, calc(25vw + -200px), 120px);
    max-width: 660px;
  }

  .section-video.type-expand .title-wrap .title {
    font-size: 4.8rem;
    line-height: 1.29167;
  }

  .section-video.type-expand .title-wrap .sub-title {
    margin-top: 12px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 960px) {
  .section-video.type-expand .title-wrap {
    top: 120px;
    inset-inline-start: 32px;
    max-width: 380px;
  }

  .section-video.type-expand .title-wrap .title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.35714;
  }

  .section-video.type-expand .title-wrap .sub-title {
    margin-top: 8px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.53846;
  }
}

@media screen and (max-width: 600px) {
  .section-video.type-expand .title-wrap {
    inset-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    max-width: clamp(280px, calc(41.66667vw + 130px), 380px);
  }
}

.section-video.type-expand .video-box {
  position: relative;
  height: 100%;
}

.section-video.type-expand .video-box .video {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-video.type-expand.type-text-center .title-wrap {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.section-video.type-bottom,
.section-video.type-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 60px;
  height: auto;
}

.section-video.type-bottom .video-box,
.section-video.type-top .video-box {
  height: calc(100vh - var(--menuHeight));
}

.section-video.type-bottom .video-box::before,
.section-video.type-top .video-box::before {
  background-color: transparent;
}

.section-video.type-bottom .video-button-controls,
.section-video.type-top .video-button-controls {
  bottom: clamp(80px, calc(3.12989vw + 39.9061px), 100px);
}

@media screen and (max-width: 1280px) {

  .section-video.type-bottom .video-button-controls,
  .section-video.type-top .video-button-controls {
    bottom: clamp(40px, calc(6.25vw + -20px), 60px);
  }
}

@media screen and (max-width: 960px) {

  .section-video.type-bottom .video-button-controls,
  .section-video.type-top .video-button-controls {
    bottom: 32px;
  }
}

@media screen and (max-width: 600px) {

  .section-video.type-bottom .video-button-controls,
  .section-video.type-top .video-button-controls {
    inset-inline-end: clamp(20px, calc(5vw + 2px), 32px);
    bottom: 20px;
  }
}

@media screen and (max-width: 1280px) {

  .section-video.type-bottom,
  .section-video.type-top {
    gap: 40px;
    height: auto;
  }
}

@media screen and (max-width: 960px) {

  .section-video.type-bottom,
  .section-video.type-top {
    gap: 32px;
  }
}

@media screen and (max-width: 600px) {

  .section-video.type-bottom,
  .section-video.type-top {
    gap: 20px;
  }
}

.section-video.type-bottom .title-wrap,
.section-video.type-top .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-video.type-bottom .title-wrap .title,
.section-video.type-top .title-wrap .title {
  max-width: 300px;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.38889;
  color: var(--on-surface);
}

.section-video.type-bottom .title-wrap .sub-title,
.section-video.type-top .title-wrap .sub-title {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--on-surface);
}

@media screen and (min-width: 1281px) {

  .section-video.type-bottom .title-wrap,
  .section-video.type-top .title-wrap {
    width: clamp(1040px, calc(37.55869vw + 558.87324px), 1280px);
    gap: clamp(80px, calc(9.38967vw + -40.28169px), 140px);
    padding: 0;
  }

  .section-video.type-bottom .title-wrap .title,
  .section-video.type-top .title-wrap .title {
    min-width: 500px;
  }

  .section-video.type-bottom .title-wrap .sub-title,
  .section-video.type-top .title-wrap .sub-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.8rem;
    line-height: 1.33333;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {

  .section-video.type-bottom .title-wrap,
  .section-video.type-top .title-wrap {
    width: auto;
    -webkit-margin-start: clamp(40px, calc(25vw + -200px), 120px);
    margin-inline-start: clamp(40px, calc(25vw + -200px), 120px);
    -webkit-margin-end: clamp(40px, calc(25vw + -200px), 120px);
    margin-inline-end: clamp(40px, calc(25vw + -200px), 120px);
  }

  .section-video.type-bottom .title-wrap .title,
  .section-video.type-top .title-wrap .title {
    min-width: 384px;
    font-size: 2.8rem;
    line-height: 1.35714;
  }

  .section-video.type-bottom .title-wrap .sub-title,
  .section-video.type-top .title-wrap .sub-title {
    max-width: 436px;
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 1280px) {

  .section-video.type-bottom .title-wrap,
  .section-video.type-top .title-wrap {
    padding: 0;
  }
}

@media screen and (max-width: 960px) {

  .section-video.type-bottom .title-wrap,
  .section-video.type-top .title-wrap {
    display: block;
    width: 100%;
    padding: 0 32px;
  }

  .section-video.type-bottom .title-wrap .title,
  .section-video.type-top .title-wrap .title {
    max-width: 100%;
    font-size: 2rem;
    line-height: 1.4;
  }

  .section-video.type-bottom .title-wrap .sub-title,
  .section-video.type-top .title-wrap .sub-title {
    max-width: 100%;
    margin-top: 6px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

@media screen and (max-width: 600px) {

  .section-video.type-bottom .title-wrap,
  .section-video.type-top .title-wrap {
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.section-video.type-bottom .video-box,
.section-video.type-top .video-box {
  position: relative;
}

.section-video.type-bottom .video-box .video,
.section-video.type-top .video-box .video {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1280px) {

  .section-video.type-bottom .video-box,
  .section-video.type-top .video-box {
    padding-top: 56.25%;
    height: auto;
  }
}

@media screen and (max-width: 600px) {

  .section-video.type-bottom,
  .section-video.type-top {
    gap: 20px;
    height: auto;
    padding: 80px 0;
  }

  .section-video.type-bottom .title-wrap,
  .section-video.type-top .title-wrap {
    display: block;
  }

  .section-video.type-bottom .title-wrap .title,
  .section-video.type-top .title-wrap .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--black-fixed);
  }

  .section-video.type-bottom .title-wrap .sub-title,
  .section-video.type-top .title-wrap .sub-title {
    max-width: 100%;
    margin-top: 6px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.53846;
    color: var(--on-surface);
  }
}

.section-video.type-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-bottom: 160px;
}

@media screen and (max-width: 1280px) {
  .section-video.type-top {
    padding-bottom: 80px;
  }
}

.section-video.type-bottom {
  padding-top: 160px;
}

.section-video.type-bottom .title-wrap {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 1280px) {
  .section-video.type-bottom {
    padding-top: 80px;
  }
}

.section-video .video-button-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
  position: absolute;
  z-index: 1;
  inset-inline-end: 80px;
  bottom: 100px;
}

@media screen and (max-width: 1280px) {
  .section-video .video-button-controls {
    inset-inline-end: clamp(40px, calc(12.5vw + -80px), 80px);
    bottom: clamp(40px, calc(6.25vw + -20px), 60px);
  }
}

@media screen and (max-width: 960px) {
  .section-video .video-button-controls {
    inset-inline-end: 32px;
    bottom: 60px;
    gap: 12px;
  }
}

@media screen and (max-width: 600px) {
  .section-video .video-button-controls {
    inset-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.section-video .video-box {
  overflow: hidden;
}

.section-video .video-box::before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  content: '';
}

.section-video .video-box .video {
  background-image: var(--poster-pc);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  -o-object-position: center;
  object-position: center;
}

.section-video .video-box .video.only-mo {
  background-image: var(--poster-mo);
}

.section-video .video-box iframe {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), -50%);
  transform: translate(calc(-50% * var(--inline-dir)), -50%);
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

[dir='rtl'] .section-video .video-box iframe {
  inset-inline-start: -50%;
}

.section-video .video-type-iframe {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  height: 100%;
}

.section-video .cover-image {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.section-video .cover-image .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-video .cover-image.is-hidden {
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width: 600px) {
  .section-video.type-bottom {
    padding-bottom: 0;
  }

  .section-video.type-top {
    padding-top: 0;
  }
}

.popup-video {
  overflow: hidden;
}

.popup-video .popup {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #000;
}

.popup-video .video-box {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
}

.popup-video .video-box .video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.popup-video#popup-video-vertical .video-box .video {
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (max-width: 600px) {
  .popup-video#popup-video-vertical .video-box .video {
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.popup-video .btn-close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 40px;
  inset-inline-end: 80px;
  z-index: 1;
  width: 52px;
  height: 52px;
}

.popup-video .btn-close .ic-close-enabled-24px {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 5l-7 7m-7 7l7-7M5 5l7 7m7 7l-7-7' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.popup-video .video-button-controls {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  position: absolute;
  inset-inline-end: 80px;
  bottom: 80px;
  z-index: 1;
}

.popup-video .video-progress-bar {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  z-index: 1;
  width: 100%;
  height: 6px;
  background-color: var(--on-surface-container-mid);
}

.popup-video .video-progress-bar .current-progress {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 100%;
  background-color: var(--secondary);
}

.popup-video.type-iframe .video-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.popup-video.type-iframe#popup-video-iframe-vertical .video-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 600px) {
  .popup-video.type-iframe#popup-video-iframe-vertical iframe {
    width: auto;
    height: 100%;
  }
}

@media screen and (max-width: 600px) {
  .popup-video .btn-close {
    top: 24px;
    inset-inline-end: 24px;
    width: 20px;
    height: 20px;
  }

  .popup-video .btn-close .ic-close-enabled-24px {
    width: 20px;
    height: 20px;
  }

  .popup-video .video-button-controls {
    inset-inline-end: 28px;
    bottom: 40px;
    gap: 12px;
  }

  .popup-video .video-progress-bar {
    height: 4px;
  }

  .popup-video.type-horizontal .popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
  }

  .popup-video.type-horizontal .video-box {
    position: relative;
    height: auto;
  }

  .popup-video.type-horizontal .video-box .video {
    height: 56.11vw;
  }

  .popup-video.type-horizontal .video-button-controls {
    bottom: 24px;
  }

  .popup-video.type-iframe iframe {
    height: 480px;
  }
}


/* pv5-files/css/kow.module.pbv-spec-table.css */

.section-specs {
  padding: 160px 0 140px;
  background-color: var(--primary);
}

@media screen and (max-width: 1280px) {
  .section-specs {
    padding: 80px 0;
  }
}

.section-specs .title-wrap {
  max-width: clamp(1080px, calc(37.55869vw + 598.87324px), 1320px);
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .title-wrap {
    max-width: 100%;
    padding: 0 120px;
  }
}

@media screen and (max-width: 960px) {
  .section-specs .title-wrap {
    padding: 0 32px;
  }
}

@media screen and (max-width: 600px) {
  .section-specs .title-wrap {
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.section-specs .title-wrap .title {
  color: var(--surface);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .title-wrap .title {
    font-size: 3.6rem;
    line-height: 1.38889;
  }
}

@media screen and (max-width: 960px) {
  .section-specs .title-wrap .title {
    font-size: 2rem;
    line-height: 1.4;
  }
}

.section-specs .title-wrap .sub-title {
  display: block;
  margin-top: clamp(6px, calc(1.56495vw + -14.04695px), 16px);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--surface);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .title-wrap .sub-title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 960px) {
  .section-specs .title-wrap .sub-title {
    margin-top: 6px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.section-specs .specs-slider {
  background-color: #172630;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-specs .specs-slider-box {
  position: relative;
  max-width: clamp(1080px, calc(37.55869vw + 598.87324px), 1320px);
  margin: 60px auto 0;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .specs-slider-box {
    max-width: 100%;
    margin-top: 50px;
    -webkit-padding-end: clamp(90px, calc(9.375vw + 0px), 120px);
    padding-inline-end: clamp(90px, calc(9.375vw + 0px), 120px);
    -webkit-padding-start: clamp(90px, calc(9.375vw + 0px), 120px);
    padding-inline-start: clamp(90px, calc(9.375vw + 0px), 120px);
  }
}

@media screen and (max-width: 960px) {
  .section-specs .specs-slider-box {
    margin-top: 50px;
    padding: 0 32px;
  }
}

@media screen and (max-width: 600px) {
  .section-specs .specs-slider-box {
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.section-specs .specs-image {
  position: relative;
  padding-top: 42.3%;
}

@media screen and (min-width: 1920px) {
  .section-specs .specs-image {
    padding-top: 46.8%;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .specs-image {
    padding-top: 0;
    height: clamp(328px, calc(35vw + -8px), 440px);
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .section-specs .specs-image {
    padding-top: 0;
    height: clamp(284px, calc(53.05556vw + -34.33333px), 475px);
  }
}

.section-specs .specs-image .image {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .section-specs .specs-image .image.only-pc {
    display: block !important;
  }
}

.section-specs .specs-list {
  max-width: clamp(1080px, calc(37.55869vw + 598.87324px), 1320px);
  margin-top: clamp(50px, calc(1.56495vw + 29.95305px), 60px);
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .specs-list {
    max-width: 100%;
    -webkit-padding-end: clamp(90px, calc(9.375vw + 0px), 120px);
    padding-inline-end: clamp(90px, calc(9.375vw + 0px), 120px);
    -webkit-padding-start: clamp(90px, calc(9.375vw + 0px), 120px);
    padding-inline-start: clamp(90px, calc(9.375vw + 0px), 120px);
    margin-top: clamp(40px, calc(3.125vw + 10px), 50px);
  }
}

@media screen and (max-width: 960px) {
  .section-specs .specs-list {
    margin-top: 40px;
    padding: 0 32px;
  }
}

@media screen and (max-width: 600px) {
  .section-specs .specs-list {
    padding: 0 20px;
  }
}

.section-specs .specs-btn {
  position: relative;
  width: 100%;
  -webkit-padding-end: 104px;
  padding-inline-end: 104px;
  padding-top: clamp(32px, calc(800vw + -10208px), 40px);
  padding-bottom: clamp(32px, calc(700vw + -8928px), 39px);
  text-align: start;
  color: var(--on-primary-lowest);
  border-bottom: 1px solid var(--outline-highest);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .specs-btn {
    -webkit-padding-end: 50px;
    padding-inline-end: 50px;
    font-size: 2rem;
    line-height: 1.35;
  }
}

@media screen and (max-width: 960px) {
  .section-specs .specs-btn {
    padding-block: 24px 23px;
    padding-inline: 0 48px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 600px) {
  .section-specs .specs-btn {
    display: block;
    width: 100%;
  }
}

.section-specs .specs-btn::after {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10h18M10 1v18' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  content: '';
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .specs-btn::after {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 960px) {
  .section-specs .specs-btn::after {
    width: 16px;
    height: 16px;
  }
}

.section-specs .specs-item.is-expanded .specs-btn::after {
  background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 10h15' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.section-specs .specs-item .accordion-content {
  padding-bottom: 40px;
}

.section-specs .specs-label {
  color: var(--surface-highest);
}

@media screen and (max-width: 1280px) {
  .section-specs .specs-label {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

.section-specs .specs-value {
  color: var(--on-surface-low);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .specs-value {
    font-size: 1.8rem;
    line-height: 1.33333;
  }
}

@media screen and (max-width: 960px) {
  .section-specs .specs-value {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

.section-specs .specs-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1281px) {
  .section-specs .specs-row {
    gap: 60px;
    height: 100px;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .specs-row {
    gap: 40px;
    height: 96px;
  }
}

@media screen and (max-width: 960px) {
  .section-specs .specs-row {
    gap: 20px;
    padding: 0 20px;
  }
}

@media screen and (max-width: 600px) {
  .section-specs .specs-row {
    gap: 14px;
  }
}

.section-specs .specs-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 1281px) {
  .section-specs .specs-col {
    max-width: clamp(280px, calc(12.51956vw + 119.62441px), 360px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .specs-col {
    max-width: clamp(212px, calc(26.875vw + -46px), 298px);
  }
}

@media screen and (max-width: 960px) {
  .section-specs .specs-col {
    padding: 24px 0;
  }
}

@media screen and (max-width: 600px) {
  .section-specs .specs-col {
    padding: 12px 0;
  }
}

@media screen and (max-width: 960px) {
  .section-specs .specs-col .ic-check-bold-24px {
    width: 20px;
    height: 20px;
  }
}

.section-specs .specs-col:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section-specs .specs-col:not(:first-child) .specs-value {
  color: #f2f4f6;
  text-align: center;
}

.section-specs .specs-col.specs-colspan2:not(:first-child) {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  max-width: unset;
}

@media screen and (max-width: 960px) {
  .section-specs .table-wrap .table-head {
    width: 100%;
  }
}

.section-specs .table-wrap .table-head-text:first-of-type {
  width: 378px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

@media screen and (max-width: 960px) {
  .section-specs .table-wrap .table-head-text:first-of-type {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .table-wrap .table-head-text:first-of-type {
    max-width: clamp(318px, calc(40.3125vw + -69px), 447px);
  }
}

@media screen and (max-width: 960px) {
  .section-specs .table-wrap .table-head-text {
    min-width: auto;
  }
}

@media screen and (max-width: 600px) {
  .section-specs .table-wrap .table-head-text {
    width: 300px;
    min-width: auto;
  }
}

@media screen and (max-width: 960px) {
  .section-specs .table-wrap .table-body {
    width: 100%;
  }
}

.section-specs .table-wrap .specs-col:first-of-type {
  width: 378px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

@media screen and (max-width: 960px) {
  .section-specs .table-wrap .specs-col:first-of-type {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.section-specs .table-wrap .specs-col:nth-child(2) {
  max-width: none;
}

@media screen and (max-width: 960px) {
  .section-specs .table-wrap .specs-col {
    min-width: auto;
  }
}

@media screen and (max-width: 600px) {
  .section-specs .table-wrap .specs-col {
    width: 300px;
    min-width: auto;
  }
}

@media screen and (min-width: 1281px) {
  .section-specs .table-wrap .specs-col:nth-child(1) {
    max-width: clamp(420px, calc(18.77934vw + 179.43662px), 540px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .table-wrap .specs-col:nth-child(1) {
    max-width: clamp(318px, calc(40.3125vw + -69px), 447px);
  }

  .section-specs .table-wrap .specs-col:nth-child(2) {
    max-width: clamp(318px, calc(40.3125vw + -69px), 447px);
  }
}

.section-specs .swiper-pagination-specs {
  position: static;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 30px;
  font-size: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
}

@media screen and (max-width: 960px) {
  .section-specs .swiper-pagination-specs {
    margin-top: 16px;
  }
}

.section-specs .swiper-pagination-specs .swiper-pagination-bullet::after {
  opacity: 0.4;
  background-color: var(--white-fixed);
}

.section-specs .swiper-pagination-specs .swiper-pagination-bullet-active::after {
  opacity: 1;
}

.section-specs .swiper-specs-button {
  position: absolute;
  top: 46%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

@media screen and (min-width: 1920px) {
  .section-specs .swiper-specs-button {
    top: 47%;
  }
}

@media screen and (max-width: 960px) {
  .section-specs .swiper-specs-button {
    display: none;
  }
}

.section-specs .swiper-specs-button-prev {
  inset-inline-start: clamp(-51px, calc(-3.28638vw + -8.90141px), -72px);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .swiper-specs-button-prev {
    inset-inline-start: clamp(40px, calc(8.4375vw + -41px), 67px);
  }
}

.section-specs .swiper-specs-button-next {
  inset-inline-end: clamp(-51px, calc(-3.28638vw + -8.90141px), -72px);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .swiper-specs-button-next {
    inset-inline-end: clamp(40px, calc(8.4375vw + -41px), 67px);
  }
}

.section-specs .swiper-specs-button .ic-arrowset-outlined-back-40px {
  background-image: url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 33L14 20 26 7' stroke='rgb%28255%2C255%2C255%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .swiper-specs-button .ic-arrowset-outlined-back-40px {
    width: 22px;
    height: 22px;
  }
}

[dir='rtl'] .section-specs .swiper-specs-button .ic-arrowset-outlined-back-40px {
  rotate: 180deg;
}

.section-specs .swiper-specs-button .ic-arrowset-outlined-next-40px {
  background-image: url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 33l12-13L15 7' stroke='rgb%28255%2C255%2C255%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .swiper-specs-button .ic-arrowset-outlined-next-40px {
    width: 22px;
    height: 22px;
  }
}

[dir='rtl'] .section-specs .swiper-specs-button .ic-arrowset-outlined-next-40px {
  rotate: 180deg;
}

.section-specs .table-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px 40px;
  background: rgba(255, 255, 255, 0.03);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1281px) {
  .section-specs .table-head {
    gap: 60px;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .table-head {
    gap: 40px;
    padding: 0px 32px;
  }
}

@media screen and (max-width: 960px) {
  .section-specs .table-head {
    gap: 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0 20px;
  }
}

@media screen and (max-width: 600px) {
  .section-specs .table-head {
    gap: 14px;
  }
}

.section-specs .table-head-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 36px 0;
  color: var(--surface);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-specs .table-head-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    padding: 36px 0;
    font-size: 1.8rem;
    line-height: 1.33333;
  }
}

@media screen and (max-width: 960px) {
  .section-specs .table-head-text {
    padding: 24px 0;
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

.section-specs .table-head-text:not(:first-child) {
  text-align: center;
}

.section-specs .swiper-pagination-wrapper {
  margin: 0 auto;
}

@media screen and (min-width: 961px) {
  .section-specs.type-no-image .specs-list {
    margin-top: 80px;
  }
}

@media screen and (max-width: 960px) {
  .section-specs .table-wrap {
    position: relative;
    overflow-x: auto;
  }

  .section-specs .table-body {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .section-specs .table-head-text,
  .section-specs .specs-col {
    min-width: 272px;
  }

  .section-specs .specs-item .accordion-content {
    position: relative;
  }

  .section-specs .specs-item .accordion-content:before,
  .section-specs .specs-item .accordion-content:after {
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    width: 20px;
    z-index: 1;
    content: '';
  }

  .section-specs .specs-item .accordion-content:before {
    inset-inline-start: -1px;
    background: -webkit-gradient(linear, left top, left bottom, from(calc(270deg * var(--inline-dir))), color-stop(0%, rgba(5, 20, 31, 0)), to(#05141f));
    background: linear-gradient(calc(270deg * var(--inline-dir)), rgba(5, 20, 31, 0) 0%, #05141f 100%);
  }

  .section-specs .specs-item .accordion-content:after {
    inset-inline-end: -1px;
    background: -webkit-gradient(linear, left top, left bottom, from(calc(270deg * var(--inline-dir))), color-stop(0%, #05141f), to(rgba(5, 20, 31, 0)));
    background: linear-gradient(calc(270deg * var(--inline-dir)), #05141f 0%, rgba(5, 20, 31, 0) 100%);
  }

  .section-specs .specs-item .accordion-content.is-start:after {
    display: none;
  }

  .section-specs .specs-item .accordion-content.is-start:before {
    display: block;
  }

  .section-specs .specs-item .accordion-content.is-end:before {
    display: none;
  }

  .section-specs .specs-item .accordion-content.is-end:after {
    display: block;
  }

  .section-specs .specs-item .accordion-content.is-middle:before,
  .section-specs .specs-item .accordion-content.is-middle:after {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .section-specs {
    padding: 80px 0 92px;
  }

  .section-specs .title-wrap .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
  }

  .section-specs .title-wrap .sub-title {
    margin-top: 6px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.53846;
  }

  .section-specs .specs-slider-box {
    margin-top: 40px;
  }

  .section-specs .specs-slider {
    border-radius: 4px;
  }

  .section-specs .specs-image {
    padding-top: 53.125%;
  }

  .section-specs .specs-list {
    margin-top: 40px;
  }

  .section-specs .specs-label {
    font-size: 1.2rem;
    line-height: 1.5;
  }

  .section-specs .specs-btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-block: 24px 23px;
    padding-inline: 0 36px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
  }

  .section-specs .specs-btn::after {
    width: 16px;
    height: 16px;
  }

  .section-specs .swiper-pagination-specs {
    margin-top: 16px;
  }

  .section-specs .table-head-text,
  .section-specs .specs-col {
    width: 160px;
    min-width: auto;
  }

  .section-specs .specs-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 69px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .section-specs .specs-col:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}


/* pv5-files/css/kow.module.pbv-kv-immersive.css */

.key-visual4.key-visual {
  overflow: visible !important;
}

.key-visual4 .key-visual-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: var(--menuHeight);
  width: 100%;
  height: calc(100vh - var(--menuHeight));
  overflow: hidden;
}

.key-visual4 .key-visual-sticky:after {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
  content: '';
}

.key-visual4 .key-visual-single {
  position: relative;
  height: 100%;
}

.key-visual4 .key-visual-single .key-visual-bg {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
}

.key-visual4 .key-visual-single .key-visual-bg .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .key-visual4 .key-visual-single .key-visual-bg .image.only-pc {
    display: block !important;
  }
}

.key-visual4 .key-visual-bg {
  position: relative;
  height: 100%;
}

.key-visual4 .key-visual-bg .bg-item {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.6s cubic-bezier(0.5, 1, 0.89, 1);
  text-align: center;
}

.key-visual4 .key-visual-bg .bg-item.fade-in {
  opacity: 1;
}

.key-visual4 .key-visual-bg .bg-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .key-visual4 .key-visual-bg .bg-item img.only-pc {
    display: block !important;
  }
}

.key-visual4 .key-visual-text .text-lg {
  position: absolute;
  top: 50%;
  inset-inline-start: 120px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 720px;
  text-align: start;
  color: var(--surface);
  z-index: 1;
  font-size: 6rem;
  font-weight: 600;
  line-height: 1.2;
}

@media screen and (min-width: 601px) {
  .key-visual4 .key-visual-text .text-lg {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual4 .key-visual-text .text-lg {
    max-width: 580px;
    font-size: 4.8rem;
    line-height: 1.29167;
    inset-inline-start: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media screen and (max-width: 960px) {
  .key-visual4 .key-visual-text .text-lg {
    inset-inline-start: clamp(40px, calc(25vw + -200px), 120px);
    max-width: 580px;
    font-size: 4rem;
    line-height: 1.3;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual4 .key-visual-text .text-lg {
    inset-inline-start: 32px;
    max-width: 340px;
    font-size: 2.8rem;
    line-height: 1.35714;
  }
}

@media screen and (max-width: 600px) {
  .key-visual4 .key-visual-text .text-lg {
    top: 83.333vw;
    inset-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    max-width: 320px;
    max-height: 200px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    font-size: 2.4rem;
    line-height: 1.25;
  }
}

.key-visual4 .key-visual-text .text-sm {
  position: absolute;
  inset-inline-end: clamp(120px, calc(0vw + 120px), 120px);
  bottom: clamp(100px, calc(10000vw + -127900px), 200px);
  z-index: 1;
  max-width: clamp(520px, calc(24000vw + -306680px), 760px);
  font-weight: 400;
  color: var(--surface);
  text-align: start;
}

@media screen and (min-width: 601px) {
  .key-visual4 .key-visual-text .text-sm span {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (min-width: 1281px) {
  .key-visual4 .key-visual-text .text-sm {
    bottom: clamp(100px, calc(15.64945vw + -100.46948px), 200px);
    max-width: clamp(520px, calc(37.55869vw + 38.87324px), 760px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual4 .key-visual-text .text-sm {
    max-width: 560px;
    font-size: 1.6rem;
    line-height: 1.5;
    inset-inline-end: clamp(40px, calc(18.75vw + -140px), 100px);
    bottom: 100px;
  }
}

@media screen and (max-width: 960px) {
  .key-visual4 .key-visual-text .text-sm {
    inset-inline-end: clamp(100px, calc(0vw + 100px), 100px);
    bottom: 100px;
    max-width: 560px;
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual4 .key-visual-text .text-sm {
    inset-inline-end: 32px;
    bottom: 100px;
    max-width: 400px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

@media screen and (max-width: 600px) {
  .key-visual4 .key-visual-text .text-sm {
    bottom: 100px;
    max-width: 100%;
    inset-inline-end: clamp(20px, calc(5vw + 2px), 32px);
    inset-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.key-visual4 .text-scroll {
  position: relative;
  top: 50%;
  height: 100%;
  z-index: 1;
  padding: 0 120px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: start;
  color: var(--surface);
}

@media screen and (min-width: 1281px) {
  .key-visual4 .text-scroll {
    -webkit-padding-start: clamp(120px, calc(0vw + 120px), 120px);
    padding-inline-start: clamp(120px, calc(0vw + 120px), 120px);
    -webkit-padding-end: clamp(120px, calc(0vw + 120px), 120px);
    padding-inline-end: clamp(120px, calc(0vw + 120px), 120px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual4 .text-scroll {
    -webkit-padding-start: clamp(40px, calc(25vw + -200px), 120px);
    padding-inline-start: clamp(40px, calc(25vw + -200px), 120px);
    -webkit-padding-end: clamp(40px, calc(18.75vw + -140px), 100px);
    padding-inline-end: clamp(40px, calc(18.75vw + -140px), 100px);
  }
}

@media screen and (max-width: 960px) {
  .key-visual4 .text-scroll {
    padding: 0 40px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual4 .text-scroll {
    padding: 0 32px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual4 .text-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.key-visual4 .text-scroll .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  opacity: 0;
  max-width: 720px;
  height: 100%;
  -webkit-transform: translateY(300px);
  transform: translateY(300px);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.3s;
  transition: opacity 0.4s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.4s;
  transition: transform 0.3s, opacity 0.4s, -webkit-transform 0.3s;
  color: var(--surface);
  text-align: start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 6rem;
  font-weight: 600;
  line-height: 1.2;
}

@media screen and (min-width: 601px) {
  .key-visual4 .text-scroll .text span {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual4 .text-scroll .text {
    max-width: 580px;
    font-size: 4.8rem;
    line-height: 1.29167;
  }
}

@media screen and (max-width: 960px) {
  .key-visual4 .text-scroll .text {
    max-width: 500px;
    font-size: 4rem;
    line-height: 1.3;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual4 .text-scroll .text {
    max-width: 340px;
    font-size: 2.8rem;
    line-height: 1.35714;
  }
}

@media screen and (max-width: 600px) {
  .key-visual4 .text-scroll .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 320px;
    max-height: 200px;
    font-size: 2.4rem;
    line-height: 1.25;
  }
}

.key-visual4 .text-scroll .text.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 2;
}

.key-visual4 .text-scroll .text.is-exit {
  opacity: 0;
  -webkit-transform: translateY(-300px);
  transform: translateY(-300px);
  z-index: 1;
}

.key-visual4 .text-scroll .text .thumb {
  display: block;
}

.key-visual4 .text-scroll .text .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .key-visual4 .text-scroll .text .thumb img.only-pc {
    display: block !important;
  }
}

.key-visual4 .text-fade {
  position: absolute;
  inset-inline-end: clamp(100px, calc(2000vw + -25500px), 120px);
  bottom: clamp(100px, calc(10000vw + -127900px), 200px);
  z-index: 1;
  max-width: clamp(520px, calc(24000vw + -306680px), 760px);
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

@media screen and (min-width: 601px) {
  .key-visual4 .text-fade .text {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }
}

@media screen and (min-width: 1281px) {
  .key-visual4 .text-fade {
    bottom: clamp(100px, calc(15.64945vw + -100.46948px), 200px);
    max-width: clamp(520px, calc(37.55869vw + 38.87324px), 760px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual4 .text-fade {
    max-width: 560px;
    inset-inline-end: clamp(40px, calc(18.75vw + -140px), 100px);
  }
}

@media screen and (max-width: 960px) {
  .key-visual4 .text-fade {
    inset-inline-end: clamp(40px, calc(18.75vw + -140px), 100px);
    bottom: 100px;
    max-width: 560px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual4 .text-fade {
    inset-inline-end: 32px;
    bottom: 100px;
    max-width: 400px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual4 .text-fade {
    bottom: 100px;
    max-width: 100%;
    inset-inline-end: clamp(20px, calc(5vw + 2px), 32px);
    inset-inline-start: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.key-visual4 .text-fade .text {
  max-width: 800px;
  font-weight: 400;
  text-align: start;
  color: var(--surface);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual4 .text-fade .text {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 960px) {
  .key-visual4 .text-fade .text {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.key-visual4 .text-fade.is-show {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.key-visual4 .media {
  width: 100%;
  height: 100%;
  background-image: var(--poster-pc);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  -o-object-fit: cover;
  object-fit: cover;
  background-position: center;
  -o-object-position: center;
  object-position: center;
}

.key-visual4 .media.only-mo {
  background-image: var(--poster-mo);
}


/* pv5-files/css/kow.module.pbv-card-description.css */

.card-description {
  padding: 160px 0;
}

@media screen and (max-width: 1280px) {
  .card-description {
    padding: 120px 0;
  }
}

@media screen and (max-width: 960px) {
  .card-description {
    padding: 80px 0;
  }
}

.card-description .title-wrap {
  max-width: 1040px;
}

@media screen and (max-width: 1280px) {
  .card-description .title-wrap {
    max-width: 880px;
  }
}

@media screen and (max-width: 960px) {
  .card-description .title-wrap {
    max-width: 536px;
  }
}

@media screen and (max-width: 600px) {
  .card-description .title-wrap {
    max-width: 100%;
  }
}

.card-description .title-wrap .title {
  color: var(--on-surface);
}

.card-description .title-wrap .sub-title {
  display: block;
  margin-top: 16px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--on-surface);
}

@media screen and (max-width: 1280px) {
  .card-description .title-wrap .title {
    font-size: 3.6rem;
    line-height: 1.38889;
  }

  .card-description .title-wrap .sub-title {
    margin-top: 6px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 960px) {
  .card-description .title-wrap .title {
    font-size: 2rem;
    line-height: 1.4;
  }

  .card-description .title-wrap .sub-title {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.card-description .card-inner {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: clamp(1040px, calc(37.55869vw + 558.87324px), 1280px);
}

@media screen and (max-width: 1280px) {
  .card-description .card-inner {
    width: clamp(880px, calc(50vw + 400px), 1040px);
  }
}

@media screen and (max-width: 960px) {
  .card-description .card-inner {
    width: 100%;
    padding: 0 32px;
  }
}

@media screen and (max-width: 600px) {
  .card-description .card-inner {
    padding-left: clamp(20px, calc(5vw + 2px), 32px);
    padding-right: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.card-description .card-list {
  margin-top: 80px;
}

@media screen and (max-width: 1280px) {
  .card-description .card-list {
    margin-top: 40px;
  }
}

.card-description .model-card {
  gap: 32px;
}

@media screen and (max-width: 960px) {
  .card-description .model-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
}

.card-description .model-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1281px) {
  .card-description .model-box {
    max-width: 400px;
  }
}

.card-description .model-thumbnail {
  position: relative;
  width: clamp(560px, calc(12.51956vw + 399.62441px), 640px);
  height: clamp(300px, calc(6.25978vw + 219.81221px), 340px);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}

.card-description .model-thumbnail .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.card-description .model-thumbnail .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1280px) {
  .card-description .model-thumbnail {
    width: clamp(480px, calc(25vw + 240px), 560px);
    height: clamp(255px, calc(14.0625vw + 120px), 300px);
  }
}

@media screen and (max-width: 960px) {
  .card-description .model-thumbnail {
    width: 100%;
    height: 320px;
    padding-top: 0;
    border-radius: 4px;
  }
}

.card-description .model-title {
  color: var(--on-surface);
}

@media screen and (max-width: 1280px) {
  .card-description .model-title {
    font-size: 1.8rem;
    line-height: 1.33333;
  }
}

@media screen and (max-width: 960px) {
  .card-description .model-title {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

.card-description .model-subtitle {
  margin-top: 12px;
  color: var(--on-surface-highest);
}

@media screen and (min-width: 601px) {
  .card-description .model-subtitle {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 1280px) {
  .card-description .model-subtitle {
    margin-top: 4px;
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {
  .card-description .model-subtitle {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

.card-description .model-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-description .model-card:not(:first-child) {
  margin-top: 60px;
}

@media screen and (max-width: 1280px) {
  .card-description .model-card:not(:first-child) {
    margin-top: 40px;
  }
}


/* pv5-files/css/kow.module.pbv-infoActionBox.css */

.section-info-action-box {
  padding: 160px 0;
}

.section-info-action-box .title-wrap .title {
  color: var(--on-surface);
}

.section-info-action-box.type-one .info-action-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}

@media screen and (max-width: 600px) {
  .section-info-action-box.type-one .info-action-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .section-info-action-box.type-one .info-action-box .info-action-list {
    width: 100%;
  }
}

.section-info-action-box.type-one .info-action-title {
  max-width: 50%;
}

.section-info-action-box.type-one .info-action-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
}

.section-info-action-box.type-one .info-action-item {
  width: 100%;
  max-width: 420px;
  padding: 0;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}

@media screen and (max-width: 1280px) {
  .section-info-action-box.type-one .info-action-item {
    max-width: 320px;
  }

  .section-info-action-box.type-one .info-action-item .info-action-button {
    font-size: 1.8rem;
    line-height: 1.33333;
  }
}

@media screen and (max-width: 960px) {
  .section-info-action-box.type-one .info-action-item {
    max-width: 440px;
  }

  .section-info-action-box.type-one .info-action-item .info-action-button {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 600px) {
  .section-info-action-box.type-one .info-action-item {
    max-width: 100%;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }
}

.section-info-action-box.type-one .title-wrap {
  max-width: clamp(500px, calc(18.77934vw + 259.43662px), 620px);
}

@media screen and (max-width: 1280px) {
  .section-info-action-box.type-one .title-wrap {
    max-width: 400px;
  }

  .section-info-action-box.type-one .title-wrap .title {
    font-size: 3.2rem;
    line-height: 1.25;
  }
}

@media screen and (max-width: 1280px) and (max-width: 960px) {
  .section-info-action-box.type-one .title-wrap {
    width: calc(50% - 8px);
  }

  .section-info-action-box.type-one .title-wrap .title {
    font-size: 2rem;
    line-height: 1.4;
  }
}

@media screen and (max-width: 1280px) and (max-width: 600px) {
  .section-info-action-box.type-one .title-wrap {
    width: 100%;
  }
}

.section-info-action-box.type-no-icon .info-action-content {
  padding: 47px 32px;
}

@media screen and (max-width: 1280px) {
  .section-info-action-box.type-no-icon .info-action-content {
    padding: 27px 24px;
  }
}

@media screen and (max-width: 960px) {
  .section-info-action-box.type-no-icon .info-action-content {
    padding: 20px 19px;
  }
}

.section-info-action-box .info-action-title {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 0.95833;
  color: var(--on-surface);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-info-action-box .info-action-box {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: clamp(1040px, calc(37.55869vw + 558.87324px), 1280px);
}

@media screen and (max-width: 1280px) {
  .section-info-action-box .info-action-box {
    width: clamp(880px, calc(50vw + 400px), 1040px);
  }
}

@media screen and (max-width: 960px) {
  .section-info-action-box .info-action-box {
    width: 100%;
    padding: 0 32px;
  }
}

@media screen and (max-width: 600px) {
  .section-info-action-box .info-action-box {
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.section-info-action-box .info-action-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 60px;
  -webkit-margin-start: clamp(-8px, calc(-0.31299vw + -3.99061px), -10px);
  margin-inline-start: clamp(-8px, calc(-0.31299vw + -3.99061px), -10px);
  -webkit-margin-end: clamp(-8px, calc(-0.31299vw + -3.99061px), -10px);
  margin-inline-end: clamp(-8px, calc(-0.31299vw + -3.99061px), -10px);
}

.section-info-action-box .info-action-list.is-break {
  row-gap: clamp(16px, calc(0.62598vw + 7.98122px), 20px);
}

.section-info-action-box .info-action-list.is-break .info-action-item {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 50%;
}

@media screen and (max-width: 1280px) {
  .section-info-action-box .info-action-list.is-break {
    row-gap: 12px;
  }
}

@media screen and (max-width: 600px) {
  .section-info-action-box .info-action-list.is-break .info-action-item {
    width: 100%;
  }
}

@media screen and (max-width: 1280px) {
  .section-info-action-box .info-action-list {
    margin: 32px -6px 0 -6px;
  }
}

@media screen and (max-width: 960px) {
  .section-info-action-box .info-action-list {
    row-gap: 12px;
    margin-top: 20px;
  }
}

.section-info-action-box .info-action-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(40px, calc(1.87793vw + 15.94366px), 52px);
  height: clamp(40px, calc(1.87793vw + 15.94366px), 52px);
}

.section-info-action-box .info-action-icon .ic {
  width: clamp(40px, calc(1.87793vw + 15.94366px), 52px);
  height: clamp(40px, calc(1.87793vw + 15.94366px), 52px);
}

@media screen and (max-width: 1280px) {
  .section-info-action-box .info-action-icon {
    width: 32px;
    height: 32px;
  }

  .section-info-action-box .info-action-icon .ic {
    width: 32px;
    height: 32px;
  }
}

@media screen and (max-width: 960px) {
  .section-info-action-box .info-action-icon {
    width: 24px;
    height: 24px;
  }

  .section-info-action-box .info-action-icon .ic {
    width: 24px;
    height: 24px;
  }
}

.section-info-action-box .info-action-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-padding-start: clamp(8px, calc(0.31299vw + 3.99061px), 10px);
  padding-inline-start: clamp(8px, calc(0.31299vw + 3.99061px), 10px);
  -webkit-padding-end: clamp(8px, calc(0.31299vw + 3.99061px), 10px);
  padding-inline-end: clamp(8px, calc(0.31299vw + 3.99061px), 10px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1280px) {
  .section-info-action-box .info-action-item {
    padding: 0 6px;
  }
}

@media screen and (max-width: 960px) {
  .section-info-action-box .info-action-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  .section-info-action-box .info-action-item {
    width: 100%;
  }
}

.section-info-action-box .info-action-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(32px, calc(0.62598vw + 23.98122px), 36px);
  padding: 31px;
  border-radius: 8px;
  border: 1px solid var(--outline-low);
}

@media screen and (max-width: 1280px) {
  .section-info-action-box .info-action-content {
    gap: 24px;
    padding: 23px;
  }
}

@media screen and (max-width: 960px) {
  .section-info-action-box .info-action-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    padding: 19px;
  }
}

.section-info-action-box .info-action-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: clamp(20px, calc(0.62598vw + 11.98122px), 24px);
  line-height: 28px;
  font-weight: 700;
  color: var(--on-surface-container);
}

.section-info-action-box .info-action-button:after {
  -webkit-transform: scaleX(var(--inline-dir));
  transform: scaleX(var(--inline-dir));
  min-width: 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3l9 9-9 9' stroke='rgb%285%2C20%2C31%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
  content: '';
}

@media screen and (min-width: 961px) {
  .section-info-action-box .info-action-button {
    -webkit-padding-start: 4px;
    padding-inline-start: 4px;
  }
}

@media screen and (max-width: 1280px) {
  .section-info-action-box .info-action-button {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.375;
  }

  .section-info-action-box .info-action-button::after {
    min-width: 16px;
    width: 16px;
    height: 16px;
  }
}

@media screen and (max-width: 960px) {
  .section-info-action-box .info-action-button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 1.57143;
  }

  .section-info-action-box .info-action-button::after {
    min-width: 12px;
    width: 12px;
    height: 12px;
  }
}

@media screen and (max-width: 600px) {
  .section-info-action-box .ic-make-a-call-bold-48px {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.591 19.331l.232-.36c.077-.14.141-.282.18-.398a.477.477 0 00-.16-.544l-3.206-2.586a.478.478 0 00-.214-.105.467.467 0 00-.343.074l-1.656 1.083a.433.433 0 01-.494-.03c-.64-.523-2.438-2.05-3.741-3.611-1.303-1.562-2.488-3.626-2.887-4.34a.456.456 0 01.056-.503L9.7 6.473a.459.459 0 00.056-.503L7.763 2.297a.511.511 0 00-.34-.248.355.355 0 00-.164-.002c-1.003.224-3.078 1.393-3.612 1.698a.753.753 0 00-.257.274C2.198 6.953 5.774 12.6 8.176 15.47c2.466 2.959 6.202 6.066 9.426 6.625.392.068.76.058 1.09-.055 0 0 .128-.115.718-.95l.526-.73.655-1.028z' stroke='rgb%285%2C20%2C31%29' stroke-width='1.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 600px) {
  .section-info-action-box .ic-customer-service-center-bold-48px {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 14.668h3v-4.056l-3-1.014m0 5.07v-5.07m0 5.07c-.042 2.716-1.837 4.638-4.29 5.246M6 9.598v5.07H3V10.43l3-.832zm0 0V8.584C6 5.224 8.686 2.5 12 2.5s6 2.724 6 6.084v1.014' stroke='rgb%285%2C20%2C31%29' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='20' r='1.5' stroke='rgb%285%2C20%2C31%29' stroke-width='1.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 600px) {
  .section-info-action-box .ic-clipboard-bold-48px {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 4v-.9h-.9V4h.9zm15 0h.9v-.9h-.9V4zm-15 17.5h-.9v.9h.9v-.9zm15 .9h.9v-1.8h-.9v1.8zm-15-.9h.9V4H3.6v17.5h.9zm15 0v-.9h-15v1.8h15v-.9zM4.5 4v.9h4.268V3.1H4.5V4zm11.085 0v.9H19.5V3.1h-3.915V4zM19.5 4h-.9v14.6h1.8V4h-.9z' fill='rgb%285%2C20%2C31%29'/%3E%3Cpath d='M8.5 2.5h7v3h-7v-3z' stroke='rgb%285%2C20%2C31%29' stroke-width='1.8'/%3E%3Cpath d='M8.5 16.5h6M8.5 12.5h3' stroke='rgb%285%2C20%2C31%29' stroke-width='1.8' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 600px) {
  .section-info-action-box .ic-commnet-bold-48px {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 20.438h-.9v1.681l1.4-.933-.5-.748zM3 3.563v-.9h-.9v.9H3zm18 13.5v.9h.9v-.9H21zm0-12.6h.9v-1.8H21v1.8zm-12.938 12.6v-.9H7.79l-.227.15.5.75zm12.938 0v-.9H8.062v1.8H21v-.9zm-12.938 0l-.499-.75-5.062 3.376.499.748.5.75 5.062-3.376-.5-.748zM21 3.563v-.9H3v1.8h18v-.9zM3 11.436h.9V3.564H2.1v7.874H3zm0 0h-.9v9h1.8v-9H3zM21 6.4h-.9v10.662h1.8V6.4H21zM15.25 11.563v-2.5h2.5v2.5h-2.5zM10.75 11.563v-2.5h2.5v2.5h-2.5zM6.25 11.563v-2.5h2.5v2.5h-2.5z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 1280px) {
  .section-info-action-box {
    padding: 120px 0;
  }

  .section-info-action-box .title-wrap .title {
    font-size: 3.6rem;
    line-height: 1.38889;
  }
}

@media screen and (max-width: 960px) {
  .section-info-action-box {
    padding: 80px 0;
  }

  .section-info-action-box .title-wrap .title {
    font-size: 2rem;
    line-height: 1.4;
  }
}


/* pv5-files/css/kow.module.pbv-aer-calculator.css */

.section-range-calculator {
  max-width: 1920px;
  margin: 0 auto;
  padding: 160px 0 140px;
}

.section-range-calculator .title-wrap {
  margin-block: 0 100px;
  margin-inline: auto;
  text-align: center;
}

@media screen and (min-width: 1281px) {
  .section-range-calculator .title-wrap {
    max-width: 100%;
    width: clamp(1040px, calc(37.55869vw + 558.87324px), 1280px);
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-range-calculator .title-wrap {
    width: clamp(880px, calc(50vw + 400px), 1040px);
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator .title-wrap {
    margin-bottom: 28px;
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

@media screen and (max-width: 600px) {
  .section-range-calculator .title-wrap {
    margin-bottom: 40px;
  }
}

.section-range-calculator .title-wrap .title {
  color: var(--on-surface);
}

.section-range-calculator .title-wrap .sub-title {
  display: block;
  margin-top: 16px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--primary-highest);
}

.section-range-calculator .calculator-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: clamp(80px, calc(6.25978vw + -0.18779px), 120px);
  -webkit-margin-end: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  margin-inline-end: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  -webkit-margin-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  margin-inline-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-range-calculator .calculator-image {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-range-calculator .calculator-image .image-box {
  max-width: clamp(380px, calc(18.77934vw + 139.43662px), 500px);
  margin-top: 10px;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}

.section-range-calculator .calculator-image .image-box .image {
  max-width: 100%;
}

.section-range-calculator .calculator-image-box {
  max-width: clamp(481px, calc(18.62285vw + 242.44131px), 600px);
}

@media screen and (min-width: 961px) {
  .section-range-calculator .calculator-image {
    position: -webkit-sticky;
    position: sticky;
    top: 25%;
    z-index: 1;
  }
}

@media screen and (max-width: 1280px) {
  .section-range-calculator .calculator-image .image-box {
    max-width: clamp(327px, calc(16.5625vw + 168px), 380px);
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator .calculator-image .estimated-range-box .estimated-range-number {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .section-range-calculator .calculator-image {
    padding: 40px 0 0;
  }
}

.section-range-calculator .calculator-content {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: clamp(480px, calc(12.51956vw + 319.62441px), 560px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1280px) {
  .section-range-calculator .calculator-content {
    width: clamp(400px, calc(25vw + 160px), 480px);
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator .calculator-content {
    max-width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator .calculator-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section-range-calculator .calculator-image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.section-range-calculator .temperature-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.section-range-calculator .temperature-list .category-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
}

.section-range-calculator .temperature-list .category-item:not(:first-child) {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

.section-range-calculator .temperature-list .category-item.is-selected .category-btn {
  background-color: var(--on-primary-ultimate);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.57143;
}

.section-range-calculator .temperature-list .category-btn {
  width: 100%;
  height: 40px;
  padding: 0 16px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.57143;
}

@media screen and (max-width: 960px) {
  .section-range-calculator .temperature-list {
    margin-top: 8px;
  }

  .section-range-calculator .temperature-list .category-btn {
    min-width: 67px;
    padding: 0 15px;
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator .temperature-list {
    gap: 8px;
  }

  .section-range-calculator .temperature-list .category-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .section-range-calculator .temperature-list .category-item.is-selected .category-btn {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2.66667;
  }

  .section-range-calculator .temperature-list .category-btn {
    min-width: 57px;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    font-size: 1.2rem;
    line-height: 2.66667;
  }
}

.section-range-calculator .information-area {
  margin-top: 40px;
  padding-bottom: 20px;
}

.section-range-calculator .information-area .dropdown {
  margin-top: 10px;
}

.section-range-calculator .information-area .dropdown .btn-select-dropdown {
  padding: 12px 0 11px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--on-surface-container);
  border-radius: 0;
  border-width: 0 0 1px 0;
}

.section-range-calculator .information-area .dropdown .btn-select-dropdown::after {
  inset-inline-end: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='rgb%285%2C20%2C31%29' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (max-width: 960px) {
  .section-range-calculator .information-area .dropdown .btn-select-dropdown::after {
    width: 12px;
    height: 12px;
  }
}

@media screen and (max-width: 1280px) {
  .section-range-calculator .information-area .dropdown {
    margin-top: 8px;
  }

  .section-range-calculator .information-area .dropdown .btn-select-dropdown {
    padding-top: 10px;
    padding-bottom: 9px;
    font-size: 1.4rem;
    line-height: 1.42857;
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator .information-area .dropdown {
    margin-top: 6px;
  }

  .section-range-calculator .information-area .dropdown .btn-select-dropdown {
    padding: 6px 0 5px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }

  .section-range-calculator .information-area .dropdown .btn-select-dropdown::after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
  }
}

.section-range-calculator .information-item:not(:first-child) {
  margin-top: 32px;
}

@media screen and (max-width: 960px) {
  .section-range-calculator .information-item:not(:first-child) {
    margin-top: 28px;
  }
}

.section-range-calculator .information-item .payload-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section-range-calculator .information-item .payload-head .payload-sub {
  color: var(--on-surface-high);
}

@media screen and (max-width: 960px) {
  .section-range-calculator .information-item .payload-head .payload-sub {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

.section-range-calculator .information-title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--on-surface-container);
}

@media screen and (max-width: 1280px) {
  .section-range-calculator .information-title {
    font-size: 1.4rem;
    line-height: 1.42857;
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator .information-title {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.53846;
  }
}

.section-range-calculator .information-type-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 12px;
}

@media screen and (max-width: 960px) {
  .section-range-calculator .information-type-radio {
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.section-range-calculator .information-type-radio .checkbox-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
}

.section-range-calculator .information-type-radio .input-box .label {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42857;
  color: var(--on-surface);
}

@media screen and (max-width: 960px) {
  .section-range-calculator .information-type-radio .input-box .label {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.section-range-calculator .information-type-radio .toggle-box {
  position: relative;
}

.section-range-calculator .information-type-radio .toggle-box .input:checked+.label::before {
  inset-inline-start: auto;
  inset-inline-end: 5px;
}

.section-range-calculator .information-type-radio .toggle-box .input:checked+.label+.text {
  inset-inline-start: 14px;
  inset-inline-end: auto;
}

@media screen and (max-width: 960px) {
  .section-range-calculator .information-type-radio .toggle-box .input:checked+.label+.text {
    inset-inline-start: 11px;
  }
}

.section-range-calculator .information-type-radio .toggle-box .input+.label {
  width: 76px;
  height: 38px;
  border-radius: 25px;
}

.section-range-calculator .information-type-radio .toggle-box .input+.label::before {
  top: 5px;
  inset-inline-start: 5px;
  width: 28px;
  height: 28px;
}

@media screen and (max-width: 960px) {
  .section-range-calculator .information-type-radio .toggle-box .input+.label {
    width: 64px;
    height: 32px;
  }

  .section-range-calculator .information-type-radio .toggle-box .input+.label::before {
    top: 4px;
    inset-inline-start: 4px;
    width: 24px;
    height: 24px;
  }
}

.section-range-calculator .information-type-radio .toggle-box .text {
  position: absolute;
  top: 50%;
  inset-inline-end: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--white-fixed);
}

@media screen and (max-width: 960px) {
  .section-range-calculator .information-type-radio .toggle-box .text {
    inset-inline-end: 7px;
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator .information-type-checkbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.section-range-calculator .location-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 12px;
}

@media screen and (max-width: 960px) {
  .section-range-calculator .location-box {
    margin-top: 8px;
  }
}

.section-range-calculator .location-progress {
  position: relative;
  height: 48px;
}

.section-range-calculator .location-progress-box {
  min-width: 20px;
  text-align: center;
}

.section-range-calculator .location-progress-box:nth-child(1) .location-value {
  color: var(--surface);
}

.section-range-calculator .location-progress-box:nth-child(1) .location-progress {
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
  background-color: var(--primary);
}

.section-range-calculator .location-progress-box:nth-child(2) .location-progress {
  background-color: var(--primary-mid);
}

.section-range-calculator .location-progress-box:nth-child(3) .location-progress {
  border-start-end-radius: 4px;
  border-end-end-radius: 4px;
  background-color: var(--primary-lowest);
}

.section-range-calculator .location-progress-box.is-min .location-text {
  -webkit-transform: translateX(calc(calc(-100% + 20px) * var(--inline-dir)));
  transform: translateX(calc(calc(-100% + 20px) * var(--inline-dir)));
}

@media screen and (max-width: 1280px) {
  .section-range-calculator .location-progress {
    height: 40px;
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator .location-progress {
    height: 34px;
  }
}

.section-range-calculator .location-text {
  display: inline-block;
  margin-top: 4px;
  color: var(--on-surface-highest);
  white-space: nowrap;
}

@media screen and (max-width: 960px) {
  .section-range-calculator .location-text {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

.section-range-calculator .location-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 8px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  border: 1px solid var(--primary-low);
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 10px 0px #0000000f;
  box-shadow: 0px 2px 10px 0px #0000000f;
  -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
  transform: translateX(calc(-50% * var(--inline-dir)));
}

[dir='rtl'] .section-range-calculator .location-button {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.section-range-calculator .location-button .ic-arrowset-outlined-back-12px {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L4 6l4 4' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.section-range-calculator .location-button .ic-arrowset-outlined-next-12px {
  background-image: url("data:image/svg+xml, %3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2l4 4-4 4' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (max-width: 1280px) {
  .section-range-calculator .location-button {
    top: 4px;
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator .location-button {
    top: 4px;
    width: 26px;
    height: 26px;
  }

  .section-range-calculator .location-button .ic {
    width: 10px;
    height: 10px;
  }
}

.section-range-calculator .location-value {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), -50%);
  transform: translate(calc(-50% * var(--inline-dir)), -50%);
  color: var(--on-surface);
  word-break: keep-all;
}

@media screen and (max-width: 1280px) {
  .section-range-calculator .location-value {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator .location-value {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.section-range-calculator .estimated-range-title {
  color: var(--on-surface);
}

.section-range-calculator .estimated-range-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 6px;
}

.section-range-calculator .estimated-range-number .number,
.section-range-calculator .estimated-range-number .desc {
  display: block;
}

.section-range-calculator .estimated-range-number .number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: var(--primary);
}

.section-range-calculator .estimated-range-number .desc {
  position: relative;
  top: -10px;
  -webkit-margin-start: 8px;
  margin-inline-start: 8px;
  color: var(--on-surface-container-high);
}

@media screen and (max-width: 1280px) {
  .section-range-calculator .estimated-range-title {
    font-size: 1.8rem;
    line-height: 1.33333;
  }

  .section-range-calculator .estimated-range-number .number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 4.8rem;
    line-height: 1.29167;
  }

  .section-range-calculator .estimated-range-number .unit {
    position: relative;
    top: 2px;
    font-size: 4rem;
    line-height: 1.3;
  }

  .section-range-calculator .estimated-range-number .desc {
    top: -9px;
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator .estimated-range-box {
    min-width: 172px;
    padding: 0;
  }

  .section-range-calculator .estimated-range-title {
    font-size: 1.6rem;
    line-height: 1.5;
  }

  .section-range-calculator .estimated-range-number {
    margin-top: 8px;
  }

  .section-range-calculator .estimated-range-number .number {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 2.8rem;
    line-height: 1.35714;
  }

  .section-range-calculator .estimated-range-number .number .unit {
    position: relative;
    top: -2px;
    font-size: 2.4rem;
    line-height: 1.33333;
  }

  .section-range-calculator .estimated-range-number .desc {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

@media screen and (max-width: 600px) {
  .section-range-calculator .estimated-range-box {
    min-width: 130px;
  }

  .section-range-calculator .estimated-range-number .desc {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

.section-range-calculator .tab-swiper {
  max-width: 100%;
}

.section-range-calculator .tab-swiper .tab-list {
  width: 100%;
}

.section-range-calculator .tab-swiper .tab-btn {
  width: 100%;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-range-calculator .tab-swiper .tab-btn {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

.section-range-calculator .slider-box {
  padding-top: 64px;
  padding-bottom: 18px;
}

.section-range-calculator .slider-box .slider-track {
  position: relative;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 5px;
  --payload-thumb-half: 13px;
  border-radius: 4px;
  background-color: var(--surface-container-low);
}

.section-range-calculator .slider-box .slider-track.is-min .current-value,
.section-range-calculator .slider-box .slider-track.is-max .current-value {
  display: none;
}

.section-range-calculator .slider-box .slider-track.is-min~.slider-info .range:first-child {
  font-weight: 700;
  color: var(--primary);
}

.section-range-calculator .slider-box .slider-track.is-min .current-weight {
  -webkit-transform: translateX(calc(0px - var(--payload-thumb-half)));
  transform: translateX(calc(0px - var(--payload-thumb-half)));
}

.section-range-calculator .slider-box .slider-track.is-min .current-weight::after {
  inset-inline-start: var(--payload-thumb-half);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.section-range-calculator .slider-box .slider-track.is-max~.slider-info .range:last-child {
  font-weight: 700;
  color: var(--primary);
}

.section-range-calculator .slider-box .slider-track.is-max .current-weight {
  -webkit-transform: translateX(calc(-100% + var(--payload-thumb-half)));
  transform: translateX(calc(-100% + var(--payload-thumb-half)));
}

.section-range-calculator .slider-box .slider-track.is-max .current-weight::after {
  inset-inline-start: calc(100% - var(--payload-thumb-half));
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.section-range-calculator .slider-box .filled-track {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  height: 100%;
  background-color: var(--on-surface);
  border-radius: 4px;
}

.section-range-calculator .slider-box .slider-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: static;
  margin-top: 16px;
}

.slider-box .slider-info .range:first-child {
  inset-inline-start: 0;
}

.section-range-calculator .slider-box .slider-info::before {
  display: none;
}

.section-range-calculator .slider-box .slider-info .range {
  font-size: 1.4rem;
  line-height: 1.57143;
  color: var(--on-surface-high);
}

@media screen and (max-width: 960px) {
  .section-range-calculator .slider-box .slider-info .range {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator .slider-box {
    padding-top: 40px;
    margin-top: 10px;
  }

  .section-range-calculator .slider-box .slider-track {
    height: 4px;
    --payload-thumb-half: 8px;
  }

  .section-range-calculator .slider-box .slider-track input[type='range']::-webkit-slider-thumb {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='6' fill='rgb%28255%2C255%2C255%29' stroke='rgb%285%2C20%2C31%29' stroke-width='4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .section-range-calculator .slider-box .slider-info {
    margin-top: 14px;
  }
}

.section-range-calculator .current-weight {
  position: absolute;
  bottom: calc(100% + 21px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 4px 12px;
  border-radius: 4px;
  background-color: var(--on-surface);
  color: var(--on-surface-container-lowest);
  white-space: nowrap;
}

[dir='rtl'] .section-range-calculator .current-weight {
  -webkit-transform: translateX(32px);
  transform: translateX(32px);
}

.section-range-calculator .current-weight::after {
  content: '';
  position: absolute;
  inset-inline-start: 50%;
  -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
  transform: translateX(calc(-50% * var(--inline-dir)));
  top: 100%;
  width: 0;
  height: 0;
  -webkit-border-start: 8px solid transparent;
  border-inline-start: 8px solid transparent;
  -webkit-border-end: 8px solid transparent;
  border-inline-end: 8px solid transparent;
  border-top: 8px solid var(--on-surface);
}

@media screen and (max-width: 960px) {
  .section-range-calculator .current-weight {
    bottom: calc(100% + 16px);
    padding: 2px 10px;
    font-size: 1.2rem;
    line-height: 1.66667;
  }

  .section-range-calculator .current-weight::after {
    -webkit-border-start: 6px solid transparent;
    border-inline-start: 6px solid transparent;
    -webkit-border-end: 6px solid transparent;
    border-inline-end: 6px solid transparent;
    border-top: 6px solid var(--on-surface);
  }
}

.section-range-calculator .current-value {
  position: absolute;
  top: calc(100% + 16px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: var(--primary);
  white-space: nowrap;
}

[dir='rtl'] .section-range-calculator .current-value {
  -webkit-transform: translateX(18px);
  transform: translateX(18px);
}

.section-range-calculator .current-value.hidden-value {
  display: none;
}

@media screen and (max-width: 960px) {
  .section-range-calculator .current-value {
    top: calc(100% + 10px);
  }
}

@media screen and (max-width: 600px) {
  .section-range-calculator .current-value {
    font-size: 1.3rem;
    line-height: 1.53846;
  }
}

@media screen and (max-width: 1280px) {
  .section-range-calculator {
    padding: 120px 0 100px;
  }

  .section-range-calculator .title-wrap .title {
    font-size: 3.6rem;
    line-height: 1.38889;
  }

  .section-range-calculator .title-wrap .sub-title {
    font-size: 1.8rem;
    line-height: 1.33333;
  }

  .section-range-calculator .calculator-inner {
    gap: 80px;
    -webkit-margin-end: clamp(40px, calc(25vw + -200px), 120px);
    margin-inline-end: clamp(40px, calc(25vw + -200px), 120px);
    -webkit-margin-start: clamp(40px, calc(25vw + -200px), 120px);
    margin-inline-start: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media screen and (max-width: 960px) {
  .section-range-calculator {
    padding: 80px 0;
  }

  .section-range-calculator .title-wrap .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
  }

  .section-range-calculator .title-wrap .sub-title {
    margin-top: 6px;
    font-size: 1.3rem;
    line-height: 1.53846;
  }

  .section-range-calculator .calculator-inner {
    display: block;
    margin: 0 32px;
  }

  .section-range-calculator .calculator-image {
    position: -webkit-sticky;
    position: sticky;
    top: var(--menuHeight);
    z-index: 2;
    padding-top: 0;
    width: calc(100% + 64px);
    max-width: none;
    min-width: auto;
    -webkit-margin-end: -32px;
    margin-inline-end: -32px;
    -webkit-margin-start: -32px;
    margin-inline-start: -32px;
    padding: 20px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(calc(180deg * var(--inline-dir))), color-stop(97.04%, #ffffff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(calc(180deg * var(--inline-dir)), #ffffff 97.04%, rgba(255, 255, 255, 0) 100%);
  }

  .section-range-calculator .calculator-image .image-box {
    max-width: 242px;
    margin-top: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }

  .section-range-calculator .calculator-image .estimated-range-box {
    display: block;
  }

  .section-range-calculator .calculator-image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 32px;
    margin: 0 auto;
  }

  .section-range-calculator .calculator-image-box .image {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .section-range-calculator .calculator-content {
    width: 100%;
    padding: 0;
  }

  .section-range-calculator .estimated-range-number .desc {
    top: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }

  .section-range-calculator .information-area {
    margin-top: 20px;
  }
}

@media screen and (max-width: 600px) {
  .section-range-calculator .calculator-inner {
    margin: 0 20px;
  }

  .section-range-calculator .calculator-image {
    width: calc(100% + 40px);
    -webkit-margin-end: -20px;
    margin-inline-end: -20px;
    -webkit-margin-start: -20px;
    margin-inline-start: -20px;
  }

  .section-range-calculator .calculator-image .estimated-range-box .estimated-range-title {
    font-size: 1.4rem;
    line-height: 1.57143;
  }

  .section-range-calculator .calculator-image .estimated-range-box .estimated-range-number {
    display: block;
    margin-top: 6px;
  }

  .section-range-calculator .calculator-image .estimated-range-box .estimated-range-number .number {
    font-size: 2.4rem;
    line-height: 1.33333;
  }

  .section-range-calculator .calculator-image .estimated-range-box .estimated-range-number .number .unit {
    font-size: 2rem;
    line-height: 1.4;
  }

  .section-range-calculator .calculator-image-box {
    gap: 20px;
  }

  .section-range-calculator .calculator-image .image-box {
    max-width: 130px;
  }

  .section-range-calculator .calculator-content {
    margin-top: 20px;
  }

  .section-range-calculator .estimated-range-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    background-color: transparent;
  }

  .section-range-calculator .information-area {
    margin-top: 20px;
  }

  .section-range-calculator .information-area .dropdown .btn-select-dropdown {
    padding-block: 6px 5px;
    padding-inline: 0;
  }
}


/* pv5-files/css/kow.module.pbv-kv-fullscreenhybrid.css */

.key-visual-hybrid .key-visual-slider-item {
  position: relative;
  height: calc(100vh - var(--menuHeight));
  overflow: hidden;
}

@media screen and (min-width: 1281px) {
  .key-visual-hybrid .key-visual-slider-item::before {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 133px;
    background: -webkit-gradient(linear, left top, left bottom, from(calc(180deg * var(--inline-dir))), color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(29.92%, rgba(37, 37, 37, 0.3)), color-stop(99.73%, rgba(97, 97, 97, 0)));
    background: linear-gradient(calc(180deg * var(--inline-dir)), rgba(0, 0, 0, 0.3) 0%, rgba(37, 37, 37, 0.3) 29.92%, rgba(97, 97, 97, 0) 99.73%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
  }
}

.key-visual-hybrid .key-visual-slider-item:after {
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 600px;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(0deg * var(--inline-dir))), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.2)), color-stop(50%, rgba(7, 7, 7, 0.4)), color-stop(70.16%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(calc(0deg * var(--inline-dir)), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 30%, rgba(7, 7, 7, 0.4) 50%, rgba(0, 0, 0, 0.6) 70.16%, rgba(0, 0, 0, 0.7) 100%);
  -webkit-transform: scaleX(var(--inline-dir)) rotate(-180deg);
  transform: scaleX(var(--inline-dir)) rotate(-180deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid .key-visual-slider-item:after {
    background: -webkit-gradient(linear, left top, left bottom, from(calc(180deg * var(--inline-dir))), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0.5)));
    background: linear-gradient(calc(180deg * var(--inline-dir)), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 60%);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual-hybrid .key-visual-slider-item:after {
    height: 380px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual-hybrid .key-visual-slider-item:after {
    height: auto;
    padding-top: 75%;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid .key-visual-slider-item:before {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
  }
}

.key-visual-hybrid .key-visual-slider-item .product-info .right-box .btn-box .btn-primary {
  background-color: var(--primary);
  color: var(--white-fixed);
}

.key-visual-hybrid .key-visual-slider-item .product-info .right-box .btn-box .btn-primary:hover {
  background-color: var(--primary-highest) !important;
  color: var(--white-fixed);
}

.key-visual-hybrid .key-visual-slider-item .product-info .right-box .btn-box .btn-primary:active {
  background-color: var(--primary-ultimate) !important;
}

.key-visual-hybrid .key-visual-slider-item .product-info .right-box .btn-box .btn-secondary:hover {
  border-color: var(--outline);
  background-color: var(--surface-low);
  color: var(--on-surface);
}

.key-visual-hybrid .key-visual-slider-item .product-info .right-box .btn-box .btn-secondary:active {
  border-color: var(--outline);
  background-color: var(--surface-mid);
  color: var(--on-surface);
}

.key-visual-hybrid .key-visual-slider-item .product-info .btn-box .btn-primary:hover {
  background-color: var(--fixed-grey20) !important;
  color: var(--black-fixed);
}

.key-visual-hybrid .key-visual-slider-item .product-info .btn-box .btn-primary:active {
  background-color: var(--fixed-grey40) !important;
}

.key-visual-hybrid .key-visual-slider-item .product-info .btn-box .btn-secondary:hover {
  background-color: rgba(var(--white-fixed-rgb), 0.15);
  color: var(--white-fixed);
}

.key-visual-hybrid .key-visual-slider-item .product-info .btn-box .btn-secondary:active {
  background-color: rgba(var(--white-fixed-rgb), 0.2);
}

.key-visual-hybrid .key-visual-control {
  position: absolute;
  inset-inline-start: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transform: translateX(calc(-50% * var(--inline-dir)));
  transform: translateX(calc(-50% * var(--inline-dir)));
  z-index: 11;
}

@media screen and (min-width: 1281px) {
  .key-visual-hybrid .key-visual-control {
    padding: 3px 0;
  }
}

@media screen and (min-width: 961px) {
  .key-visual-hybrid .key-visual-control {
    bottom: 60px;
  }
}

.key-visual-hybrid .key-visual-control .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 5px !important;
}

.key-visual-hybrid .key-visual-control .swiper-pagination-bullet::after {
  display: none;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid .key-visual-control .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid .key-visual-control .swiper-pagination-bullet {
    margin: 0 4px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual-hybrid .key-visual-control .swiper-pagination-bullet {
    margin: 0 4px !important;
  }
}

.key-visual-hybrid .key-visual-control .swiper-pagination-bullet-active::after {
  display: block;
  opacity: 1;
}

@media screen and (min-width: 1281px) {
  .key-visual-hybrid .key-visual-control .swiper-pagination-bullet-active {
    width: 60px;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid .key-visual-control .swiper-pagination-bullet-active {
    width: 60px;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid .key-visual-control .swiper-pagination-bullet-active {
    width: 32px;
  }
}

.key-visual-hybrid .key-visual-control .btn-player::before {
  width: 14px;
  height: 14px;
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid .key-visual-control .btn-player::before {
    width: 10px;
    height: 12px;
  }
}

.key-visual-hybrid .key-visual-control .btn-player.is-paused:before {
  width: 14px;
  height: 14px;
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid .key-visual-control .btn-player.is-paused:before {
    width: 10px;
    height: 12px;
  }
}

.key-visual-hybrid .key-visual-pagination {
  position: static;
}

.key-visual-hybrid .thumb-media {
  height: 100%;
}

.key-visual-hybrid .thumb-media video {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  background-image: var(--poster-pc);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.key-visual-hybrid .thumb-media video.only-mo {
  background-image: var(--poster-mo);
}

.key-visual-hybrid .thumb-media img {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
  .key-visual-hybrid .thumb-media img.only-pc {
    display: block !important;
  }
}

.key-visual-hybrid .product-info {
  position: absolute;
  inset-inline-start: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 0 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1281px) {
  .key-visual-hybrid .product-info {
    bottom: 150px;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid .product-info {
    bottom: 144px;
    -webkit-padding-start: clamp(40px, calc(25vw + -200px), 120px);
    padding-inline-start: clamp(40px, calc(25vw + -200px), 120px);
    -webkit-padding-end: clamp(40px, calc(25vw + -200px), 120px);
    padding-inline-end: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual-hybrid .product-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 32px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual-hybrid .product-info {
    display: block;
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual-hybrid .product-info-list {
    margin-top: 20px;
  }
}

@media screen and (min-width: 601px) {
  .key-visual-hybrid .product-info-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

@media screen and (max-width: 600px) {
  .key-visual-hybrid .product-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.key-visual-hybrid .product-info-item:nth-child(2) {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

.key-visual-hybrid .product-info-item:nth-child(2):before {
  display: none;
}

.key-visual-hybrid .product-info-item:not(:first-child):not(.product-info-middle) {
  margin-top: 6px;
}

@media screen and (min-width: 1281px) {
  .key-visual-hybrid .product-info-item.product-info-middle {
    margin: 0 0 0 20px;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid .product-info-item.product-info-middle {
    margin: 0 0 0 18px;
    -webkit-padding-start: 18px;
    padding-inline-start: 18px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual-hybrid .product-info-item.product-info-middle {
    margin: 0 0 0 14px;
    -webkit-padding-start: 14px;
    padding-inline-start: 14px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual-hybrid .product-info-item.product-info-middle {
    margin: 4px 0 0 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }
}

.key-visual-hybrid .product-info-item.product-info-middle:before {
  display: block;
  inset-inline-start: 0;
  background-color: #fff;
  opacity: 0.2;
}

@media screen and (min-width: 1281px) {
  .key-visual-hybrid .product-info-item.product-info-middle:before {
    height: 14px;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid .product-info-item.product-info-middle:before {
    height: 12px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual-hybrid .product-info-item.product-info-middle:before {
    height: 10px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual-hybrid .product-info-item.product-info-middle:before {
    display: none;
  }
}

.key-visual-hybrid .product-info-item.product-info-full {
  margin: 6px 0 0 !important;
}

.key-visual-hybrid .product-info-item.product-info-full:before {
  display: none;
}

.key-visual-hybrid .product-info-item .tooltip-area-click {
  -webkit-margin-start: 4px;
  margin-inline-start: 4px;
  font-size: 0;
}

.key-visual-hybrid .product-info-item .tooltip-area-click .btn-tooltip {
  margin-bottom: 2px;
  font-size: 0;
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid .product-info-item .tooltip-area-click .btn-tooltip {
    margin-bottom: 4px;
  }
}

.key-visual-hybrid .product-info-item .tooltip-area-click .btn-close-tooltip {
  display: none;
}

@media screen and (max-width: 600px) {
  .key-visual-hybrid .product-info-item .tooltip-area-click .btn-close-tooltip {
    display: block;
  }
}

.key-visual-hybrid .product-info-item .tooltip-area-click .ic-info-outlined-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14A6 6 0 108 2a6 6 0 000 12z' stroke='rgb%28255%2C255%2C255%29'/%3E%3Cpath d='M8 10.5V8' stroke='rgb%28255%2C255%2C255%29' stroke-linecap='square'/%3E%3Ccircle cx='8' cy='6.25' r='.75' fill='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (max-width: 600px) {
  .key-visual-hybrid .product-info-item .tooltip-area-click {
    -webkit-margin-start: 2px;
    margin-inline-start: 2px;
  }
}

.key-visual-hybrid .product-info-item.product-info-full {
  width: 100%;
}

.key-visual-hybrid .product-info .left-box .title-wrap {
  cursor: text;
}

.key-visual-hybrid .product-info .left-box .product-info-list {
  cursor: text;
}

.key-visual-hybrid .product-info .left-box .title {
  font-size: 4.8rem;
  line-height: 1.29167;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid .product-info .left-box .title {
    font-size: 4rem;
    line-height: 1.3;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid .product-info .left-box .title {
    font-size: 2.4rem;
    line-height: 1.33333;
  }
}

.key-visual-hybrid .product-info .left-box .type-desc {
  font-size: 1.1rem;
  line-height: 1.54545;
  color: var(--surface-highest);
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid .product-info .left-box .type-desc {
    font-size: 0.9rem;
    line-height: 1.77778;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid .product-info .left-box .price-info {
    font-size: 0.9rem;
    line-height: 1.66667;
  }
}

.key-visual-hybrid .product-info .left-box .sub-title {
  display: block;
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .key-visual-slider {
    padding-bottom: 88px;
  }

  .key-visual-hybrid-thumbnail .key-visual-slider .swiper-pagination-progressbar {
    background-color: var(--fixed-grey20);
  }

  .key-visual-hybrid-thumbnail .key-visual-slider .swiper-pagination-progressbar .process-fill {
    background-color: var(--outline);
  }
}

.key-visual-hybrid-thumbnail .key-visual-slider-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .key-visual-slider-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 0;
  }
}

.key-visual-hybrid-thumbnail .key-visual-slider-item:after,
.key-visual-hybrid-thumbnail .key-visual-slider-item:before {
  display: none;
}

.key-visual-hybrid-thumbnail .key-visual-slider-item:before {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(180deg * var(--inline-dir))), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0.5)));
  background: linear-gradient(calc(180deg * var(--inline-dir)), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 60%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
}

.key-visual-hybrid-thumbnail .thumb-media {
  position: relative;
  height: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .thumb-media {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 88.88%;
  }
}

.key-visual-hybrid-thumbnail .thumb-media video,
.key-visual-hybrid-thumbnail .thumb-media img {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.key-visual-hybrid-thumbnail .thumb-media:after {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(calc(0deg * var(--inline-dir))), color-stop(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(calc(0deg * var(--inline-dir)), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  content: '';
}

@media screen and (min-width: 961px) {
  .key-visual-hybrid-thumbnail .thumb-media:before {
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 140px;
    background: -webkit-gradient(linear, left top, left bottom, from(calc(180deg * var(--inline-dir))), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0.5)));
    background: linear-gradient(calc(180deg * var(--inline-dir)), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 60%);
    content: '';
  }
}

.key-visual-hybrid-thumbnail .product-info {
  position: static;
  margin: 0 auto 40px;
  -webkit-transform: translateX(calc(0 * var(--inline-dir)));
  transform: translateX(calc(0 * var(--inline-dir)));
  height: 122px;
}

@media screen and (min-width: 1281px) {
  .key-visual-hybrid-thumbnail .product-info {
    gap: 20px;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid-thumbnail .product-info {
    height: 172px;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .product-info {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 32px 0 0;
    height: auto;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .product-info .btn-box {
    margin-top: 0;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid-thumbnail .product-info .btn-box .btn {
    height: 40px;
  }
}

.key-visual-hybrid-thumbnail .product-info .btn-box .btn-secondary:not(:hover) {
  border: 1px solid var(--outline);
  color: var(--on-surface) !important;
}

.key-visual-hybrid-thumbnail .product-info .btn-box .btn-primary:not(:hover) {
  background-color: var(--primary) !important;
  color: var(--on-primary) !important;
}

.key-visual-hybrid-thumbnail .product-info .left-box {
  max-width: 600px;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid-thumbnail .product-info .left-box {
    max-width: clamp(600px, calc(37.1875vw + 243px), 719px);
  }
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .product-info .left-box {
    max-width: 100%;
  }
}

.key-visual-hybrid-thumbnail .product-info .left-box .title {
  color: var(--primary) !important;
}

.key-visual-hybrid-thumbnail .product-info .left-box .sub-title {
  margin-top: 12px;
  color: var(--primary) !important;
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .product-info .left-box .sub-title {
    margin-top: 4px;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid-thumbnail .product-info .left-box .product-info-list {
    margin-top: 20px;
  }
}

.key-visual-hybrid-thumbnail .product-info .left-box .product-info-item .type-desc {
  color: var(--on-surface);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid-thumbnail .product-info .left-box .product-info-middle {
    -webkit-margin-start: 14px;
    margin-inline-start: 14px;
    -webkit-padding-start: 14px;
    padding-inline-start: 14px;
  }
}

.key-visual-hybrid-thumbnail .product-info .left-box+.right-box {
  display: block;
  max-width: clamp(460px, calc(3.12989vw + 419.9061px), 480px);
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid-thumbnail .product-info .left-box+.right-box {
    max-width: 200px;
  }
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .product-info .left-box+.right-box {
    max-width: 100%;
    margin: 16px 0 0;
  }
}

.key-visual-hybrid-thumbnail .product-info .right-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid-thumbnail .product-info .right-box .product-info-list {
    display: none;
  }
}

@media screen and (min-width: 1281px) {
  .key-visual-hybrid-thumbnail .product-info .right-box .btn-box .btn {
    min-width: clamp(225px, calc(1.56495vw + 204.95305px), 235px);
  }
}

.key-visual-hybrid-thumbnail .product-info-list {
  margin-top: 0;
}

.key-visual-hybrid-thumbnail .product-info-list+.btn-box {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 16px 0 0;
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .product-info-list+.btn-box {
    margin-top: 12px;
  }
}

.key-visual-hybrid-thumbnail .product-info-item {
  color: var(--primary) !important;
}

@media screen and (min-width: 601px) {
  .key-visual-hybrid-thumbnail .product-info-item:not(:first-child):before {
    background-color: var(--primary);
  }
}

.key-visual-hybrid-thumbnail .product-info-item:not(:first-child):not(.product-info-middle) {
  margin-top: 4px;
}

@media screen and (min-width: 1281px) {
  .key-visual-hybrid-thumbnail .product-info-item.product-info-middle {
    -webkit-margin-start: 16px;
    margin-inline-start: 16px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .product-info-item.product-info-middle {
    -webkit-margin-start: 12px;
    margin-inline-start: 12px;
    -webkit-padding-start: 12px;
    padding-inline-start: 12px;
  }
}

@media screen and (max-width: 600px) {
  .key-visual-hybrid-thumbnail .product-info-item.product-info-middle {
    margin-top: 2px;
  }
}

.key-visual-hybrid-thumbnail .product-info-item.product-info-full {
  margin-top: 4px;
}

.key-visual-hybrid-thumbnail .product-info-item .price-info {
  color: var(--on-surface) !important;
  font-size: 1.2rem;
  line-height: 1.5;
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .product-info-item .price-info {
    font-size: 0.9rem;
    line-height: 1.66667;
  }
}

.key-visual-hybrid-thumbnail .product-info-item .type-desc {
  color: var(--on-surface);
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .product-info-item .type-desc {
    -webkit-margin-start: 4px;
    margin-inline-start: 4px;
    color: var(--on-surface-container);
    opacity: 0.6;
  }
}

.key-visual-hybrid-thumbnail .product-info-item .value {
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .product-info-item .value {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

.key-visual-hybrid-thumbnail .product-info-item .tooltip-area-click .ic-info-outlined-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14A6 6 0 108 2a6 6 0 000 12z' stroke='rgb%2899%2C109%2C116%29'/%3E%3Cpath d='M8 10.5V8' stroke='rgb%2899%2C109%2C116%29' stroke-linecap='square'/%3E%3Ccircle cx='8' cy='6.25' r='.75' fill='rgb%2899%2C109%2C116%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.key-visual-hybrid-thumbnail .key-visual-control {
  bottom: 40px;
}

@media screen and (max-width: 960px) {
  .key-visual-hybrid-thumbnail .key-visual-control .swiper-pagination-bullet {
    background-color: var(--surface-high);
    opacity: 1;
  }

  .key-visual-hybrid-thumbnail .key-visual-control .swiper-pagination-bullet-active:before {
    background-color: var(--surface-high);
    opacity: 1;
  }

  .key-visual-hybrid-thumbnail .key-visual-control .swiper-pagination-bullet-active:after {
    background-color: var(--black-fixed);
  }

  .key-visual-hybrid-thumbnail .key-visual-control .btn-player:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7363_3554)' fill='rgb%285%2C20%2C31%29'%3E%3Cpath d='M0 0h4v14H0zM10 0h4v14h-4z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7363_3554'%3E%3Cpath fill='rgb%285%2C20%2C31%29' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .key-visual-hybrid-thumbnail .key-visual-control .btn-player.is-paused:before {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l13 7-13 7V0z' fill='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }

  .key-visual-hybrid-thumbnail .key-visual-control .pagination-current {
    color: var(--black-fixed);
  }

  .key-visual-hybrid-thumbnail .key-visual-control .pagination-total {
    color: var(--fixed-grey80);
  }

  .key-visual-hybrid-thumbnail .key-visual-control .swiper-pagination-progressbar {
    background-color: var(--fixed-grey20);
  }

  .key-visual-hybrid-thumbnail .key-visual-control .swiper-pagination-progressbar-fill {
    background-color: var(--outline);
  }
}

@media screen and (max-width: 600px) {
  .key-visual-hybrid-thumbnail .key-visual-control {
    bottom: clamp(16px, calc(18.33333vw + -50px), 60px);
  }
}

.key-visual-hybrid .only-wide-table {
  display: none;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .key-visual-hybrid .only-wide-table {
    display: block;
  }
}

.key-visual-hybrid .product-info-item {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.key-visual-hybrid .custom-cursor {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: auto;
  inset-inline-start: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  opacity: 0;
  visibility: hidden;
  border-radius: 100%;
  pointer-events: none;
  background-color: rgba(48, 62, 72, 0.7);
  -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s, visibility 0.3s;
  transition: width 0.3s, height 0.3s, opacity 0.3s, visibility 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
}

.key-visual-hybrid .custom-cursor:after {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);
  content: '';
}

.key-visual-hybrid .custom-cursor.is-show {
  width: 42px;
  height: 42px;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.key-visual-hybrid .custom-cursor.is-focus {
  width: 32px;
  height: 32px;
}

.key-visual-hybrid .custom-cursor.is-focus .ic {
  width: 14px;
  height: 14px;
}

.key-visual-hybrid .custom-cursor .ic {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(calc(-50% * var(--inline-dir)), -50%);
  transform: translate(calc(-50% * var(--inline-dir)), -50%);
  width: 20px;
  height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.key-visual-hybrid .custom-cursor .ic-arrowset-outlined-back-24px {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3l-9 9 9 9' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

[dir='rtl'] .key-visual-hybrid .custom-cursor .ic-arrowset-outlined-back-24px {
  -webkit-transform: translateY(-50%) scaleX(var(--inline-dir));
  transform: translateY(-50%) scaleX(var(--inline-dir));
  inset-inline-start: 25%;
}

.key-visual-hybrid .custom-cursor .ic-arrowset-outlined-next-24px {
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3l9 9-9 9' stroke='rgb%28255%2C255%2C255%29' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

[dir='rtl'] .key-visual-hybrid .custom-cursor .ic-arrowset-outlined-next-24px {
  -webkit-transform: translateY(-50%) scaleX(var(--inline-dir));
  transform: translateY(-50%) scaleX(var(--inline-dir));
  inset-inline-start: 25%;
}


/* pv5-files/css/kow.module.pbv-banner.css */

.section-banner {
  position: relative;
  background-color: var(--primary);
}

.section-banner .only-pc {
  display: block;
}

.section-banner .only-mo {
  display: none;
}

@media screen and (max-width: 600px) {
  .section-banner .only-pc {
    display: none;
  }

  .section-banner .only-mo {
    display: block;
  }
}

.section-banner .banner-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1281px) {
  .section-banner .banner-inner {
    -webkit-padding-end: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
    padding-inline-end: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
    -webkit-padding-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
    padding-inline-start: clamp(120px, calc(31.2989vw + -280.93897px), 320px);
  }
}

@media screen and (min-width: 1920px) {
  .section-banner .banner-inner {
    min-height: 320px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
  }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-banner .banner-inner {
    -webkit-padding-end: clamp(40px, calc(25vw + -200px), 120px);
    padding-inline-end: clamp(40px, calc(25vw + -200px), 120px);
    -webkit-padding-start: clamp(40px, calc(25vw + -200px), 120px);
    padding-inline-start: clamp(40px, calc(25vw + -200px), 120px);
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .section-banner .banner-inner {
    padding: 0 32px;
  }
}

@media screen and (max-width: 600px) {
  .section-banner .banner-inner {
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
  }
}

.section-banner .banner-slider {
  padding: 80px 0 40px;
}

@media screen and (max-width: 960px) {
  .section-banner .banner-slider {
    padding: 32px 0 24px;
  }
}

.section-banner .banner-slider.more-bottom-space {
  padding-bottom: 80px;
}

@media screen and (max-width: 960px) {
  .section-banner .banner-slider.more-bottom-space {
    padding: 32px 0;
  }
}

.section-banner .banner-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  min-height: 156px;
}

.section-banner .banner-item .bg-item {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.section-banner .banner-item .bg-item .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1280px) {
  .section-banner .banner-item {
    min-height: 140px;
  }
}

@media screen and (max-width: 960px) {
  .section-banner .banner-item {
    min-height: 106px;
  }
}

@media screen and (max-width: 600px) {
  .section-banner .banner-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (min-width: 1281px) {
  .section-banner .banner-thumbnail {
    width: 140px;
    height: 140px;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    border-radius: 6px;
    overflow: hidden;
  }
}

@media screen and (max-width: 1280px) {
  .section-banner .banner-thumbnail {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 6px;
  }
}

@media screen and (max-width: 960px) {
  .section-banner .banner-thumbnail {
    width: 72px;
    height: 72px;
    overflow: hidden;
    border-radius: 4px;
  }
}

@media screen and (max-width: 600px) {
  .section-banner .banner-thumbnail {
    width: 60px;
    height: 60px;
    -webkit-margin-start: 16px;
    margin-inline-start: 16px;
  }
}

.section-banner .banner-thumbnail .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-banner .banner-text-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: clamp(800px, calc(31.2989vw + 399.06103px), 1000px);
}

.section-banner .banner-text-area .title {
  color: var(--surface);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-banner .banner-text-area .title {
    font-size: 3rem;
    line-height: 1.33333;
  }
}

@media screen and (max-width: 960px) {
  .section-banner .banner-text-area .title {
    font-size: 1.8rem;
    line-height: 1.33333;
  }
}

@media screen and (max-width: 600px) {
  .section-banner .banner-text-area .title {
    display: block;
    overflow: visible;
  }
}

.section-banner .banner-text-area .sub-title {
  margin-top: 10px;
  color: var(--surface);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-banner .banner-text-area .sub-title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 960px) {
  .section-banner .banner-text-area .sub-title {
    margin-top: 6px;
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

@media screen and (max-width: 600px) {
  .section-banner .banner-text-area .sub-title {
    display: block;
    overflow: visible;
  }
}

.section-banner .banner-text-area .btn-text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 24px;
}

@media screen and (max-width: 1280px) {
  .section-banner .banner-text-area .btn-text {
    margin-top: 20px;
  }
}

@media screen and (max-width: 960px) {
  .section-banner .banner-text-area .btn-text {
    margin-top: 16px;
  }
}

.section-banner .banner-text-area .btn-text .text {
  color: var(--surface);
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-banner .banner-text-area .btn-text .text {
    font-size: 1.4rem;
    line-height: 1.57143;
  }
}

@media screen and (max-width: 960px) {
  .section-banner .banner-text-area .btn-text .text {
    font-size: 1.2rem;
    line-height: 1.66667;
  }
}

.section-banner .banner-text-area .btn-text .ic-arrowset-outlined-next-16px {
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%28255%2C255%2C255%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

@media screen and (max-width: 960px) {
  .section-banner .banner-text-area .btn-text .ic-arrowset-outlined-next-16px {
    width: 12px;
    height: 12px;
  }
}

@media screen and (max-width: 1280px) {
  .section-banner .banner-text-area {
    max-width: clamp(640px, calc(50vw + 160px), 800px);
  }
}

@media screen and (max-width: 960px) {
  .section-banner .banner-text-area {
    max-width: clamp(449px, calc(93.05556vw + -109.33333px), 784px);
  }
}

@media screen and (max-width: 600px) {
  .section-banner .banner-text-area {
    max-width: 100%;
  }
}

@media screen and (min-width: 1281px) {
  .section-banner.type-text .banner-inner {
    min-height: 316px;
  }
}

@media screen and (min-width: 601px) and (max-width: 960px) {
  .section-banner.type-text .banner-text-area {
    padding-right: clamp(0px, calc(50vw + -300px), 180px);
  }
}

.section-banner.type-image .banner-inner {
  display: block;
  max-width: 100%;
  padding: 0;
}

.section-banner.type-image .banner-slider {
  padding: 0;
}

.section-banner.type-image .banner-thumbnail {
  position: relative;
  width: 100%;
  height: 320px;
}

@media screen and (max-width: 1280px) {
  .section-banner.type-image .banner-thumbnail {
    height: 300px;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }
}

@media screen and (max-width: 960px) {
  .section-banner.type-image .banner-thumbnail {
    height: 196px;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }
}

.section-banner.type-image .banner-thumbnail::before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: none;
  content: '';
}

.section-banner.type-image .banner-thumbnail .image {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
}

.section-banner.type-image .swiper-pagination {
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  margin-top: 0;
  z-index: 1;
}

@media screen and (max-width: 960px) {
  .section-banner.type-image .swiper-pagination {
    bottom: 24px;
  }
}

@media screen and (max-width: 960px) {
  .section-banner.type-image .more-bottom-space .banner-thumbnail {
    height: 170px;
  }
}

.section-banner.no-subtitle .banner-text-area .btn-text {
  margin-top: 12px;
}

@media screen and (max-width: 600px) {
  .section-banner.no-subtitle .banner-text-area .btn-text {
    margin-top: 10px;
  }
}

.section-banner.only-title .banner-text-area {
  max-width: 100%;
}

.section-banner.only-title .banner-text-area:has(+.banner-thumbnail) {
  max-width: clamp(800px, calc(31.2989vw + 399.06103px), 1000px);
}

@media screen and (max-width: 600px) {
  .section-banner.only-title .banner-text-area {
    padding-top: 18px;
  }
}

.section-banner.type-full {
  position: relative;
}

.section-banner.type-full .bg-list {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
}

.section-banner.type-full .bg-item {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.section-banner.type-full .bg-item.is-active {
  opacity: 1;
}

.section-banner.type-full .bg-item .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-banner.type-full .bg-item::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.section-banner .swiper-pagination {
  margin-top: 20px;
  bottom: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  cursor: pointer;
}

@media screen and (max-width: 960px) {
  .section-banner .swiper-pagination {
    margin-top: 10px;
  }
}

.section-banner .swiper-pagination .swiper-pagination-bullet::after {
  background-color: var(--white-fixed);
  opacity: 0.4;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-banner .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 7px 0 7px !important;
  }
}

.section-banner .swiper-pagination .swiper-pagination-bullet-active::after {
  opacity: 1;
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
  .section-banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 10px;
  }
}

@media screen and (max-width: 600px) {
  .section-banner .swiper-pagination {
    margin-top: 20px;
  }
}

.section-banner .swiper-pagination-wrapper {
  margin: 0 auto;
}


/* pv5-files/css/kow.module.pbv-toolbox1.css */

.pbv-tool-box-section {
  padding: 140px 0;
}

.pbv-tool-box-section .title-wrap {
  max-width: 1280px;
  padding: 0 20px 50px;
  margin: 0 auto;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pbv-tool-box-section .title-wrap .title {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.16667;
  color: var(--on-surface);
}

.pbv-tool-box-section .title-wrap .sub-title {
  display: block;
  margin-top: 14px;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.33333;
  color: var(--on-surface);
}

.pbv-tool-box-section .btn-direction {
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(calc(-50% - 12px));
  transform: translateY(calc(-50% - 12px));
  z-index: 2;
  width: 52px;
  height: 52px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 960px) {
  .pbv-tool-box-section .btn-direction {
    width: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 600px) {
  .pbv-tool-box-section .btn-direction {
    display: none;
  }
}

.pbv-tool-box-section .btn-toolbox-prev {
  inset-inline-start: 60px;
}

.pbv-tool-box-section .btn-toolbox-prev::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 33L14 20 26 7' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.pbv-tool-box-section .btn-toolbox-prev.swiper-button-disabled::before {
  background-image: url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 33L14 20 26 7' stroke='rgb%28179%2C184%2C188%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pbv-tool-box-section .btn-toolbox-next {
  inset-inline-end: 60px;
}

.pbv-tool-box-section .btn-toolbox-next::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 33l12-13L15 7' stroke='rgb%285%2C20%2C31%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

.pbv-tool-box-section .btn-toolbox-next.swiper-button-disabled::before {
  background-image: url("data:image/svg+xml, %3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 33l12-13L15 7' stroke='rgb%28179%2C184%2C188%29' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pbv-tool-box-section .tool-box-area {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pbv-tool-box-section .tool-box-banner {
  max-width: clamp(680px, calc(100% - (152px * 2)), 1240px);
  margin: 0 auto;
}

.pbv-tool-box-section .tool-box-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .pbv-tool-box-section .tool-box-icon .ic-pc {
    display: none;
  }
}

@media screen and (min-width: 961px) {
  .pbv-tool-box-section .tool-box-icon .ic-mo {
    display: none;
  }
}

@media screen and (hover: hover) and (pointer: fine) {
  .pbv-tool-box-section .tool-box-item:hover {
    background-color: var(--surface-lowest);
  }
}

.pbv-tool-box-section .tool-box-title {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.57143;
  color: var(--on-surface);
  text-align: center;
}

.pbv-tool-box-section .tool-box-swiper-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  z-index: 1;
  border: 1px solid #ebebeb;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 600px) {
  .pbv-tool-box-section .tool-box-swiper-button {
    display: none;
  }
}

.pbv-tool-box-section .tool-box-swiper-button-prev {
  inset-inline-start: 0;
}

.pbv-tool-box-section .tool-box-swiper-button-next {
  inset-inline-end: 0;
}

.pbv-tool-box-section .tool-box-link {
  display: block;
  padding: 20px 0;
  border-radius: 6px;
}

@media screen and (max-width: 960px) {
  .pbv-tool-box-section .tool-box-link {
    padding: 0;
  }
}

@media screen and (max-width: 960px) {
  .pbv-tool-box-section {
    padding: 80px 0;
  }

  .pbv-tool-box-section .title-wrap {
    -webkit-padding-start: 32px;
    padding-inline-start: 32px;
    -webkit-padding-end: 32px;
    padding-inline-end: 32px;
    padding-bottom: 0;
  }

  .pbv-tool-box-section .title-wrap .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
  }

  .pbv-tool-box-section .title-wrap .sub-title {
    margin-top: 6px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.53846;
  }

  .pbv-tool-box-section .tool-box-area {
    margin-top: 40px;
  }

  .pbv-tool-box-section .tool-box-banner {
    max-width: clamp(369px, calc(100% - (112px * 2)), 660px);
    min-width: 368px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .pbv-tool-box-section .tool-box-icon {
    max-height: 72px;
    aspect-ratio: 10 / 9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .pbv-tool-box-section .tool-box-icon .ic {
    width: 40px;
    height: 40px;
  }

  .pbv-tool-box-section .tool-box-title {
    font-size: 1.1rem;
    line-height: 1.54545;
  }

  .pbv-tool-box-section .tool-box .btn-direction {
    width: 40px;
    height: 40px;
    top: 16px;
  }

  .pbv-tool-box-section .tool-box .btn-direction.btn-prev {
    inset-inline-start: 32px;
  }

  .pbv-tool-box-section .tool-box .btn-direction.btn-prev::before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3l-7 7 7 7' stroke='rgb%2854%2C54%2C56%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }

  .pbv-tool-box-section .tool-box .btn-direction.btn-next {
    inset-inline-end: 32px;
  }

  .pbv-tool-box-section .tool-box .btn-direction.btn-next::before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17l7-7-7-7' stroke='rgb%2854%2C54%2C56%29'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    vertical-align: middle;
  }
}

@media screen and (max-width: 600px) {
  .pbv-tool-box-section .tool-box-banner {
    max-width: 100%;
    min-width: unset;
    margin: 0;
    overflow: unset;
  }

  .pbv-tool-box-section .tool-box-title {
    margin-top: 8px;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.81818;
  }

  .pbv-tool-box-section .tool-box-area {
    padding: 0 0 0 20px;
  }

  .pbv-tool-box-section .tool-box-area .swiper-wrapper {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
  }

  .pbv-tool-box-section .tool-box-area .swiper-slide {
    margin-top: 0 !important;
    margin-bottom: 20px;
    width: 76px;
  }

  .pbv-tool-box-section .title-wrap {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
  }
}

[dir='rtl'] .pbv-tool-box-section .tool-box-area .swiper-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}


/* pv5-files/css/kow.module.pbv-card1.css */

.feature-banner-section {
  padding: 140px 0;
}

.feature-banner-section .title-wrap {
  max-width: 1280px;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-padding-start: 40px;
  padding-inline-start: 40px;
  -webkit-padding-end: 40px;
  padding-inline-end: 40px;
  color: var(--on-surface);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.feature-banner-section .title-wrap .sub-title {
  display: block;
  margin-top: 14px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
  color: var(--on-surface);
}

.feature-banner-section .box-content {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 601px) {
  .feature-banner-section .box-content {
    -webkit-padding-start: clamp(32px, calc(1.1782vw + 24.919px), 40px);
    padding-inline-start: clamp(32px, calc(1.1782vw + 24.919px), 40px);
    -webkit-padding-end: clamp(32px, calc(1.1782vw + 24.919px), 40px);
    padding-inline-end: clamp(32px, calc(1.1782vw + 24.919px), 40px);
  }
}

@media screen and (min-width: 1281px) {
  .feature-banner-section .box-content {
    max-width: 1280px;
    margin: 10px auto 0;
    padding: 0 40px;
  }
}

@media screen and (max-width: 600px) {
  .feature-banner-section .box-content {
    -webkit-padding-start: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-start: clamp(20px, calc(5vw + 2px), 32px);
    -webkit-padding-end: clamp(20px, calc(5vw + 2px), 32px);
    padding-inline-end: clamp(20px, calc(5vw + 2px), 32px);
  }
}

@media screen and (max-width: 960px) {
  .feature-banner-section {
    padding: 80px 0;
  }

  .feature-banner-section .title-wrap {
    -webkit-padding-start: 32px;
    padding-inline-start: 32px;
    -webkit-padding-end: 32px;
    padding-inline-end: 32px;
    padding-bottom: 0;
  }

  .feature-banner-section .title-wrap .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
  }

  .feature-banner-section .title-wrap .sub-title {
    margin-top: 4px;
    padding: 0 20px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.53846;
  }
}

.feature-banner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}

@media screen and (max-width: 600px) {
  .feature-banner-list {
    margin: 0;
  }
}

.feature-banner-list-3type .feature-banner-item {
  width: calc(33.33% - 24px);
  margin: 40px 12px 0;
}

@media screen and (max-width: 1280px) {
  .feature-banner-list-3type .feature-banner-item {
    width: calc(33.33% - 20px);
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
  }
}

@media screen and (min-width: 601px) {
  .feature-banner-list-3type .feature-banner-item .card-image {
    padding-top: 95.12%;
    border-radius: 6px;
  }
}

@media screen and (max-width: 600px) {
  .feature-banner-list-3type .feature-banner-item {
    width: 100%;
    margin: 40px 0 0;
  }
}

.feature-banner-item {
  width: calc(50% - 20px);
  margin: 40px 10px 0;
}

@media screen and (max-width: 600px) {
  .feature-banner-item {
    width: 100%;
    margin: 40px 0 0;
  }

  .feature-banner-item:first-child {
    margin-top: 0;
  }
}

.feature-banner-item .card {
  display: block;
}

.feature-banner-item .card:hover img,
.feature-banner-item .card:active img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

@media screen and (hover: hover) and (pointer: fine) {
  .feature-banner-item .card:hover .card-desc {
    color: var(--on-surface);
  }
}

.feature-banner-item .card-image {
  overflow: hidden;
  position: relative;
  padding-top: 61.905%;
  border-radius: 4px;
}

.feature-banner-item .card-image img {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -o-object-fit: cover;
  object-fit: cover;
}

.feature-banner-item .card-info {
  margin-top: 20px;
}

@media screen and (max-width: 960px) {
  .feature-banner-item .card-info {
    margin-top: 10px;
  }
}

.feature-banner-item .card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-bottom: 4px;
}

.feature-banner-item .card-title .text-title {
  -webkit-margin-end: 4px;
  margin-inline-end: 4px;
  color: var(--on-surface);
}

@media screen and (max-width: 960px) {
  .feature-banner-item .card-title .text-title {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.57143;
  }
}

.feature-banner-item .card-desc {
  overflow: hidden;
  height: 40px;
  color: var(--on-surface-mid);
}

@media screen and (max-width: 960px) {
  .feature-banner-item .card-desc {
    height: auto;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.66667;
  }
}

.feature-banner-item .ic-arrowset-outlined-16px {
  -webkit-transform: scaleX(var(--inline-dir));
  transform: scaleX(var(--inline-dir));
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3l5 5-5 5' stroke='rgb%285%2C20%2C31%29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  vertical-align: middle;
}

@media screen and (max-width: 960px) {
  .feature-banner-item .ic-arrowset-outlined-16px {
    width: 12px;
    height: 12px;
  }
}


/* pv5-files/css/kow.module.pbv-cardrolling1.css */

.gif-banner {
  margin-top: 50px;
}

.gif-banner-section {
  overflow: hidden;
  position: relative;
  max-width: 2560px;
  margin: 0 auto;
  padding: 140px 0;
  text-align: center;
}

.gif-banner-section .title-wrap {
  max-width: 1320px;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-padding-start: 20px;
  padding-inline-start: 20px;
  -webkit-padding-end: 20px;
  padding-inline-end: 20px;
  color: var(--on-surface);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.gif-banner-section .title-wrap .sub-title {
  display: block;
  margin-top: 14px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.3;
}

.gif-banner-section .no-transition .gif-banner-item {
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.gif-banner-section .swiper-pagination-wrapper {
  margin: 40px auto 0 auto;
}

@media screen and (max-width: 600px) {
  .gif-banner-section .swiper-pagination-wrapper {
    margin-top: 20px;
  }
}

.gif-banner .swiper-slide-prev .gif-banner-item {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

[dir='rtl'] .gif-banner .swiper-slide-prev .gif-banner-item {
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.gif-banner .swiper-slide-next .gif-banner-item {
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

[dir='rtl'] .gif-banner .swiper-slide-next .gif-banner-item {
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.gif-banner .swiper-slide-active .gif-banner-item {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.gif-banner-pagination {
  bottom: 0 !important;
  z-index: 10;
  inset-inline-start: 0;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .gif-banner-pagination {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.gif-banner-item {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

@media screen and (min-width: 601px) {
  .gif-banner-item {
    -webkit-transform: scale(0.715);
    transform: scale(0.715);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }

  [dir='rtl'] .gif-banner-item {
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.gif-banner-item .link {
  display: block;
  overflow: hidden;
  position: relative;
  padding-top: 54.668%;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-mask-image: url("../img/main/frame_gif_banner.svg");
  mask-image: url("../img/main/frame_gif_banner.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
}

.gif-banner-item .link:hover img,
.gif-banner-item .link:hover video,
.gif-banner-item .link:active img,
.gif-banner-item .link:active video {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.gif-banner-item .link img,
.gif-banner-item .link video {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
}

.gif-banner-item .link img.image-mo,
.gif-banner-item .link video.image-mo {
  display: none;
}

@media screen and (max-width: 600px) {
  .gif-banner-item .link {
    padding-top: 78.125%;
    border-radius: 12px;
    -webkit-mask-image: url("../img/main/frame_gif_banner_mobile.svg");
    mask-image: url("../img/main/frame_gif_banner_mobile.svg");
  }
}

@media screen and (max-width: 600px) {
  .gif-banner {
    margin-top: 20px;
    padding: 0 20px;
  }

  .gif-banner-section {
    padding: 80px 0;
  }

  .gif-banner-section .title-wrap {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
  }

  .gif-banner-section .title-wrap .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
  }

  .gif-banner-section .title-wrap .sub-title {
    margin-top: 4px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.53846;
  }
}