/* 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;
}
.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;
  padding: 0 20px;
}
.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-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 viewBox='0 0 43 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7.5' y='8' width='28' height='27' rx='2' fill='%23EEEEEE'/%3E%3Crect x='10.5' y='13' width='19' height='3' rx='1.5' fill='%23ACACAC'/%3E%3Crect x='10.5' y='18' width='12' height='3' rx='1.5' fill='%23ACACAC'/%3E%3Ccircle cx='29' cy='26.5' r='7' stroke='%23F82244' 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 35.25 31.3107)' fill='%23F82244' stroke='%23F82244' 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;
}

/* 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-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;
}

/* 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[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-is-disabled {
  background-color: #eee;
}

.pb-icon-disabled {
  filter: grayscale(1) brightness(0.5);
  opacity: 0.8;
  cursor: default;
  pointer-events: none;
}

.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;
}

/* form */
.pb-form {
  margin-bottom: 24px;
}
.pb-form_label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.4667;
}

/* 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;
  align-items: center;
}
.pb-bottom-sheet_content {
  border-radius: 24px 24px 0 0;
  padding: 24px 20px;
  background-color: #fff;
  transform: translateY(100%);
  transition: 0.3s;
}
.pb-bottom-sheet_header {
  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;
}

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

/* landing */
.pb-landing {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 40px 20px 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;
  justify-content: center;
  min-height: calc(100vh - 222px);
  min-height: calc(100dvh - 222px);
  margin: auto 0;
  padding: 40px 20px;
}
.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-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;
}

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

.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-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-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;
}