/* font */
@font-face {
  font-display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-style: normal;
  src: url("./fonts/NotoSans-Regular.woff") format("woff");
}
@font-face {
  font-display: block;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-style: normal;
  src: url("./fonts/NotoSans-Bold.woff") format("woff");
}
@font-face {
  font-display: block;
  font-family: "Roboto";
  font-weight: 400;
  font-style: bold;
  src: url("./fonts/Roboto-Medium.woff") format("woff");
}
@font-face {
  font-display: block;
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  src: url("./fonts/Roboto-Bold.woff") format("woff");
}
/* layout */
.pb-layout-wrapper {
  position: fixed;
  inset: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 14px;
}
.pb-layout-wrapper * {
  font-family: inherit;
}
.pb-layout-wrapper .pb-layout-header {
  flex: 0 0 auto;
  width: 360px;
  margin: 0 auto;
}
/*.pb-layout-wrapper .pb-layout-content {*/
/*  flex: 1 0 0;*/
/*  width: 360px;*/
/*  margin: 0 auto;*/
/*}*/
.pb-layout-wrapper .pb-layout-footer {
  flex: 0 0 auto;
  width: 360px;
  margin: 0 auto;
}

.pb-layout-content {
  display: flex;
  flex-direction: column;
  padding: 24px 20px 56px;
}

.pb-layout-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pb-layout-header_title {
  font-size: 16px;
  font-weight: 400;
}
.pb-layout-header .pb-icon-button {
  margin-left: auto;
}

.pb-layout-footer {
  width: 100%;
}

.pb-layout-buttons {
  padding-top: 32px;
  margin-top: auto;
}

/* icon */
.pb-icon {
  display: inline-block;
}

.pb-icon-dot {
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #d9d9d9;
}

.pb-icon-circle-xmark {
  width: 16px;
  height: 16px;
  background: 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%3Ccircle cx='8' cy='8' r='8' fill='%23999999'/%3E%3Cpath d='M11.182 5.1821C11.3772 5.37736 11.3772 5.69395 11.182 5.88921L8.70711 8.36408L11.182 10.839C11.3772 11.0342 11.3772 11.3508 11.182 11.5461C10.9867 11.7412 10.6701 11.7413 10.4749 11.5461L8 9.07119L5.52513 11.5461C5.32985 11.7412 5.01322 11.7413 4.81802 11.5461C4.62282 11.3509 4.62293 11.0342 4.81802 10.839L7.29289 8.36408L4.81802 5.88921C4.62282 5.694 4.62293 5.37738 4.81802 5.1821C5.01328 4.98684 5.32986 4.98684 5.52513 5.1821L8 7.65698L10.4749 5.1821C10.6701 4.98684 10.9867 4.98684 11.182 5.1821Z' fill='white' /%3E%3C/svg%3E") center/100% no-repeat;
}

.pb-icon-ellipsis {
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3.5' cy='10.5' r='1.5' fill='%23666666'/%3E%3Ccircle cx='10' cy='10.5' r='1.5' fill='%23666666'/%3E%3Ccircle cx='16.5' cy='10.5' r='1.5' fill='%23666666'/%3E%3C/svg%3E") center/100% no-repeat;
}

.pb-icon-eye {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.8333C10.7945 15.8333 9.63832 15.3768 8.78588 14.5641C7.93344 13.7515 7.45455 12.6493 7.45455 11.5C7.45455 10.3507 7.93344 9.24853 8.78588 8.43587C9.63832 7.62321 10.7945 7.16667 12 7.16667C13.2055 7.16667 14.3617 7.62321 15.2141 8.43587C16.0666 9.24853 16.5455 10.3507 16.5455 11.5C16.5455 12.6493 16.0666 13.7515 15.2141 14.5641C14.3617 15.3768 13.2055 15.8333 12 15.8333ZM12 5C7.45455 5 3.57273 7.69533 2 11.5C3.57273 15.3047 7.45455 18 12 18C16.5455 18 20.4273 15.3047 22 11.5C20.4273 7.69533 16.5455 5 12 5Z' fill='black'/%3E%3Ccircle cx='11.9999' cy='11.4999' r='3' fill='black'/%3E%3C/svg%3E%0A") center/100% no-repeat;
}

.pb-icon-eye-slash {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15.8333C10.7945 15.8333 9.63832 15.3768 8.78588 14.5641C7.93344 13.7515 7.45455 12.6493 7.45455 11.5C7.45455 10.3507 7.93344 9.24853 8.78588 8.43587C9.63832 7.62321 10.7945 7.16667 12 7.16667C13.2055 7.16667 14.3617 7.62321 15.2141 8.43587C16.0666 9.24853 16.5455 10.3507 16.5455 11.5C16.5455 12.6493 16.0666 13.7515 15.2141 14.5641C14.3617 15.3768 13.2055 15.8333 12 15.8333ZM12 5C7.45455 5 3.57273 7.69533 2 11.5C3.57273 15.3047 7.45455 18 12 18C16.5455 18 20.4273 15.3047 22 11.5C20.4273 7.69533 16.5455 5 12 5Z' fill='black'/%3E%3Cpath d='M6 3L17.4715 19.383' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M13.5 14.0981C13.1588 14.2951 12.7822 14.423 12.3916 14.4744C12.001 14.5258 11.6041 14.4998 11.2235 14.3978C10.843 14.2959 10.4863 14.1199 10.1737 13.8801C9.86117 13.6403 9.59891 13.3412 9.40193 13.0001C9.20495 12.6589 9.0771 12.2822 9.02567 11.8916C8.97425 11.501 9.00026 11.1041 9.10223 10.7236C9.2042 10.3431 9.38012 9.98632 9.61995 9.67377C9.85978 9.36122 10.1588 9.09896 10.5 8.90198L12 11.5001L13.5 14.0981Z' fill='black'/%3E%3Ccircle cx='12' cy='11.5' r='2.5' stroke='black'/%3E%3C/svg%3E%0A") center/100% no-repeat;
}

.pb-icon-chevron-down {
  width: 15px;
  height: 9px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M14.5 1L7.5 8L0.5 1' stroke='black'/%3E%3C/svg%3E") center/100% no-repeat;
}

.pb-icon-bars {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 5H21' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M3 12H21' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M3 19H21' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat;
}

.pb-icon-chart-mixed-up {
  width: 42px;
  height: 42px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 43 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7.5' y='24' width='6' height='13' rx='2' fill='%23ACACAC'/%3E%3Crect x='18.5' y='19' width='6' height='18' rx='2' fill='%23ACACAC'/%3E%3Crect x='29.5' y='12' width='6' height='25' rx='2' fill='%23ACACAC'/%3E%3Cpath d='M36.0279 6.17296C36.5692 6.18061 37.0056 6.61806 37.0133 7.15929L37.1871 19.4151C37.1997 20.3127 36.1148 20.7706 35.4801 20.1359L31.9986 16.6544C27.4688 20.8344 18.1882 26.3471 6.43027 25.0148C5.39698 24.8973 5.33182 23.5169 6.32089 23.1954C12.6115 21.1526 22.2683 17.1417 26.5269 11.1827L23.0514 7.70714C22.4166 7.07237 22.8745 5.98749 23.7721 6.00011L36.0279 6.17296Z' fill='%23F82244'/%3E%3C/svg%3E") center/100% no-repeat;
}

.pb-icon-coins-circle-won {
  width: 42px;
  height: 42px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 43 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.5' y='11' width='24' height='5' rx='2' fill='%23FCD139'/%3E%3Crect x='14.5' y='6' width='24' height='5' rx='2' fill='%23FEAA19'/%3E%3Crect x='14.5' y='20' width='24' height='5' rx='2' fill='%23FCD139'/%3E%3Crect x='14.5' y='30' width='24' height='5' rx='2' fill='%23FCD139'/%3E%3Crect x='14.5' y='15' width='26' height='5' rx='2' fill='%23FEAA19'/%3E%3Crect x='14.5' y='25' width='26' height='5' rx='2' fill='%23FEAA19'/%3E%3Ccircle cx='15.5' cy='24' r='13' fill='%23FFE68F'/%3E%3Cpath d='M19.9578 19.5429C20.2396 18.837 21.0159 18.4448 21.7625 18.6582C22.5091 18.8716 22.9609 19.6149 22.8269 20.3632L22.7928 20.5127L22.2244 22.5009H23.2996L23.4529 22.5088C24.2094 22.5854 24.7995 23.2242 24.7996 24.0009C24.7996 24.7777 24.2095 25.4165 23.4529 25.4931L23.2996 25.5009H21.367L20.1922 29.6123C20.0223 30.2069 19.5051 30.6369 18.8894 30.6943C18.312 30.748 17.7584 30.4642 17.4637 29.9726L17.409 29.8711L15.4998 26.0537L13.5916 29.8711C13.315 30.4243 12.727 30.7515 12.1111 30.6943C11.5339 30.6406 11.0427 30.2598 10.8435 29.7226L10.8074 29.6123L9.6326 25.5009H7.69998C6.87162 25.5009 6.20005 24.8293 6.19998 24.0009C6.20014 23.1726 6.87166 22.5009 7.69998 22.5009H8.77615L8.20779 20.5127L8.17361 20.3632C8.03958 19.6148 8.49124 18.8715 9.23807 18.6582C10.0345 18.4307 10.865 18.892 11.0926 19.6884L12.6326 25.08L14.159 22.0293L14.2654 21.8476C14.5428 21.446 15.0029 21.2003 15.4998 21.2002C16.0678 21.2002 16.5874 21.5214 16.8416 22.0293L18.367 25.08L19.908 19.6884L19.9578 19.5429Z' fill='%23FEAA19'/%3E%3C/svg%3E") center/100% no-repeat;
}

.pb-icon-file-lines-magnifying-glass {
  width: 42px;
  height: 42px;
  background: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7' y='8' width='28' height='27' rx='2' fill='white'/%3E%3Crect x='11' y='13' width='20' height='3' rx='1.5' fill='%23ACACAC'/%3E%3Crect x='11' y='19' width='8' height='3' rx='1.5' fill='%23ACACAC'/%3E%3Ccircle cx='28.5' cy='26.5' r='7' stroke='%232278F8' stroke-width='3'/%3E%3Crect y='1.06066' width='5.5' height='1.5' rx='0.75' transform='matrix(0.707107 0.707106 -0.707107 0.707106 34.75 31.3107)' fill='%23F82244' stroke='%232278F8' stroke-width='1.5'/%3E%3C/svg%3E") center/100% no-repeat;
}

.pb-icon-file-lines {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7.5' y='5' width='18' height='21' rx='2' fill='white'/%3E%3Crect x='18.5' y='19' width='4' height='4' rx='0.761905' fill='%23F82244'/%3E%3Crect x='10.5' y='13' width='12' height='2' rx='1' fill='%23ACACAC'/%3E%3Crect x='10.5' y='9' width='12' height='2' rx='1' fill='%23ACACAC'/%3E%3C/svg%3E") center/100% no-repeat;
}

.pb-icon-file-lines-pen {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6.99997' y='6' width='18' height='21' rx='2' fill='white'/%3E%3Crect x='9.99997' y='10' width='12' height='2' rx='1' fill='%23ACACAC'/%3E%3Cpath d='M29.3795 25.5502C29.8003 26.279 29.5506 27.211 28.8218 27.6318L27.997 28.108C27.2682 28.5288 26.3362 28.279 25.9154 27.5502L19.9478 17.214C19.8009 16.9596 19.7307 16.6682 19.7456 16.3748L19.8497 14.3234C19.8777 13.7715 20.4657 13.432 20.9577 13.6837L22.7863 14.6193C23.0478 14.7531 23.265 14.9596 23.4119 15.214L29.3795 25.5502Z' fill='%23F82244'/%3E%3C/svg%3E") center/100% no-repeat;
}

.pb-icon-file-pen {
  width: 42px;
  height: 42px;
  background: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10C7 8.89543 7.89543 8 9 8H33C34.1046 8 35 8.89543 35 10V27.6716C35 28.202 34.7893 28.7107 34.4142 29.0858L31.5 32L29.0858 34.4142C28.7107 34.7893 28.202 35 27.6716 35H9C7.89543 35 7 34.1046 7 33V10Z' fill='white'/%3E%3Cpath d='M35 28.5L28.5 35V30.5C28.5 29.3954 29.3954 28.5 30.5 28.5H35Z' fill='%23ACACAC'/%3E%3Cpath d='M23.472 24.6909C23.3356 24.8274 23.1625 24.9215 22.9737 24.9618L19.5222 25.6986C19.1678 25.7743 18.8532 25.4596 18.9288 25.1052L19.6657 21.6537C19.706 21.4649 19.8 21.2919 19.9365 21.1554L35.3848 5.70713C35.7753 5.31661 36.4085 5.31661 36.799 5.70713L38.9203 7.82845C39.3108 8.21898 39.3108 8.85214 38.9203 9.24267L23.472 24.6909Z' fill='%23F82244'/%3E%3C/svg%3E") center/100% no-repeat;
}

.pb-icon-xmark {
  width: 26px;
  height: 26px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M19.0919 6.36396C19.4824 6.75449 19.4824 7.38765 19.0919 7.77817L14.1421 12.7279L19.0919 17.6777C19.4824 18.0682 19.4824 18.7014 19.0919 19.0919C18.7013 19.4824 18.0682 19.4824 17.6777 19.0919L12.7279 14.1421L7.77816 19.0919C7.38763 19.4824 6.75447 19.4824 6.36394 19.0919C5.97342 18.7014 5.97342 18.0682 6.36394 17.6777L11.3137 12.7279L6.36394 7.77817C5.97342 7.38765 5.97342 6.75449 6.36394 6.36396C6.75447 5.97344 7.38763 5.97344 7.77816 6.36396L12.7279 11.3137L17.6777 6.36396C18.0682 5.97344 18.7013 5.97344 19.0919 6.36396Z' fill='black'/%3E%3C/svg%3E") center/100% no-repeat;
}

/* button */
.pb-buttons {
  display: flex;
  gap: 8px;
}
.pb-buttons .pb-button {
  flex: 1 0 0;
}

.pb-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  border: 0;
  padding: 0 16px;
  border-radius: 0;
  line-height: 1;
  font-size: 17px;
  text-decoration: none;
  cursor: pointer;
}
.pb-button.pb-theme-primary {
  background-color: #000;
  color: #fff;
}
.pb-button.pb-theme-outline-primary {
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
}
.pb-button.pb-theme-secondary {
  background-color: #666;
  color: #fff;
}
.pb-button.pb-theme-tertiary {
  background-color: #ff4155;
  color: #fff;
}
.pb-button.pb-theme-small {
  height: 28px;
  padding: 0 8px;
  font-size: 14px;
}
.pb-button.pb-theme-xsmall {
  height: 22px;
  padding: 0 8px;
  font-size: 11px;
}
.pb-button.pb-theme-rounded {
  border-radius: 4px;
}
.pb-button.pb-is-disabled, .pb-button:disabled {
  background-color: #f0f0f0;
  color: #cacaca;
}

.pb-text-button {
  border: 0;
  padding: 0;
  background-color: transparent;
  text-decoration: underline;
  font-size: 15px;
  color: #666;
  cursor: pointer;
}
.pb-text-button.pb-theme-small {
  font-size: 13px;
}
.pb-text-button.pb-theme-black {
  color: #000;
}

.pb-icon-button {
  padding: 0;
  border: 0;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
}

.pb-select-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 46px;
  padding: 0 52px 0 10px;
  border-radius: 4px;
  border: 1px solid #dbdde0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M14.5 1L7.5 8L0.5 1' stroke='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 14px;
  background-color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.pb-select-button.pb-theme-no-radius {
  border-radius: 0;
}

/* checkbox */
.pb-chekcbox_label {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 15px;
  cursor: pointer;
}
.pb-chekcbox_label::before {
  content: "";
  flex: 0 0 auto;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #dbdde0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 4.99984L4.33333 8.33317L11 1.6665' stroke='%23ACACAC' stroke-width='2'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px 10px;
}
.pb-chekcbox_label b {
  margin: 0;
}
.pb-chekcbox_input {
  display: none;
}
.pb-chekcbox_input:checked ~ .pb-chekcbox_label::before {
  border-color: transparent;
  background-color: #000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 4.99984L4.33333 8.33317L11 1.6665' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}
.pb-chekcbox.pb-theme-large .pb-chekcbox_label {
  font-size: 16px;
}
.pb-chekcbox.pb-theme-large .pb-chekcbox_label::before {
  width: 24px;
  height: 24px;
  background-size: 16px 12px;
}

/* input */
.pb-input {
  flex: 1 0 0;
  width: 100%;
  height: 100%;
  padding: 0 12px;
  font-size: 14px;
  border: 0;
  background: transparent;
}
.pb-input-wrapper {
  display: flex;
  align-items: center;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.pb-input-wrapper .pb-icon-button {
  flex: 0 0 auto;
}
.pb-input-wrapper .pb-icon-button + .pb-icon-button {
  margin-left: 12px;
}
.pb-input-wrapper .pb-icon-button:last-child {
  margin-right: 12px;
}
.pb-input-wrapper .pb-icon-button.pb-toggle-button, .pb-input-wrapper .pb-icon-button.pb-delete-button {
  display: none;
}
.pb-input-wrapper:focus-within, .pb-input-wrapper:focus {
  border-color: #000;
}
.pb-input-wrapper.pb-theme-no-radius {
  border-radius: 0;
}
.pb-input_text {
  padding: 0 4px;
}
.pb-input_text:first-child {
  padding-left: 12px;
}
.pb-input_text:last-child {
  padding-right: 12px;
}
.pb-input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.pb-input[type=number]::-webkit-outer-spin-button, .pb-input[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.pb-input::placeholder {
  color: #999;
  opacity: 1;
}
.pb-input:disabled {
  color: #666;
}

.pb-multi-input-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.pb-multi-input-wrapper .pb-input {
  flex: 1 0 0;
  height: 100%;
  min-width: 0;
  padding: 0;
  text-align: center;
  border-radius: 0;
  border: 0;
  background-color: transparent;
}
.pb-multi-input-wrapper:focus-within, .pb-multi-input-wrapper:focus {
  border-color: #000;
}
.pb-multi-input-wrapper.pb-is-disabled {
  background-color: #eee;
}

.pb-file {
  display: none;
}
.pb-file_label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding: 0 12px;
  cursor: pointer;
}
.pb-file_name {
  font-size: 14px;
  color: #999;
}
.pb-file_delete {
  flex: 0 0 auto;
  display: none;
  margin-right: 12px;
}
.pb-file-wrapper {
  display: flex;
  align-items: center;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.pb-file-wrapper.pb-is-uploaded .pb-file_name {
  color: #000;
}
.pb-file-wrapper.pb-is-uploaded .pb-file_attach {
  display: none;
}
.pb-file-wrapper.pb-is-uploaded .pb-file_delete {
  display: block;
}

/* select */
.pb-select {
  width: 100%;
  height: 42px;
  padding: 0 52px 0 12px;
  border-radius: 4px;
  border: 1px solid #dbdde0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M14.5 1L7.5 8L0.5 1' stroke='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 14px;
  background-color: #fff;
  font-size: 14px;
  appearance: none;
}
.pb-select:focus {
  outline: none;
  border-color: #000;
}

/* form */
.pb-form {
  margin-bottom: 24px;
}
.pb-form_label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.4667;
}
.pb-form_helper {
  display: flex;
  align-items: flex-start;
  margin-top: 8px;
  font-size: 13px;
  color: #999;
}

/* error text */
.pb-error-text {
  display: none;
  font-size: 13px;
  line-height: 1.3846;
  color: #ff4155;
}
.pb-error-text.pb-is-visible {
  display: block;
}

/* info */
.pb-info-box {
  margin-top: 8px;
  padding: 16px;
  border-radius: 4px;
  background-color: #f5f5f5;
}
.pb-info_row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.pb-info_row:not(:first-child) {
  margin-top: 8px;
}
.pb-info_label {
  flex: 0 0 auto;
  font-size: 14px;
  color: #666;
}
.pb-info_value {
  font-size: 14px;
  text-align: right;
}

/* tag */
.pb-tag {
  padding: 2px 8px;
  border-radius: 4px;
}
.pb-tag_label {
  font-size: 12px;
  color: #fff;
}
.pb-tag.pb-is-pending {
  background-color: #ff4155;
}
.pb-tag.pb-is-received {
  background-color: #ffb400;
}
.pb-tag.pb-is-registered {
  background-color: #008aff;
}
.pb-form_label .pb-tag {
  margin-left: 8px;
}

/* bottom sheet */
.pb-bottom-sheet {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.pb-bottom-sheet_content {
  border-radius: 24px 24px 0 0;
  padding: 24px 20px;
  background-color: #fff;
  transform: translateY(100%);
  transition: 0.3s;
}
@media (min-width: 1025px) {
  .pb-bottom-sheet_content {
    width: 360px;
    margin: 0 auto;
  }
}
.pb-bottom-sheet_header {
  height: auto;
  line-height: normal;
  margin-bottom: 16px;
}
.pb-bottom-sheet_title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  word-break: keep-all;
}
.pb-bottom-sheet_body {
  font-size: 15px;
  line-height: 1.4667;
  color: #222;
}
.pb-bottom-sheet_footer {
  margin-top: 24px;
  padding: 0;
  border: 0;
  width: 100%;
}
.pb-bottom-sheet.pb-is-visible {
  opacity: 1;
  visibility: visible;
}
.pb-bottom-sheet.pb-is-visible .pb-bottom-sheet_content {
  transform: translateY(0);
}

/* title */
.pb-title {
  margin: 0 0 32px 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2727;
  word-break: keep-all;
}

/* description */
.pb-description {
  margin: 0;
  font-size: 16px;
  line-height: 1.375;
}

.pb-section-title {
  margin: 0 0 12px 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3333;
}

/* divider */
.pb-divider {
  margin: 0;
  height: 0;
  border: 0;
  border-top: 1px solid #ddd;
}

/* tooltip */
.pb-tooltip {
  position: absolute;
  top: calc(100% - 6px);
  left: 50%;
  width: auto;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 13px;
  color: #fff;
  background-color: #000;
  transform: translateX(-50%);
  white-space: nowrap;
}
.pb-tooltip::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 13px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9' fill='none'%3E%3Cpath d='M4.82311 1.57983C5.6118 0.366465 7.3882 0.366463 8.17689 1.57983L13 9H0L4.82311 1.57983Z' fill='black'/%3E%3C/svg%3E");
  transform: translateX(-50%);
}
.pb-tooltip-wrapper {
  position: relative;
}

/* grid */
.pb-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -8px;
  margin-right: -4px;
  margin-left: -4px;
}
.pb-row > [class*=pb-column] {
  margin-top: 8px;
  padding-right: 4px;
  padding-left: 4px;
}
.pb-row .pb-column {
  flex: 1 0 0;
}
.pb-row .pb-column-auto {
  flex: 0 0 auto;
}
.pb-row .pb-column-12 {
  flex: 0 0 auto;
  width: 100%;
}

/* landing */
.pb-landing {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 40px 32px 24px;
  width: 360px;
  margin: 0 auto;
}
.pb-landing .pb-title {
  margin-top: auto;
  margin-bottom: 12px;
  text-align: center;
}
.pb-landing_image {
  max-width: 282px;
  margin: 0 auto;
}
.pb-landing .pb-buttons {
  padding-top: 40px;
  margin-top: auto;
  flex-direction: column;
}
.pb-landing .pb-buttons .pb-button {
  flex: 0 0 auto;
  width: 100%;
  border-radius: 8px;
  background-color: #eee;
  padding: 0 20px;
  font-size: 15px;
  text-decoration: none;
  border: 0;
}

/* policy */
.pb-policy_row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 14px;
  gap: 8px;
}
.pb-policy_row:first-child {
  margin-top: 0;
  margin-bottom: 20px;
}
.pb-policy_row .pb-text-button {
  flex: 0 0 auto;
}
.pb-policy_row .pb-chekcbox_label {
  display: flex;
}

/* login */
.pb-login {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: calc(100vh - 222px);
  min-height: calc(100dvh - 222px);
  margin: auto 0;
  padding: 80px 20px;
}
.pb-login_description {
  margin: 20px 0;
  text-align: center;
  font-size: 15px;
  line-height: 1.4667;
}
.pb-login .pb-title {
  text-align: center;
}
.pb-login .pb-input-wrapper {
  margin-bottom: 8px;
  border: 0;
  background-color: #f9f9f9;
}
.pb-login .pb-layout-buttons {
  margin-top: 0;
  padding-top: 16px;
}
.pb-login .pb-error-text {
  margin-top: 16px;
}

.pb-auth-links {
  display: flex;
  margin-top: 24px;
  align-items: center;
  justify-content: space-between;
}

.pb-auth-link {
  font-size: 14px;
  text-decoration: none;
}

.pb-find-account {
  display: flex;
  align-items: center;
}
.pb-find-account .pb-auth-link {
  color: #666;
}
.pb-find-account .pb-icon-dot {
  margin: 0 8px;
}

/* toggle */
.pb-toggle {
  position: relative;
  border-radius: 8px 8px 0 0;
  border: 1px solid #000;
  border-bottom: 0;
}
.pb-toggle_button {
  border-radius: 8px 8px 0 0;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
  border: 0;
  text-align: left;
  cursor: pointer;
  background-color: #fff;
}
.pb-toggle_text {
  font-size: 15px;
}
.pb-toggle-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  z-index: 5;
  padding: 0 16px 16px;
  background-color: #fff;
  border: 1px solid #000;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.pb-toggle-menu_list {
  border-top: 1px solid #ddd;
}
.pb-toggle-menu_item {
  margin-top: 12px;
}
.pb-toggle-menu_label {
  display: block;
  font-size: 15px;
  color: #666;
  cursor: pointer;
}
.pb-toggle-menu_radio {
  display: none;
}
.pb-toggle-menu_radio:checked ~ .pb-toggle-menu_label {
  color: #000;
}
.pb-toggle.pb-is-active {
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.pb-toggle.pb-is-active .pb-toggle-menu {
  display: block;
}
.pb-toggle.pb-is-active .pb-icon {
  transform: rotate(180deg);
}
.pb-toggle.pb-theme-simple {
  border: 0;
}
.pb-toggle.pb-theme-simple .pb-toggle_button {
  padding: 2px 6px;
  border: 1px solid #ddd;
  border-radius: 0;
  z-index: 1;
}
.pb-toggle.pb-theme-simple .pb-toggle-menu {
  padding: 0;
  border: 0;
  right: 0;
  left: auto;
  width: 100px;
  box-shadow: none;
}
.pb-toggle.pb-theme-simple .pb-toggle-menu_list {
  border-top: 0;
}
.pb-toggle.pb-theme-simple .pb-toggle-menu_item {
  margin-top: -1px;
}
.pb-toggle.pb-theme-simple .pb-toggle-menu_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 34px;
  padding: 0;
  border: 1px solid #666;
  font-size: 13px;
  color: #666;
  background-color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.pb-toggle.pb-theme-simple.pb-is-active {
  box-shadow: none;
}
.pb-toggle.pb-theme-simple.pb-is-active .pb-icon {
  transform: none;
}

/* main */
.pb-main-section:not(:first-child) {
  margin-top: 32px;
}

.pb-franchise-info {
  padding: 0 16px 16px;
  border: 1px solid #000;
  border-top: 0;
  border-radius: 0 0 8px 8px;
}
.pb-franchise-info_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pb-franchise-info_row:not(:first-child) {
  margin-top: 12px;
}
.pb-franchise-info_name {
  font-size: 17px;
  font-weight: 700;
}
.pb-franchise-info_label {
  font-size: 17px;
}
.pb-franchise-info_value {
  font-size: 24px;
  font-weight: 700;
}

.pb-shortcuts {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 20px;
}
.pb-shortcuts .pb-icon {
  display: block;
  margin: 0 auto;
}
.pb-shortcuts_item {
  text-align: center;
  text-decoration: none;
}
.pb-shortcuts_label {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  color: #333;
}
.pb-shortcuts.pb-theme-list {
  display: block;
}
.pb-shortcuts.pb-theme-list .pb-shortcuts_item {
  display: flex;
  align-items: center;
}
.pb-shortcuts.pb-theme-list .pb-shortcuts_item:not(:first-child) {
  margin-top: 16px;
}
.pb-shortcuts.pb-theme-list .pb-shortcuts_item::after {
  content: "";
  width: 15px;
  height: 15px;
  margin-left: auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M0.499999 1L6.5 7L0.5 13' stroke='black'/%3E%3C/svg%3E") center/contain no-repeat;
}
.pb-shortcuts.pb-theme-list .pb-icon {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  margin: 0 8px 0 0;
}
.pb-shortcuts.pb-theme-list .pb-shortcuts_label {
  margin: 0;
  font-size: 16px;
}

.pb-contract-menu_item {
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 8px;
  background: #eff5ff;
  text-decoration: none;
}
.pb-contract-menu_item .pb-icon {
  flex: 0 0 auto;
  margin-right: 10px;
}
.pb-contract-menu_item::after {
  content: "";
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin-left: auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M0.499999 1L6.5 7L0.5 13' stroke='black'/%3E%3C/svg%3E") center/contain no-repeat;
}
.pb-contract-menu_item + .pb-contract-menu_item {
  margin-top: 12px;
  background-color: #fff3f3;
}
.pb-contract-menu_name {
  display: block;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
.pb-contract-menu_description {
  display: block;
  font-size: 14px;
  color: #666;
}

.pb-service-status {
  display: flex;
}
.pb-service-status_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 1 0 0;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: #fff8ef;
}
.pb-service-status_item .pb-icon {
  border-radius: 4px;
  background-color: #ffe1ba;
}
.pb-service-status_item + .pb-service-status_item {
  margin-left: 12px;
  background-color: #f5f5f5;
}
.pb-service-status_item + .pb-service-status_item .pb-icon {
  border-radius: 4px;
  background-color: #caced8;
}
.pb-service-status_label {
  font-size: 14px;
}
.pb-service-status_count {
  width: 100%;
  text-align: right;
  font-size: 16px;
}
.pb-service-status_count > b {
  font-size: 20px;
  font-weight: 700;
}

.pb-service-list {
  margin-top: 20px;
}
.pb-service-list_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pb-service-list_item:not(:first-child) {
  margin-top: 16px;
}
.pb-service-list_name {
  margin-right: 12px;
  font-size: 16px;
  color: #333;
}
.pb-service-list .pb-button {
  flex: 0 0 auto;
}
.pb-service-list .pb-button:disabled {
  background-color: #999;
  color: #fff;
}

.pb-connect {
  padding: 20px 20px 15px;
  text-align: center;
  border-radius: 8px;
  border: 1px dashed #000;
}
.pb-connect_title {
  margin: 0;
  line-height: 1.4118;
  font-size: 17px;
  font-weight: 700;
}
.pb-connect_description {
  margin: 4px 0 12px;
  line-height: 1.4667;
  font-size: 15px;
}

/* tabs */
.pb-tabs_navigation {
  display: flex;
  margin-bottom: 20px;
}
.pb-tabs_button {
  flex: 1 0 0;
  height: 30px;
  font-size: 15px;
  color: #666;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.pb-tabs_button[aria-selected=true] {
  color: #000;
  border-width: 2px;
  border-color: currentColor;
}
.pb-tabs_panel[aria-hidden=true] {
  display: none;
}

/* popup */
.pb-popup {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0 auto;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.6);
}
.pb-popup_inner {
  overflow: hidden;
  width: 100%;
  max-width: 524px;
  border-radius: 5px;
  background-color: #fff;
}
.pb-popup_header {
  height: auto;
  line-height: normal;
  padding: 12px 50px;
  text-align: center;
}
.pb-popup_title {
  display: block;
  font-size: 20px;
  line-height: 1.3;
}
.pb-popup_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.pb-popup_body {
  padding: 32px 20px 24px;
  font-size: 14px;
  line-height: 1.4286;
  text-align: center;
}
.pb-popup_footer {
  display: flex;
  width: 100%;
  gap: 10px;
  padding: 0 20px 32px;
  border: 0;
}
.pb-popup_footer .pb-button {
  flex: 1 0 0;
}
.pb-popup.pb-is-full-screen {
  padding: 0;
}
.pb-popup.pb-is-full-screen .pb-popup_inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: none;
  border-radius: 0;
}
.pb-popup.pb-is-full-screen .pb-popup_header {
  flex: 0 0 auto;
  background-color: #f82244 !important;
  color: #fff;
}
.pb-popup.pb-is-full-screen .pb-popup_header .arrow_left,
.pb-popup.pb-is-full-screen .pb-popup_header .home_icon,
.pb-popup.pb-is-full-screen .pb-popup_header ._close {
  filter: invert(1);
}
.pb-popup.pb-is-full-screen .pb-popup_body {
  overflow: auto;
  flex: 1 0 0;
  padding: 0;
  text-align: left;
}
.pb-popup.pb-is-full-screen .pb-popup_footer {
  flex: 0 0 auto;
  padding: 0;
}
.pb-popup.pb-is-visible {
  display: flex;
}

/* complete */
.pb-complete {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 222px);
  min-height: calc(100dvh - 222px);
  padding: 80px 20px 56px;
  text-align: center;
  box-sizing: border-box;
}
.pb-complete .pb-title {
  margin-bottom: 8px;
}
.pb-complete .pb-description {
  color: #666;
}
.pb-complete .pb-lottie {
  width: 72px;
  height: 72px;
  margin: 0 auto;
  margin-bottom: 12px;
}

/* qr */
.pb-payment-qr {
  margin: 0 -20px;
  padding: 24px 20px;
  background: #eee;
}
.pb-payment-qr_box {
  display: block;
  padding: 42px 20px;
  border: 2px dashed #ccc;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
.pb-payment-qr_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  border-radius: 999px;
  background: #e3e3e3;
}
.pb-payment-qr_icon img {
  width: 36px;
}
.pb-payment-qr_title {
  display: block;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.375;
}
.pb-payment-qr_desciption {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.4286;
  color: #666;
}
.pb-payment-qr_button {
  display: flex;
  align-items: center;
  width: 100%;
  border: 0;
  padding: 20px 30px;
  text-align: left;
  background-color: #ff4155;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
}
.pb-payment-qr_button::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.16667 2H3.14286C2.51167 2 2 2.51167 2 3.14286V6.16667' stroke='white' stroke-width='1.14286' stroke-linecap='round'/%3E%3Cpath d='M17.8333 2H20.8571C21.4883 2 22 2.51167 22 3.14286V6.16667' stroke='white' stroke-width='1.14286' stroke-linecap='round'/%3E%3Cpath d='M22 17.8333V20.8571C22 21.4883 21.4884 22 20.8572 22H17.8334' stroke='white' stroke-width='1.14286' stroke-linecap='round'/%3E%3Cpath d='M2 17.8333V20.8571C2 21.4883 2.51167 22 3.14286 22H6.16667' stroke='white' stroke-width='1.14286' stroke-linecap='round'/%3E%3Cmask id='path-5-inside-1_2336_3194' fill='white'%3E%3Crect x='4.77785' y='4.77783' width='7.22222' height='7.22222' rx='1.14286'/%3E%3C/mask%3E%3Crect x='4.77785' y='4.77783' width='7.22222' height='7.22222' rx='1.14286' stroke='white' stroke-width='3.42857' mask='url(%23path-5-inside-1_2336_3194)'/%3E%3Crect x='7.55566' y='7.55554' width='1.66667' height='1.66667' fill='white'/%3E%3Cmask id='path-7-inside-2_2336_3194' fill='white'%3E%3Crect x='4.77781' y='12.5555' width='7.22222' height='7.22222' rx='1.14286'/%3E%3C/mask%3E%3Crect x='4.77781' y='12.5555' width='7.22222' height='7.22222' rx='1.14286' stroke='white' stroke-width='3.42857' mask='url(%23path-7-inside-2_2336_3194)'/%3E%3Crect x='7.55566' y='15.3333' width='1.66667' height='1.66667' fill='white'/%3E%3Cmask id='path-9-inside-3_2336_3194' fill='white'%3E%3Crect x='12.5556' y='4.77777' width='7.22222' height='7.22222' rx='1.14286'/%3E%3C/mask%3E%3Crect x='12.5556' y='4.77777' width='7.22222' height='7.22222' rx='1.14286' stroke='white' stroke-width='3.42857' mask='url(%23path-9-inside-3_2336_3194)'/%3E%3Crect x='15.3335' y='7.55554' width='1.66667' height='1.66667' fill='white'/%3E%3Crect x='12.5556' y='12.5555' width='1.15941' height='1.11111' fill='white'/%3E%3Crect x='12.5557' y='15.8889' width='1.15941' height='3.33333' fill='white'/%3E%3Crect x='13.715' y='13.6666' width='2.31882' height='2.22222' fill='white'/%3E%3Cpath d='M19.7782 19.4769H16.1063V15.9583H19.7782V19.4769ZM17.4833 17.2776V18.1575H18.4012V17.2776H17.4833Z' fill='white'/%3E%3Crect x='16.0339' y='12.5555' width='3.47823' height='1.11111' fill='white'/%3E%3C/svg%3E") center/100% no-repeat;
}
.pb-payment-qr_item {
  margin-top: 10px;
  position: relative;
}
.pb-payment-qr_link {
  display: block;
  padding: 20px 72px 20px 30px;
  background: #fff;
  text-decoration: none;
}
.pb-payment-qr_name {
  display: block;
  font-size: 14px;
  line-height: 1.4286;
}
.pb-payment-qr_price {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.375;
}
.pb-payment-qr .pb-toggle {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}

.pb-payment-qr-wrapper {
  display: flex;
  min-height: 100%;
}
@media (max-width: 1025px) {
  .pb-payment-qr-wrapper {
    flex-direction: column;
    height: 100%;
  }
}

.pb-payment-qr-box {
  padding: 24px 20px;
  text-align: center;
}
@media (min-width: 1024px) {
  .pb-payment-qr-box {
    flex: 1 0 0;
    position: sticky;
    top: 0;
    align-self: flex-start;
  }
}
.pb-payment-qr-box_name {
  display: block;
  font-size: 15px;
  line-height: 1.4667;
}
.pb-payment-qr-box_price {
  display: block;
  margin-top: 2px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4118;
}
.pb-payment-qr-box_qr {
  width: 200px;
  margin: 0 auto;
  padding: 20px;
}
@media (min-width: 768px) {
  .pb-payment-qr-box_qr {
    width: 268px;
    padding: 32px;
  }
}
@media (min-width: 1024px) {
  .pb-payment-qr-box_qr {
    width: 320px;
    padding: 40px;
  }
}
.pb-payment-qr-box_guide {
  display: block;
  font-size: 15px;
  line-height: 1.4667;
}

.pb-payment-qr-history {
  overflow: auto;
  flex: 1 0 0;
  background-color: #eee;
  padding: 16px 20px 24px;
}
@media (min-width: 1024px) {
  .pb-payment-qr-history {
    flex: 2 0 0;
  }
}
.pb-payment-qr-history-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.pb-payment-qr-history-wrapper .toggle-wrapper {
  display: flex;
  align-items: center;
}
.pb-payment-qr-history-wrapper .toggle-wrapper .toggle-label {
  line-height: 1.5714;
}
.pb-payment-qr-history-wrapper .toggle-wrapper .toggle-label:not(:last-child) {
  margin-right: 4px;
}
.pb-payment-qr-history_summary {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.5714;
}
.pb-payment-qr-history_list {
  display: flex;
  flex-wrap: wrap;
  margin: -6px;
}
.pb-payment-qr-history_item {
  width: 100%;
  padding-top: 6px;
  padding-left: 6px;
}
@media (min-width: 768px) {
  .pb-payment-qr-history_item {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .pb-payment-qr-history_item {
    width: 33.3333%;
  }
}
.pb-payment-qr-history_box {
  display: flex;
  align-items: center;
  padding: 20px 30px;
  border: 1px solid transparent;
  background-color: #fff;
}
.pb-payment-qr-history_item:first-child .pb-payment-qr-history_box {
  border-color: #ff4155;
}
.pb-payment-qr-history_status {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0 4px;
  margin-right: 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  background-color: #1bbc9d;
  color: #fff;
}
.pb-payment-qr-history_details {
  flex: 1 0 0;
}
.pb-payment-qr-history_approval {
  font-size: 12px;
  line-height: 1.5;
  color: #666;
}
.pb-payment-qr-history_meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2px;
}
.pb-payment-qr-history_number {
  font-size: 16px;
  font-weight: 700;
}
.pb-payment-qr-history_time {
  margin-left: 4px;
  text-align: right;
  font-size: 12px;
}