.tw-otp-modal{border:none;outline:none;padding:0;margin:0;background:transparent;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible;z-index:9999;display:flex;align-items:center;justify-content:center}.tw-otp-modal:not([open]){display:none}.tw-otp-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#07070775}.tw-otp-modal__content-wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:6px;width:calc(100% - 32px);max-width:668px}.tw-otp-modal__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;padding:0;background:#fff;border:none;border-radius:40px;cursor:pointer;box-shadow:0 1px 6px #00000024}.tw-otp-modal__close svg{width:11px;height:11px;display:block;flex-shrink:0}.tw-otp-modal__close:hover{background:#f5f5f5}.tw-otp-modal__panel{background:#fff;border-radius:16px;width:100%;max-height:90dvh;overflow-y:auto;display:flex;flex-direction:column}.tw-otp-modal__header{padding:18px;border-bottom:1px solid #F9F7F1;flex-shrink:0}.tw-otp-modal__title{color:#262422;font-family:Red Hat Display,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin:0;leading-trim:both;text-edge:cap}.tw-otp-modal__body{padding:12px;display:flex;flex-direction:column;gap:10px;flex:1}.tw-otp-modal__sub-card{display:flex;flex-direction:column;gap:10px;padding:10px 12px;border:1px solid #F9F7F1;border-radius:8px;background:#fff}.tw-otp-modal--sub .tw-otp-modal__sub-card{background:#fbfaf6}.tw-otp-modal__sub-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tw-otp-modal__sub-row-info{display:flex;flex-direction:column;gap:6px}.tw-otp-modal__sub-top{display:flex;align-items:center;gap:6px}.tw-otp-modal__sub-label{color:#262422;font-family:Red Hat Display,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:normal;leading-trim:both;text-edge:cap;white-space:nowrap}.tw-otp-modal__sub-badge{display:inline-flex;padding:5px 6px;align-items:center;justify-content:center;border-radius:9999px;background:#262422;color:#fff;text-align:center;font-family:Red Hat Display,sans-serif;font-size:10px;font-style:normal;font-weight:500;line-height:100%;text-transform:uppercase;white-space:nowrap;leading-trim:both;text-edge:cap}.tw-otp-modal__price-ref{display:flex;align-items:center;gap:4px}.tw-otp-modal__ref-compare{color:#4d4d4d;font-family:Red Hat Display,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:14px;text-decoration-line:line-through}.tw-otp-modal__ref-current{color:#262422;font-family:Red Hat Display,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:14px}.tw-otp-modal__toggle{flex-shrink:0;position:relative;width:47px;height:26px;padding:0;border:none;border-radius:999px;background:#f2ede0;cursor:pointer;transition:background .2s ease}.tw-otp-modal__toggle-thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:9999px;background:#fff;transition:transform .2s ease}.tw-otp-modal__toggle.is-checked{background:#262422}.tw-otp-modal__toggle.is-checked .tw-otp-modal__toggle-thumb{transform:translate(21px)}.tw-otp-modal__gifts-banner{display:flex;align-items:center;justify-content:center;gap:4px;align-self:stretch;padding:4px 9.5px;border-radius:4px;background-color:#ecc94c;color:#262422;font-family:Red Hat Display,sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:16.8px;text-align:center}.tw-otp-modal__gifts-banner-bold{font-weight:700}.tw-otp-modal [hidden]{display:none!important}.tw-otp-modal__sub-section{display:flex;flex-direction:column;gap:8px}.tw-otp-modal__section-label{margin:0;color:#26242280;font-family:Red Hat Display;font-size:10px;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase}.tw-otp-modal__plan-list{display:flex;flex-direction:column;gap:6px}.tw-otp-modal__plan-item{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #F1EDDD;border-radius:8px;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,background .15s ease}.tw-otp-modal--sub .tw-otp-modal__plan-item{position:relative;gap:0;background:#fbfaf6;border:1px solid #F1EDDD}.tw-otp-modal--sub .tw-otp-modal__plan-item:has(.tw-otp-modal__plan-radio:checked){background:#fff;border:1px solid #262422}.tw-otp-modal__plan-radio{flex-shrink:0;width:16px;height:16px;margin:0;accent-color:#262422;cursor:pointer}.tw-otp-modal--sub .tw-otp-modal__plan-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tw-otp-modal--sub .tw-otp-modal__plan-label{width:100%}.tw-otp-modal__plan-label{display:flex;align-items:center;justify-content:space-between;flex:1;gap:6px;cursor:pointer;min-width:0}.tw-otp-modal__plan-name{display:inline-flex;align-items:baseline;flex:1;min-width:0;gap:4px}.tw-otp-modal__plan-title{color:#262422;font-family:Red Hat Display,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:14px}.tw-otp-modal__plan-supply{color:#262422;font-family:Red Hat Display,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.tw-otp-modal--sub .tw-otp-modal__plan-label{justify-content:flex-start;gap:0}.tw-otp-modal--sub .tw-otp-modal__plan-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.tw-otp-modal--sub .tw-otp-modal__plan-name{flex:0 1 auto}.tw-otp-modal--sub .tw-otp-modal__plan-prices{margin-left:auto;flex-shrink:0}.tw-otp-modal--sub .tw-otp-modal__plan-title{color:#262422;font-family:Red Hat Display,sans-serif;font-size:11px;font-style:normal;font-weight:500;line-height:14px;text-transform:capitalize;leading-trim:both;text-edge:cap}.tw-otp-modal--sub .tw-otp-modal__plan-supply{color:#262422;font-family:Red Hat Display,sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:14px;text-transform:capitalize;leading-trim:both;text-edge:cap}.tw-otp-modal__plan-prices{display:flex;align-items:center;gap:4px;flex-shrink:0}.tw-otp-modal__plan-badge{display:inline-flex;padding:4px 5px;align-items:center;border-radius:9999px;background:#262422;color:#e9f0f2;font-family:Red Hat Display,sans-serif;font-size:9px;font-style:normal;font-weight:600;line-height:120%;white-space:nowrap}.tw-otp-modal--sub .tw-otp-modal__plan-badge{display:inline-flex;box-sizing:border-box;min-width:76px;width:auto;padding:5px 6px;justify-content:center;align-items:center;border-radius:9999px;background:#262422;color:#fff;text-align:center;font-family:Red Hat Display,sans-serif;font-size:10px;font-style:normal;font-weight:500;line-height:100%;text-transform:uppercase;white-space:nowrap;leading-trim:both;text-edge:cap;flex-shrink:0}.tw-otp-modal__plan-compare{color:#4d4d4d;font-family:Red Hat Display,sans-serif;font-size:11px;font-style:normal;font-weight:500;line-height:14px;text-decoration-line:line-through;white-space:nowrap}.tw-otp-modal__plan-price{color:#262422;font-family:Red Hat Display,sans-serif;font-size:11px;font-style:normal;font-weight:700;line-height:14px;white-space:nowrap}.tw-otp-modal__gifts-note{margin:0;color:#262422;font-family:Red Hat Display,sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:16.8px}.tw-otp-modal__gifts-note-bold{font-weight:700}.tw-otp-modal__otp-section{display:flex;flex-direction:column;gap:8px;border-radius:8px}.tw-otp-modal:not(.tw-otp-modal--sub) .tw-otp-modal__otp-section{padding:24px 16px;background:#f9f8f3}.tw-otp-modal:not(.tw-otp-modal--sub) .tw-otp-modal__otp-plan{display:flex;flex-direction:column;padding:12px;border:1px solid #262422;border-radius:8px;background:#fff}.tw-otp-modal--sub .tw-otp-modal__otp-section{padding:24px 16px;background:#fff;border:1px solid #F9F7F1}.tw-otp-modal--sub .tw-otp-modal__otp-plan{display:flex;flex-direction:column;padding:12px 16px;border:1px solid #E6E0D3;border-radius:12px;background:#fff}.tw-otp-modal--sub .tw-otp-modal__otp-plan-item{background:#fff}.tw-otp-modal__otp-plan{display:flex;flex-direction:column}.tw-otp-modal__otp-plan-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.tw-otp-modal__otp-plan-name{color:#262422;font-family:Red Hat Display,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:14px;text-transform:capitalize;flex:1}.tw-otp-modal__otp-plan-price{color:#262422;font-family:Red Hat Display,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:14px;flex-shrink:0}.tw-otp-modal__footer{padding:0 12px 12px;flex-shrink:0}.tw-otp-modal__atc{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:16px 24px;border:none;border-radius:30px;border:1px solid rgba(0,0,0,0);background:#ecc84c;cursor:pointer;transition:opacity .15s ease;color:#262422;text-align:center;font-family:Red Hat Display;font-size:14px;font-style:normal;font-weight:500;line-height:16px}.tw-otp-modal__atc:disabled{opacity:.65;cursor:not-allowed}.tw-otp-modal__atc-sep{font-weight:400;opacity:.7}.tw-otp-modal__atc-spinner{animation:tw-otp-spin .8s linear infinite}@keyframes tw-otp-spin{to{transform:rotate(360deg)}}body.tw-otp-modal-open{overflow:hidden}@media(min-width:990px){.tw-otp-modal__section-label{font-size:12px}.tw-otp-modal__sub-section{gap:12px}.tw-otp-modal__otp-plan,.tw-otp-modal--sub .tw-otp-modal__otp-plan{padding:18px}.tw-otp-modal--sub .tw-otp-modal__plan-name,.tw-otp-modal--sub .tw-otp-modal__plan-title,.tw-otp-modal--sub .tw-otp-modal__plan-supply,.tw-otp-modal__gifts-note,.tw-otp-modal--sub .tw-otp-modal__plan-badge{font-size:12px}.tw-otp-modal__plan-item{padding:18px}.tw-otp-modal__gifts-banner{font-size:12px}.tw-otp-modal__header{padding:24px}.tw-otp-modal__title{font-size:16px}.tw-otp-modal__close{width:42px;height:42px}.tw-otp-modal__close svg{width:15px;height:15px}.tw-otp-modal__body{padding:24px 24px 8px;gap:12px}.tw-otp-modal__sub-card{padding:18px;gap:12px}.tw-otp-modal__sub-label{font-size:14px}.tw-otp-modal__sub-badge{font-size:12px}.tw-otp-modal__ref-compare,.tw-otp-modal__ref-current{font-size:14px;line-height:14px}.tw-otp-modal__plan-title{font-size:13px}.tw-otp-modal__plan-compare,.tw-otp-modal__plan-price{font-size:12px}.tw-otp-modal__plan-badge{font-size:10px;padding:5px 6px}.tw-otp-modal__otp-plan-name,.tw-otp-modal__otp-plan-price{font-size:14px}.tw-otp-modal__gifts-banner{padding:8px}.tw-otp-modal__footer{padding:0 24px 24px}.tw-otp-modal__atc{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/tw-otp-modal.css.map */