.loader-img-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#ffffff1a;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loader-img-container img{width:25rem;height:auto}@media only screen and (max-width:1023px),only screen and (max-width:1024px) and (orientation:portrait){.loader-img-container img{width:19rem;height:auto}}
.modal-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1.5rem;width:100%;display:flex}.modal-header .modal-header__message{color:#262626;background:#b0e96a;border:.124rem solid #262626;border-radius:.875rem;flex:1;padding:1.25rem 1.5rem;font-family:Mulish;font-size:1.25rem;font-weight:600;line-height:100%;box-shadow:0 4px #262626}.modal-header .modal-header__message--error{color:#fff;background:linear-gradient(275deg,#ff4f03 1.45%,#fd824d 133.27%);border-color:#262626}.modal-header .modal-header__exit-btn{color:#fff;cursor:pointer;background:linear-gradient(275deg,#ff4f03 1.45%,#fd824d 133.27%);border:.124rem solid #262626;border-radius:.875rem;padding:1.25rem 1.5rem;font-family:Mulish;font-size:1.25rem;font-weight:700;line-height:100%;box-shadow:0 4px #262626}@media only screen and (max-width:1023px),only screen and (max-width:1024px) and (orientation:portrait){.modal-header{gap:1.33rem}}@media only screen and (max-width:480px){.modal-header{gap:.57rem}.modal-header .modal-header__message,.modal-header .modal-header__exit-btn{border:1px solid #262626;border-radius:.42rem;padding:.57rem .85rem;font-size:.85rem;font-weight:700;box-shadow:0 1px #262626}}
.skill-gift-preview{text-align:center;background:#f3f3f3;border:2px solid #262626;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;height:100%;padding:1rem 1.875rem;display:flex;box-shadow:0 4px #262626}.skill-gift-img-wrapper{aspect-ratio:1;width:100%;max-width:17rem;position:relative}.skill-gift-img{object-fit:contain;width:100%;height:100%}.skill-gift-contents-wrapper{flex-direction:column;gap:1rem;display:flex}.skill-gift-title{letter-spacing:0%;text-align:center;font-family:Mulish;font-size:1.5rem;font-weight:700;line-height:100%}.skill-gift-desc{letter-spacing:0%;text-align:center;color:#262626;font-family:Mulish;font-size:1.25rem;font-weight:500;line-height:100%}.skill-gift-desc br{display:block}.skill-gift-desc span{letter-spacing:0%;text-align:center;color:#262626;font-family:Mulish;font-size:1.25rem;font-weight:700;line-height:100%}@media only screen and (max-width:1023px),only screen and (max-width:1024px) and (orientation:portrait){.skill-form-modal .skill-gift-img-wrapper{max-width:9.5rem}}@media only screen and (max-width:480px){.skill-gift-preview{text-align:left;border:1px solid #262626;border-radius:.42rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;max-height:6.78rem;padding:.28rem 1.14rem .57rem;box-shadow:0 2px #262626}.skill-gift-img-wrapper{flex-shrink:0;width:5.71rem;height:5.71rem}.skill-gift-img{object-fit:contain}.skill-gift-contents-wrapper{align-items:flex-start;gap:.42rem}.skill-gift-title,.skill-gift-desc{font-size:1rem}.skill-gift-desc br{display:none}.skill-gift-desc span{font-size:1rem;font-weight:500}}
.qr-modal-main{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;overflow-y:auto}.qr-modal-main::-webkit-scrollbar{display:none}@media only screen and (max-height:900px){.qr-modal-main{height:100%}}.qr-modal-main .qr-modal-container{gap:2rem;width:100%;display:flex}.qr-modal-main .qr-modal-container .qr-giftcard-prev-wrapper{width:30%;display:flex}.qr-modal-main .qr-modal-container .qr-wrapper{background:#fff;border:2px solid #262626;border-radius:.75rem;justify-content:center;align-items:center;width:70%;padding:1.93rem 4.37rem;display:flex;box-shadow:0 4px #262626}.qr-modal-main .qr-modal-container .qr-wrapper .qr-bg-img-wrapper{justify-content:center;align-items:center;width:100%;height:100%;min-height:18.75rem;display:flex;position:relative}.qr-modal-main .qr-modal-container .qr-wrapper .qr-bg-img-wrapper .qr-bg-img{object-fit:contain}.qr-modal-main .qr-modal-container .qr-wrapper .qr-bg-img-wrapper .qr-text{text-align:center;color:#262626;z-index:2;font-family:Mulish;font-size:1.75rem;font-weight:600;line-height:normal;position:absolute}.qr-modal-main .qr-modal-container .qr-wrapper .qr-bg-img-wrapper .qr-text span{font-weight:700}.qr-button-wrapper{justify-content:center;width:100%;margin-top:1.06rem;display:flex}@media only screen and (max-width:1023px),only screen and (max-width:1024px) and (orientation:portrait){.qr-modal-main{height:100%}.qr-modal-main .qr-modal-container{flex-direction:column;gap:1.5rem;display:flex}.qr-modal-main .qr-modal-container .qr-giftcard-prev-wrapper,.qr-modal-main .qr-modal-container .qr-wrapper{width:100%}}@media only screen and (max-width:480px){.qr-modal-main{height:100%}.qr-modal-main .qr-modal-container{flex-direction:column;gap:.57rem}.qr-modal-main .qr-modal-container .qr-giftcard-prev-wrapper{width:100%}.qr-modal-main .qr-modal-container .qr-wrapper{width:100%;padding:1.07rem 0 1.14rem}.qr-modal-main .qr-modal-container .qr-wrapper .qr-bg-img-wrapper{min-height:21.42rem}.qr-modal-main .qr-modal-container .qr-wrapper .qr-bg-img-wrapper .qr-text{font-size:1.42rem}.qr-modal-main .qr-button-wrapper{padding-top:.92rem}}@media only screen and (max-width:380px){.qr-modal-main .qr-modal-container{flex-direction:column;gap:.57rem;height:25rem;overflow-y:auto}.qr-modal-main .qr-modal-container ::-webkit-scrollbar{display:none}.qr-modal-main .qr-modal-container{-ms-overflow-style:none;scrollbar-width:none}.qr-modal-main .qr-modal-container .qr-giftcard-prev-wrapper{width:100%}.qr-modal-main .qr-modal-container .qr-wrapper{width:100%;padding:1.07rem 0 1.14rem}.qr-modal-main .qr-modal-container .qr-wrapper .qr-bg-img-wrapper{min-height:21.42rem}.qr-modal-main .qr-modal-container .qr-wrapper .qr-bg-img-wrapper .qr-text{font-size:1.42rem}.qr-modal-main .qr-button-wrapper{padding-top:.92rem}}
.shared-modal-pop-up-container{width:85%;height:auto;margin-top:clamp(2rem,4vw + 1rem,5rem);margin-top:unset;width:100%;position:relative}@media screen and (max-height:800px){.shared-modal-pop-up-container{height:100%;transform:scale(.9)}}.shared-modal-pop-up-container .skill-modal-bg{object-fit:fill;z-index:1;object-fit:fill;z-index:1;z-index:-1;width:100%;height:100%;position:absolute}.skill-modal-content{flex-direction:column;gap:2rem;height:85%;margin:3rem;display:flex;overflow:hidden}@media screen and (min-width:2300px){.skill-modal-content{margin-inline:5.2rem}}.skill-modal-content .modal-header{flex-shrink:0}.skill-modal-content .skill-modal-body{flex:1;display:flex;overflow:hidden}@media only screen and (max-width:1023px),only screen and (max-width:1024px) and (orientation:portrait){.shared-modal-pop-up-container{height:83%;margin-top:7rem}.shared-modal-pop-up-container .skill-modal-content{padding:unset;gap:2.4rem;margin:3rem 2rem 2rem}}@media only screen and (max-width:480px){.shared-modal-pop-up-container{height:100%;margin-top:unset;width:fit-content;transform:scale(.95)}.shared-modal-pop-up-container .skill-modal-content{gap:.57rem;margin-block:2rem;margin-inline:.7rem;padding:.57rem}}
.gift-listing-modal{flex-direction:column;flex:1;display:flex;overflow:hidden}.gift-listing-modal .gift-listing-modal__grid{scrollbar-width:none;-ms-overflow-style:none;flex:1;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:2rem 1.18rem;max-height:27rem;padding-bottom:1.25rem;display:grid;overflow:hidden auto}.gift-listing-modal .gift-listing-modal__grid::-webkit-scrollbar{display:none}.gift-listing-modal .gift-listing-modal__footer{justify-content:center;align-items:center;padding-top:3.75rem}.gift-card{cursor:pointer;box-sizing:border-box;background:#fff;border:.125rem solid #262626;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;height:100%;max-height:13.75rem;padding:1rem 1.2rem;display:flex;position:relative;box-shadow:0 4px #262626}.gift-card .blur-view{cursor:not-allowed;pointer-events:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#fff6;justify-content:center;align-items:center;width:90%;height:80%;display:flex;position:absolute;top:0}.gift-card .blur-view img{width:1.85rem;height:1.85rem}.gift-card .gift-card__img-wrapper{width:100%;height:7.5rem;position:relative}.gift-card .gift-card__img{object-fit:contain}.gift-card .gift-card__name{color:#262626;font-family:Mulish;font-size:1.25rem;font-weight:700;line-height:100%}.gift-card .points-view{justify-content:center;align-items:center;gap:.25rem;width:100%;display:flex}.gift-card .points-view span{font-family:Mulish;font-weight:600;font-style:SemiBold;letter-spacing:1.2%;color:#262626;white-space:nowrap;background-color:#fff;width:100%;font-size:1rem;line-height:normal}.gift-card .points-view .gift-card__points{color:#262626;border:.062rem solid;text-align:center;white-space:nowrap;background:linear-gradient(90deg,#fff4e11a 0%,#ffb42a1a 100%);border:1px solid #ffecc8;border-radius:22.5rem;width:fit-content;padding:.375rem .75rem;font-family:Mulish;font-size:1rem;font-weight:600;line-height:100%}.gift-card .gift-card__points-mobile,.gift-card .gift-card__points-mobile-disable{display:none}.gift-card--selected{background:#feef7b;box-shadow:0 4px #b0e96a}@media only screen and (max-width:1024px){.gift-listing-modal .gift-listing-modal__grid{max-height:unset;grid-template-columns:repeat(3,1fr);gap:1.6rem 1.26rem}.gift-listing-modal .gift-card{gap:.53rem;max-height:13.13rem;padding:1.06rem 1.33rem}.gift-listing-modal .gift-card .blur-view{height:70%}.gift-listing-modal .gift-card .gift-card__img-wrapper{width:5.33rem;height:5.33rem}.gift-listing-modal .gift-card .gift-card__name{font-size:1.2rem}.gift-listing-modal .gift-card .points-view{display:none}.gift-listing-modal .gift-card .gift-card__points-mobile-disable{font-family:Mulish;font-weight:600;font-style:SemiBold;letter-spacing:1.2%;color:#262626;margin-top:1rem;font-size:.8rem;line-height:normal;display:block}.gift-listing-modal .gift-card .gift-card__points-mobile{color:#262626;border:.062rem solid;text-align:center;white-space:nowrap;background:linear-gradient(90deg,#fff4e11a 0%,#ffb42a1a 100%);border:1px solid #ffecc8;border-radius:22.5rem;width:fit-content;padding:.26rem .53rem;font-size:.93rem;display:block}.gift-listing-modal .gift-listing-modal__footer{padding-top:2.66rem}}@media only screen and (max-width:480px){.gift-listing-modal .gift-listing-modal__grid{grid-template-columns:repeat(2,1fr);gap:.85rem .57rem}.gift-listing-modal .gift-card{gap:.42rem;max-height:9.85rem;padding:.28rem 1.14rem .57rem}.gift-listing-modal .gift-card .gift-card__img-wrapper{width:4.28rem;height:4.28rem}.gift-listing-modal .gift-card .gift-card__name{font-size:.85rem}.gift-listing-modal .gift-card .points-view{display:none}.gift-listing-modal .gift-card .gift-card__points-mobile-disable{font-family:Mulish;font-weight:600;font-style:SemiBold;letter-spacing:1.2%;color:#262626;font-size:.57rem;line-height:normal}.gift-listing-modal .gift-card .gift-card__points-mobile{color:#262626;border:.062rem solid;text-align:center;white-space:nowrap;background:linear-gradient(90deg,#fff4e11a 0%,#ffb42a1a 100%);border:1px solid #ffecc8;border-radius:22.5rem;width:fit-content;padding:.21rem .57rem;font-size:.71rem}.gift-listing-modal .gift-listing-modal__footer{padding-top:1.64rem}}
.footer-popup-btn-wrapper{flex-direction:column;align-items:center;gap:.875rem;display:flex}.footer-popup-btn-wrapper .footer-popup-btn{color:#fff;cursor:pointer;background:#262626;border:2px solid #262626;border-radius:.875rem;justify-content:center;align-items:center;gap:1rem;font-family:Mulish;font-weight:700;display:flex}.footer-popup-btn-wrapper .footer-popup-btn.primary{width:100%;max-width:13.75rem;height:4.375rem;padding:1.25rem 1.875rem;font-size:1.375rem;box-shadow:4px 4px #fff}.footer-popup-btn-wrapper .footer-popup-btn.skill{max-width:16.875rem;padding:1.25rem 2.75rem;font-size:1rem;box-shadow:4px 4px #fff}.footer-popup-btn-wrapper .footer-popup-btn:disabled{opacity:.5;cursor:not-allowed}.footer-popup-btn-wrapper .footer-popup-btn .btn-icon{align-items:center;width:1.5rem;height:1.5rem;display:flex}.footer-popup-btn-wrapper .footer-popup-bottom-text{letter-spacing:1.2%;color:#262626;font-family:Mulish;font-size:.875rem;font-style:italic;font-weight:500;line-height:100%}@media only screen and (max-width:480px){.footer-popup-btn-wrapper{gap:.42rem}.footer-popup-btn-wrapper .footer-popup-btn{border:1px solid #262626;border-radius:.42rem;gap:.28rem;max-height:2.5rem;padding:.71rem 1.428rem}.footer-popup-btn-wrapper .footer-popup-btn.primary{max-width:6.07px;font-size:.85rem;box-shadow:1px 1px #fff}.footer-popup-btn-wrapper .footer-popup-btn.skill{max-width:12.85rem;font-size:.85rem;box-shadow:1px 1px #fff}.footer-popup-btn-wrapper .footer-popup-btn .btn-icon{width:1rem;height:1rem}.footer-popup-btn-wrapper .footer-popup-bottom-text{font-size:.57rem}}
.skill-form-modal{scrollbar-width:none;gap:2rem;width:100%;height:100%;display:flex;overflow-y:scroll}.skill-form-modal ::-webkit-scrollbar{display:none}.skill-form-modal{-ms-overflow-style:none;scrollbar-width:none}@media only screen and (max-height:900px){.skill-form-modal{height:100%}}.skill-form-modal .skill-form-modal__left{justify-content:center;align-items:flex-start;width:30%;display:flex}.skill-form-modal .skill-gift-preview{text-align:center;background:#fff;border:2px solid #262626;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;height:92%;padding:1rem 1.875rem;display:flex;box-shadow:0 4px #262626}.skill-form-modal .skill-gift-img-wrapper{width:100%;height:100%;position:relative}.skill-form-modal .skill-gift-img{object-fit:contain;width:100%;height:100%}.skill-form-modal .skill-gift-contents-wrapper{flex-direction:column;gap:1rem;display:flex}.skill-form-modal .skill-gift-title{letter-spacing:0%;text-align:center;font-family:Mulish;font-size:1.5rem;font-weight:700;line-height:100%}.skill-form-modal .skill-gift-desc{letter-spacing:0%;text-align:center;color:#262626;font-family:Mulish;font-size:1.25rem;font-weight:500;line-height:100%}.skill-form-modal .skill-gift-desc br{display:block}.skill-form-modal .skill-gift-desc span{letter-spacing:0%;text-align:center;color:#262626;font-family:Mulish;font-size:1.25rem;font-weight:700;line-height:100%}.skill-form-modal .skill-form-modal__right{scrollbar-width:none;-ms-overflow-style:none;width:70%;height:100%;height:unset;flex-direction:column;gap:2.5rem;display:flex;overflow-y:auto}.skill-form-modal .skill-form-modal__right::-webkit-scrollbar{display:none}.skill-form-modal .skill-form-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.skill-form-modal .skill-form-group{flex-direction:column;gap:1rem;display:flex}.skill-form-modal .skill-form-label{letter-spacing:0%;color:#262626;font-family:Mulish;font-size:18px;font-weight:700;line-height:100%}.skill-form-modal .skill-form-label span{letter-spacing:0%;color:#c7413a;font-family:Mulish;font-size:1.125rem;font-weight:700;line-height:100%}.skill-form-modal .skill-form-group input{letter-spacing:0%;background:#fff;border:2px solid #262626;border-radius:.875rem;outline:none;padding:1.25rem 1.5rem;font-family:Mulish;font-size:1.375rem;font-weight:700;line-height:100%;box-shadow:0 4px #262626}.skill-form-modal .form-modal-error-msg{color:#c7413a;padding-left:.68em;font-size:.87rem;font-weight:400;line-height:1.12rem}.skill-form-modal .skill-form-actions{justify-content:center;align-items:center;margin-top:1.25rem}@media only screen and (max-width:1023px),only screen and (max-width:1024px) and (orientation:portrait){.skill-form-modal{flex-direction:column;gap:1.5rem;height:100vh;display:flex;overflow:hidden}.skill-form-modal .skill-form-modal__left{flex-shrink:0;justify-content:center;width:100%;display:flex}.skill-form-modal .skill-form-modal__right{flex:1;gap:1.5rem;width:100%;overflow-y:auto}.skill-form-modal .skill-form-modal__right ::-webkit-scrollbar{display:none}.skill-form-modal .skill-form-modal__right{-ms-overflow-style:none;scrollbar-width:none}.skill-form-modal .skill-form-modal__right .skill-form-grid{gap:1.5rem}.skill-form-modal .skill-form-modal__right .skill-form-group{gap:.8rem}.skill-form-modal .skill-form-modal__right .skill-form-group input{border-radius:.75rem;padding:1rem 1.25rem;font-size:1.125rem}.skill-form-modal .skill-form-modal__right .form-modal-error-msg{font-size:.75rem}}@media only screen and (max-width:480px){.skill-form-modal{flex-direction:column;gap:1rem;height:100vh;display:flex;overflow:hidden}.skill-form-modal .skill-form-modal__left{flex-shrink:0;width:100%}.skill-form-modal .skill-form-modal__right{flex:1;gap:1.85rem;width:100%;overflow-y:auto}.skill-form-modal .skill-form-modal__right ::-webkit-scrollbar{display:none}.skill-form-modal .skill-form-modal__right{-ms-overflow-style:none;scrollbar-width:none}.skill-form-modal .skill-gift-preview{text-align:left;border:1px solid #262626;border-radius:.42rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;max-height:6.78rem;padding:.28rem 1.14rem .57rem;box-shadow:0 2px #262626}.skill-form-modal .skill-gift-img-wrapper{flex-shrink:0;width:5.71rem;height:5.71rem;position:relative}.skill-form-modal .skill-gift-img{object-fit:contain}.skill-form-modal .skill-gift-contents-wrapper{align-items:flex-start;gap:.42rem}.skill-form-modal .skill-gift-title,.skill-form-modal .skill-gift-desc{font-size:1rem}.skill-form-modal .skill-gift-desc br{display:none}.skill-form-modal .skill-gift-desc span{font-size:1rem;font-weight:500}.skill-form-modal .skill-form-grid{grid-template-columns:1fr;row-gap:1.14rem}.skill-form-modal .skill-form-group{gap:.28rem}.skill-form-modal .skill-form-label,.skill-form-modal .skill-form-label span{font-size:.85rem}.skill-form-modal .skill-form-group input{border:1px solid #262626;border-radius:.42rem;padding:.71rem .85rem;font-size:.85rem;box-shadow:0 1px #262626}.skill-form-modal .form-modal-error-msg{padding-left:.1rem;font-size:.7rem;line-height:1rem}.skill-form-modal .skill-form-actions{justify-content:center;display:flex}}@media only screen and (max-width:380px){.skill-form-modal{flex-direction:column;gap:1rem;height:auto}.skill-form-modal .form-modal-error-msg{font-size:.65rem}.skill-form-modal .skill-form-modal__left{width:100%;height:unset}}