:root{--border-color: #CCCCCC;--border-radius: 4px;--color-text: #434343 }.loyalty-modal::-webkit-scrollbar,.voucher-details-note::-webkit-scrollbar,.loyalty-modal.voucher .scroll-mb::-webkit-scrollbar{width:0}.custom-confirm-modal svg{width:100%}.container-image::-webkit-scrollbar{height:0;width:0;opacity:0}.loyalty-modal::-webkit-scrollbar-track,.voucher-details-note::-webkit-scrollbar-track,.container-image::-webkit-scrollbar-track,.loyalty-modal.voucher .scroll-mb::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.loyalty-modal::-webkit-scrollbar-thumb,.voucher-details-note::-webkit-scrollbar-thumb,.container-image::-webkit-scrollbar-thumb,.loyalty-modal.voucher .scroll-mb::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}.loyalty-modal:hover::-webkit-scrollbar,.voucher-details-note:hover::-webkit-scrollbar,.loyalty-modal.voucher .scroll-mb:hover::-webkit-scrollbar{width:4px}.container-image:hover::-webkit-scrollbar{height:4px}.no-scroll,.no-loading-scroll{overflow:hidden}.center{text-align:center}.btn{font-family:Montserrat!important;font-size:16px;font-weight:600;line-height:19.5px}.btn-secondary,.modal-group-buttons .btn:hover,.modal-group-buttons .btn:active{background:var(--colorBtnPrimaryText);color:var(--colorBtnPrimary);border:1px solid var(--colorBtnPrimary)}.modal-group-buttons .btn-secondary:hover,.modal-group-buttons .btn-secondary:active{color:var(--colorBtnPrimaryText);background:var(--colorBtnPrimary);border:1px solid var(--colorBtnPrimary)}@media (hover: none){.modal-group-buttons .btn-secondary:hover,.modal-group-buttons .btn-secondary:active,.modal-group-buttons .btn:hover,.modal-group-buttons .btn:active{background:var(--colorBtnPrimaryText);color:var(--colorBtnPrimary);transition:none}}.is-disable{pointer-events:none;opacity:.5}crocs-loyalty-modal{visibility:hidden}crocs-loyalty-modal.active{visibility:visible}.modal-step{display:none}.modal-step.active{display:block}.mt-0{margin-top:0!important}.w-100{width:100%}@media only screen and (max-width: 1441px){.loyalty-modal.voucher .scroll-mb{padding:22px 40px}.scroll-mb{overflow-y:hidden;max-height:700px;padding:14px 32px}.loyalty-modal.custom-padding{padding:18px 0!important}}@media screen and (min-width: 768px) and (max-width: 1400px){.loyalty-modal.voucher{overflow:auto}}@media screen and (min-width: 768px){.loyalty-modal.voucher .code-panel-qrcode{width:90%;height:48%;margin:auto}}@media screen and (max-height: 800px){.loyalty-modal.voucher .code-panel-qrcode{width:58%;height:37%}}@media only screen and (max-width: 1025px){.loyalty-modal.voucher .scroll-mb{padding:22px 40px}.scroll-mb{overflow-y:hidden;max-height:700px;padding:14px 32px}.loyalty-modal.custom-padding{padding:18px 0!important}}@media only screen and (max-width: 769px){.loyalty-modal.voucher .scroll-mb,.loyalty-modal .scroll-mb{padding:6px 16px}.scroll-mb{overflow-y:auto;max-height:550px;padding:0 34px}}@media only screen and (max-width: 426px){.scroll-mb{overflow-y:auto;max-height:550px;padding:0 28px}}.h-100{height:100%}.loyaty-modal-content input{margin-bottom:32px}.modal-container{position:fixed;left:0;top:0;right:0;bottom:0;z-index:10000;opacity:0;pointer-events:none;transition:opacity .3s ease,visibility 0s .3s}.show-modal .modal-container,.custom-show-modal .custom-modal-container{opacity:1;pointer-events:all}.overlay{display:flex;width:100%;height:100%;background:#1e1e1e;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .8s cubic-bezier(.7,0,.2,1),visibility .8s cubic-bezier(.7,0,.2,1)}.show-modal .overlay,.custom-show-modal .custom-overlay{opacity:.7;visibility:visible}.loyalty-modal{position:fixed;height:auto;top:50%;left:50%;width:100%;max-width:485px;max-height:90%;padding:32px;background:#fff;border-radius:8px;border:1px #CCCCCC solid;z-index:10001;overflow-y:auto;opacity:0;transform:translate(-50%,-50%) translateY(200%);transition:opacity .7s cubic-bezier(.7,0,.2,1),transform .7s cubic-bezier(.7,0,.2,1);box-shadow:0 0 4px #00000047}.loyalty-modal.voucher{max-width:786px;overflow:auto}.show-modal .loyalty-modal,.custom-show-modal .custom-loyalty-modal{opacity:1;transform:translate(-50%,-50%) translateY(0)}.loyalty-modal.slide-down{opacity:0;transform:translate(-50%,-50%) translateY(100%)}.slide-down .loyaty-modal-content{opacity:0}.modal-header .modal-header__title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:28px;text-align:center;margin:32px 0 24px}.modal-header__title{font-family:Montserrat;font-size:24px;font-weight:700;line-height:18px;text-align:center;margin:32px 0 24px}.modal-header .modal-header__title.mt-0{margin-top:0;margin-bottom:24px}.modal-header{margin-bottom:32px;border-bottom:1px solid;border-color:var(--border-color);text-align:center;display:flex;flex-direction:column}.modal-group-buttons{display:flex;flex-direction:column;gap:16px}.modal-group-buttons.row{flex-direction:row}.modal-group-buttons.jtf-bw{justify-content:space-between;width:100%}.modal-group-buttons .btn{border-radius:var(--border-radius)}.otp-notification{margin-bottom:32px}.otp-notification p,.otp-notification strong,.change-phone-container p,.change-phone-container span,.change-phone-container strong,.otp-notification.center>span{font-family:Montserrat!important;font-size:14px;line-height:18px}.change-phone-container{margin-bottom:32px}.otp-notification.center .locked-desc{margin-top:24px;color:var(--color-error)}.otp-notification p,.otp-notification.center>span{margin:0;color:var(--color-text)}.change-phone-container p{margin-bottom:6px}.change-phone-container p span{text-decoration:underline;text-underline-offset:2px;margin-left:8px}.change-phone:hover{cursor:pointer}form.digit-group{width:100%;gap:12px;display:flex;justify-content:center;margin:32px 0 12px}form.digit-group input{width:32px;height:32px;border-radius:4px;margin:0;background:#f5f5f5}.otp-inputs{margin-bottom:32px}.otp-input-container{position:relative;width:32px;height:32px}.otp-input-field{position:relative;width:100%;height:100%;border:1px solid #E6E6E6;border-radius:4px;background:#f5f5f5;color:#1e1e1e;font-weight:600;font-size:16px;line-height:19.5px}.otp-input-placeholder{position:absolute;width:10px;height:1.5px;left:11px;top:15px;background:#b2b2b2}.otp-input-field:focus+.otp-input-placeholder,.otp-input-field:not(:placeholder-shown)+.otp-input-placeholder{display:none}@media only screen and (max-width: 768px){.loyalty-modal{width:calc(100% - 24px);padding:24px 16px}.modal-header .modal-header__title,.modal-header__title{font-size:18px}.modal-header .modal-header__title{margin:24px 0 12px}.modal-header{margin-bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/crocs-loyalty-account-modal.css.map */