.modal{visibility:hidden;z-index:30;transition:visibility 0s .4s,background-color .3s ease .1s;background-color:rgba(var(--modal-overlay-color)/0)}.modal[open],[open]:not(.is-closing) .modal{visibility:visible;transition-delay:0s;background-color:rgba(var(--modal-overlay-color)/var(--modal-overlay-opacity))}.modal__window{width:100%;max-width:800px;min-height:240px;max-height:calc(100dvh - var(--gutter) * 2);margin:var(--gutter);overflow:auto;transform:scale(.8);transition:transform .15s ease-in 0s,opacity .15s 0s;border-radius:var(--modal-border-radius);opacity:0;box-shadow:0 0 10px #0000004d}[open]:not(.is-closing) .modal__window{transform:scale(1);transition:transform .15s ease-out .1s,opacity .15s .1s;opacity:1}.modal__close-btn{z-index:1;top:10px;right:10px;padding:10px;border-radius:var(--btn-border-radius);background-color:inherit;color:currentColor}.strength-guide-modal .modal__close-btn{top:unset;right:unset;padding:0;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#e4e4e4}.strength-guide-modal .modal__close-btn svg{pointer-events:none;width:13px;height:13px}.strength-guide-navigation-arrow{width:42px;height:43px;display:flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid #D1D1D1;padding:11px 8px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;position:relative;z-index:10}.strength-guide-navigation-arrow svg{width:24px;height:24px}.strength-guide-navigation-arrow.arrow-right svg{transform:rotate(180deg)}.modal__content{padding:64px var(--gutter) calc(10 * var(--space-unit))}.modal__image{flex:0 0 50%;max-width:360px}@media (min-width: 600px){.modal__window{width:auto;min-width:480px}}@media (max-width: 768.98px){.modal .rte table{width:auto;margin-right:calc(var(--gutter) * -1);margin-left:calc(var(--gutter) * -1)}}@media (min-width: 769px){.modal__content{padding:64px calc(10 * var(--space-unit)) calc(10 * var(--space-unit))}}.modal{transition:visibility 0s .4s,background-color .3s ease .1s}.strength-guide-modal{display:flex;flex-direction:column;width:600px;height:520px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:16px;row-gap:27px;border-radius:16px;background:#f3f7fb;transform:scale(.8);transition:transform .15s ease-in 0s,opacity .15s 0s;opacity:0;box-shadow:0 0 10px #0000004d;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;box-sizing:border-box;overflow-y:auto;scroll-behavior:smooth}.strength-guide-modal::-webkit-scrollbar{width:6px}.strength-guide-modal::-webkit-scrollbar-track{background:#e4e4e44d;border-radius:3px}.strength-guide-modal::-webkit-scrollbar-thumb{background:#2793ff66;border-radius:3px;transition:background .2s ease}.strength-guide-modal::-webkit-scrollbar-thumb:hover{background:#2793ff99}.strength-guide-content::-webkit-scrollbar{width:4px}.strength-guide-content::-webkit-scrollbar-track{background:transparent}.strength-guide-content::-webkit-scrollbar-thumb{background:#2793ff4d;border-radius:2px}.strength-guide-content::-webkit-scrollbar-thumb:hover{background:#2793ff80}[open]:not(.is-closing) .strength-guide-modal{transform:scale(1);transition:transform .15s ease-out .1s,opacity .15s .1s;opacity:1}.strength-guide-header{display:flex;flex-direction:column;gap:23px}.strength-guide-header .strength-guide-header-title{padding:19px 12px;border-radius:10px;border:1px solid #D1D1D1;box-shadow:0 3px 18px #1a1a1a08}.strength-guide-header .strength-guide-header-title h3{font-size:18px;line-height:23px;font-weight:600;margin:0;color:#036}.strength-guide-steps{display:flex;flex-direction:row;column-gap:16px}.strength-guide-header-step-container{display:flex;flex-direction:row;width:100%;gap:4.75px;align-items:center}.strength-guide-header-step-container .strength-guide-header-step{width:20%;border-radius:20px;height:5.33px;background-color:#e4e4e4;position:relative;overflow:hidden}.strength-guide-header-step.filled{background-color:#2793ff!important}.strength-guide-header-step{background-color:#e4e4e4!important}.strength-guide-header-step-container .strength-guide-header-step.filling:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:#2793ff!important;border-radius:20px;transform:scaleX(0);transform-origin:left center;animation-name:fillProgress;animation-duration:var(--animation-duration, 5s);animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1;z-index:1}@keyframes fillProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.strength-guide-modal .strength-guide-navigation{display:flex;flex-direction:row;width:100%;justify-content:space-between;margin-top:auto;padding:8px 0;min-height:60px;align-items:center}.strength-guide-content{display:flex;flex-direction:column;gap:18px;position:relative;flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;isolation:isolate}.strength-guide-body{background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:308px;width:100%;border:1px solid #D1D1D1;border-radius:10px;box-shadow:0 3px 18px #1a1a1a08}.strength-guide-body-content{position:absolute;display:flex;flex-direction:row;gap:16px;opacity:1;transition:opacity .3s ease-in-out}.strength-guide-nicotine-star-container{display:flex;flex-direction:row;gap:8px;align-items:center;transform:translate(-5px)}.strength-guide-nicotine-star-container svg{margin-top:1px}.strength-guide-nicotine-star-container p{font-size:12px;line-height:17px;font-weight:600;color:#2793ff;margin:0}.strength-guide-body-content.hidden{opacity:0}.strength-guide-card{gap:2px;height:52px;width:52px;border-radius:8px;border:2px solid #FCDC37;box-shadow:4px 4px 10px #00000008;background-color:#fff}.strength-guide-body-content:not([data-step="1"]):not([data-step="2"]),.strength-guide-information-row-pill,.strength-guide-navigation-arrow,.strength-guide-header-title{background-color:#fff}.strength-guide-card-inner{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;height:100%;width:100%;border-radius:6px;border:1px solid #8c8c8c}.strength-guide-card.muted{border:none}.strength-guide-card.muted .strength-guide-card-inner{border-radius:8px;border:1px solid #E4E4E4}.strength-guide-card.passive{border:none}.strength-guide-card.passive .strength-guide-card-inner{border-radius:8px;border:1px solid #E4E4E4}.strength-guide-card.passive .strength-guide-card-text{color:#8c8c8c}.strength-guide-card.muted .strength-guide-card-number-unit,.strength-guide-card.muted .strength-guide-card-number,.strength-guide-card.muted .strength-guide-card-text{color:#d1d1d1}.strength-guide-card-number{font-size:14px;line-height:16px;font-weight:500;color:#1a1a1a;margin-bottom:0}.strength-guide-card-number-unit{font-size:11px;line-height:14px;font-weight:500;color:#1a1a1a}.strength-guide-card-text{font-size:11px;line-height:12px;font-weight:400;color:#26262b}.strength-guide-alert{display:flex;flex-direction:row;gap:8px;padding:12px 10px;background-color:#e1ecf8;border-radius:8px;min-height:84px;align-items:flex-start}.strength-guide-information-row{display:flex;flex-direction:row;gap:16px;height:24px}.strength-guide-information-row-number{width:24px;height:24px;font-size:11px;border-radius:90px;background-color:#fff;line-height:16px;font-weight:600;display:flex;justify-content:center;align-items:center}.strength-guide-information-row-number span{display:block}.strength-guide-information-row-text{display:flex;align-items:center}.strength-guide-information-row-text p{margin:0;font-size:14px;line-height:20px;font-weight:600;color:#006ae6}.strength-guide-information-row-pill{width:100px;height:25px;border-radius:8px;border:1px solid #E4E4E4;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:16px;font-weight:500;color:#1a1a1a;box-shadow:4px 4px 10px #00000008;margin-left:auto}.strength-guide-alert-text p{font-weight:600;font-size:14px;line-height:20px;color:#036;margin:0}.strength-guide-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:12px}.strength-guide-list li{color:#000}.strength-guide-list li strong{font-weight:700}@media (max-width: 640px){.strength-guide-header .strength-guide-header-title{padding:0;border:none;background-color:transparent;box-shadow:none}.strength-guide-header .strength-guide-header-title h3{font-size:20px}.strength-guide-body{min-height:250px}.strength-guide-modal{width:100vw!important;min-height:100dvh!important;max-height:100dvh!important;max-width:none!important;border-radius:0!important;margin:0!important;gap:0;padding-top:max(16px,env(safe-area-inset-top))!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important;height:100vh!important;height:100dvh!important}[open]:not(.is-closing) .strength-guide-modal{width:100vw!important;min-height:100dvh!important;max-height:100dvh!important;max-width:none!important;border-radius:0!important;margin:0!important;padding-top:max(16px,env(safe-area-inset-top))!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important;height:100vh!important;height:100dvh!important}.strength-guide-header{font-size:20px;gap:10px;margin-bottom:23px}.strength-guide-navigation-arrow{width:50px;height:50px;padding:13px 10px;min-width:44px;min-height:44px}.strength-guide-navigation-arrow svg{width:26px;height:26px}.strength-guide-modal .strength-guide-navigation{padding:12px 8px;min-height:70px}.strength-guide-navigation-arrow:active{transform:scale(.9);background-color:#ddd6fe;border-color:#a78bfa}.strength-guide-modal{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column}.strength-guide-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:80px;position:relative;isolation:isolate}.strength-guide-modal .strength-guide-navigation{position:sticky;bottom:0;margin-top:auto;margin-bottom:0;background:#f3f7fb;border-radius:8px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(209,209,209,.3);z-index:10}}.strength-guide-information-row{transition:opacity .3s ease-in-out}.strength-guide-alert-text{transition:opacity .2s ease-in-out;flex:1;display:flex;align-items:flex-start}.strength-guide-navigation-arrow{cursor:pointer;transition:opacity .3s ease-in-out,background-color .2s ease,border-color .2s ease,transform .1s ease}.strength-guide-navigation-arrow:hover{background-color:#f8f9fa;border-color:#9ca3af}.strength-guide-navigation-arrow:active{transform:scale(.95);background-color:#e5e7eb}.strength-guide-navigation-arrow:focus{outline:2px solid #2793FF;outline-offset:2px}@supports (-webkit-overflow-scrolling: touch){.strength-guide-navigation-arrow{-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.strength-guide-navigation-arrow:active{transform:scale(.92) translateZ(0);-webkit-transform:scale(.92) translateZ(0)}}.strength-guide-header-step{position:relative;overflow:hidden}.strength-guide-header-step.active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3b82f6;transform:translate(-100%);transition:transform .4s ease-out}.strength-guide-header-step.active.filled:before{transform:translate(0)}.strength-guide-header-step.filled:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3b82f6;transform:translate(0)}.strength-guide-header-step.animate-forward:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3b82f6;transform:translate(-100%);transition:transform .4s ease-out}.strength-guide-header-step.animate-forward.filled:before{transform:translate(0)}@media (min-width: 640px){.strength-guide-modal{max-width:392px;max-height:850px;height:85vh;overflow-y:auto;scroll-behavior:smooth}.strength-guide-content{padding-bottom:0}.strength-guide-modal .strength-guide-navigation{position:relative;border-top:none}}@supports (-webkit-overflow-scrolling: touch){.modal{height:100vh;height:100dvh}modal-dialog.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}modal-dialog.modal .strength-guide-modal{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 60px)}}@media screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1){.modal{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-overflow-scrolling:touch;overflow:hidden}modal-dialog.modal{display:flex!important;align-items:center!important;justify-content:center!important;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding:20px 16px 34px}}
/*# sourceMappingURL=/s/files/1/0778/0682/9916/t/97/assets/modal.css.map */