@charset "utf-8";

.public-store-alert { display: none; position: absolute; top: 0px; left: 0px; }

.public-store-alert { position: fixed; inset: 0px; background: 0% 0% no-repeat padding-box padding-box rgba(0, 0, 0, 0.6); z-index: 999999; cursor: pointer; }

.public-store-alert .storeAlert { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 24px 17px 30px 24px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255); border-radius: 12px; width: 632px; height: fit-content; cursor: default; font-family: "Noto Sans"; color: rgb(0, 0, 0); font-size: 14px; opacity: 1; }

.public-store-alert .storeAlert .store-alert-header { opacity: 1; margin-bottom: 24px; display: flex; justify-content: space-between; align-items: start; }

.public-store-alert .storeAlert .store-alert-header .model-Main-Header { text-align: left; font: bold 24px / 32px Montserrat; letter-spacing: -0.96px; color: rgb(0, 0, 0); text-transform: capitalize; margin: 0px; width: 90%; }

.public-store-alert .storeAlert .store-alert-header .close { cursor: pointer; width: 16px; height: 16px; margin: 7px; font-size: 24px; position: static; inset: 0px; }

.public-store-alert .storeAlert .store-alert-info { margin-bottom: 16px; text-align: left; font: 14px / 19px "Noto Sans"; }

.public-store-alert .storeAlert .store-alert-cards { margin-right: 26px; }

.public-store-alert .storeAlert .store-alert-cards .public-register { height: 162px; }

.public-store-alert .storeAlert .store-alert-cards .smb-register { height: 162px; }

.public-store-alert .storeAlert .store-alert-cards .edu-register { height: 225px; }

.public-store-alert .storeAlert .store-alert-cards .affinity-register { height: 179px; }

.public-store-alert .storeAlert .store-alert-cards .card { transition: 0.3s; border: 1px solid rgb(204, 204, 204); border-radius: 12px; display: flex; flex-direction: row; font-family: Lato; margin-bottom: 16px; }

.public-store-alert .storeAlert .store-alert-cards .card .img-container { width: fit-content; height: fit-content; flex-shrink: 0; }

.public-store-alert .storeAlert .store-alert-cards .card:hover { cursor: pointer; }

.public-store-alert .storeAlert .store-alert-cards .card:last-child { margin-bottom: 0px; }

.public-store-alert .storeAlert .store-alert-cards .container { width: 100%; }

.public-store-alert .storeAlert .store-alert-cards .container .header { text-align: left; font: bold 18px / 22px Montserrat; letter-spacing: -0.9px; color: rgb(0, 0, 0); text-transform: capitalize; margin-bottom: 8px; }

.public-store-alert .storeAlert .store-alert-cards .container .list { font: 14px / 19px "Noto Sans"; letter-spacing: -0.14px; color: rgb(0, 0, 0); margin: 0px; list-style-type: disc; list-style-position: inside; }

.public-store-alert .storeAlert .store-alert-cards .container .list li { margin-bottom: 8px; text-indent: -1.2em; padding-left: 1.2em; }

.public-store-alert .storeAlert .store-alert-cards .container .submit { text-align: left; font: 16px / 16px "Noto Sans"; letter-spacing: -0.16px; color: rgb(23, 23, 23); display: block; border-bottom: 2px solid rgb(171, 168, 177); border-top-color: rgb(171, 168, 177); border-right-color: rgb(171, 168, 177); border-left-color: rgb(171, 168, 177); padding-bottom: 4px; width: fit-content; cursor: pointer; }

.public-store-alert .storeAlert .store-alert-cards .container .submit:hover { border-bottom: 2px solid rgb(225, 37, 27); border-top-color: rgb(225, 37, 27); border-right-color: rgb(225, 37, 27); border-left-color: rgb(225, 37, 27); }

.public-store-alert .storeAlert .store-alert-cards .personal-container { padding: 12px 24px; }

.public-store-alert .storeAlert .store-alert-cards .affinity-container, .public-store-alert .storeAlert .store-alert-cards .smb-container { padding: 5px 12px 9px 24px !important; }

.public-store-alert .storeAlert .store-alert-cards .edu-container { padding: 16px 12px 26px 24px; }

.public-store-alert .storeAlert .store-alert-cards .personal-image { width: 216px; height: 162px; object-fit: cover; border-radius: 12px 0px 0px 12px; }

.public-store-alert .storeAlert .store-alert-cards .smb-image { width: 216px; height: 162px; object-fit: cover; border-radius: 12px 0px 0px 12px; }

.public-store-alert .storeAlert .store-alert-cards .edu-image { width: 216px; height: 225px; object-fit: cover; border-radius: 12px 0px 0px 12px; }

.public-store-alert .storeAlert .store-alert-cards .affinity-image { width: 216px; height: 179px; object-fit: cover; border-radius: 12px 0px 0px 12px; }

.public-store-alert .storeAlert .store-alert-cards { min-height: 343px; margin-right: 0px; }

.public-store-alert .storeAlert .store-alert-cards::-webkit-scrollbar { width: 3px; }

.public-store-alert .storeAlert .store-alert-cards::-webkit-scrollbar-track { }

.public-store-alert .storeAlert .store-alert-cards::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); border-radius: 100px; }

@media only screen and (max-width: 1023px) {
  .public-store-alert { position: fixed; inset: 0px; background: 0% 0% no-repeat padding-box padding-box rgba(0, 0, 0, 0.6); z-index: 999999; cursor: pointer; width: 100vw; height: 100vh; }
  .public-store-alert .storeAlert { margin: auto; padding: 24px 26px 30px 24px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255); border-radius: 12px; height: fit-content; width: 632px; cursor: default; font-family: "Noto Sans"; color: rgb(0, 0, 0); font-size: 14px; opacity: 1; }
  .public-store-alert .storeAlert-header .close { margin: 7px; }
  .public-store-alert .storeAlert .store-alert-cards .container { padding: 10px 12px 26px 24px; width: 100%; }
}

@media only screen and (max-width: 750px) {
  .public-store-alert { position: fixed; inset: 0px; background: 0% 0% no-repeat padding-box padding-box rgba(0, 0, 0, 0.6); z-index: 999999; cursor: pointer; width: 100vw; height: 100%; }
  .public-store-alert .storeAlert { margin: 16px auto auto; padding: 16px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255); border-radius: 12px; max-height: 800px; height: 92%; width: 328px; cursor: default; font-family: "Noto Sans"; color: rgb(0, 0, 0); font-size: 14px; opacity: 1; position: static; top: 0px; left: 0px; transform: translate(0%, 0%); }
  .public-store-alert .storeAlert .store-alert-header { opacity: 1; margin-bottom: 24px; display: flex; justify-content: space-between; align-items: start; }
  .public-store-alert .storeAlert .store-alert-header .model-Main-Header { text-align: left; font: bold 24px / 32px Montserrat; letter-spacing: -0.96px; text-transform: capitalize; margin: 0px; width: 260px; color: rgb(23, 23, 23) !important; }
  .public-store-alert .storeAlert .store-alert-header .close { font-size: 24px; margin: 4px; }
  .public-store-alert .storeAlert .store-alert-info { margin-bottom: 24px; text-align: left; font: 16px / 24px "Noto Sans"; letter-spacing: -0.16px; color: rgb(23, 23, 23) !important; }
  .public-store-alert .storeAlert .store-alert-cards .public-register, .public-store-alert .storeAlert .store-alert-cards .smb-register, .public-store-alert .storeAlert .store-alert-cards .edu-register, .public-store-alert .storeAlert .store-alert-cards .affinity-register { height: auto; }
  .public-store-alert .storeAlert .store-alert-cards .card { transition: 0.3s; border: 1px solid rgb(204, 204, 204); border-radius: 12px; display: flex; flex-direction: column; font-family: Lato; margin-bottom: 16px; overflow: hidden; }
  .public-store-alert .storeAlert .store-alert-cards .card .img-container { width: fit-content; height: 132px; flex-shrink: 0; }
  .public-store-alert .storeAlert .store-alert-cards .card:hover { cursor: pointer; }
  .public-store-alert .storeAlert .store-alert-cards .store-alert-cards::-webkit-scrollbar { width: 3px; }
  .public-store-alert .storeAlert .store-alert-cards .store-alert-cards::-webkit-scrollbar-track { }
  .public-store-alert .storeAlert .store-alert-cards .store-alert-cards::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); border-radius: 100px; }
  .public-store-alert .storeAlert .store-alert-cards .container { background-color: rgb(245, 245, 245); }
  .public-store-alert .storeAlert .store-alert-cards .container .header { text-align: left; font: bold 18px / 22px Montserrat; letter-spacing: -0.9px; color: rgb(0, 0, 0); text-transform: capitalize; margin-bottom: 8px; }
  .public-store-alert .storeAlert .store-alert-cards .container .list { text-align: left; font: 12px / 14px "Noto Sans"; letter-spacing: -0.12px; color: rgb(0, 0, 0); margin: 0px; list-style-type: disc; list-style-position: inside; }
  .public-store-alert .storeAlert .store-alert-cards .container .list li { margin-bottom: 8px; text-indent: -1.2em; padding-left: 1.2em; }
  .public-store-alert .storeAlert .store-alert-cards .container .submit { display: none; text-align: left; font: 16px / 16px "Noto Sans"; letter-spacing: -0.16px; color: rgb(23, 23, 23); text-decoration: underline 2px; text-underline-offset: 4px; }
  .public-store-alert .storeAlert .store-alert-cards .personal-container { padding: 16px 17px 25px 24px; min-height: 127px; }
  .public-store-alert .storeAlert .store-alert-cards .affinity-container, .public-store-alert .storeAlert .store-alert-cards .smb-container { min-height: 129px; padding: 5px 17px 16px 24px !important; }
  .public-store-alert .storeAlert .store-alert-cards .edu-container { padding: 16px 17px 16px 24px; min-height: 182px; }
  .public-store-alert .storeAlert .store-alert-cards .checkedImg { width: 296px; height: 132px; border-radius: 12px 12px 0px 0px; }
  .public-store-alert .storeAlert .store-alert-cards { padding-left: 2px; overflow: hidden auto; margin-right: 0px; height: calc(-226px + 100vh); }
  .public-store-alert .storeAlert .store-alert-cards::-webkit-scrollbar { width: 3px; }
  .public-store-alert .storeAlert .store-alert-cards::-webkit-scrollbar-track { }
  .public-store-alert .storeAlert .store-alert-cards::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); border-radius: 100px; }
  .hide { display: none; }
}

.no-scroll { overflow: hidden; }