mask-bundle-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;display:flex;align-items:center;justify-content:center;padding:20px}mask-bundle-modal.tw-hidden{display:none}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;cursor:pointer;animation:fadeIn .2s ease}.modal-content{position:relative;background:#fff;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;border-radius:12px;padding:32px;box-shadow:0 20px 60px #0000004d;z-index:10000;animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:2.25rem;line-height:1;border:none;background:transparent;cursor:pointer;transition:all .2s ease}.modal-close:hover{opacity:.7;background:#0000000d;border-radius:50%}.modal-header{border-bottom:1px solid #e5e7eb;padding-bottom:16px;margin-bottom:24px}.modal-header h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.modal-header p{font-size:.875rem;color:#4b5563}.product-form__error-message-wrapper{margin-bottom:1rem}.icon-error{display:inline-block;width:1rem;height:1rem;margin-right:.5rem;vertical-align:middle}.product-form__error-message{color:#dc2626}.modal-body{margin-bottom:24px}.modal-filter-section{margin-bottom:1rem}.modal-filter-section h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.modal-type-tab-container{margin-bottom:1rem;background:#f8f8f8;padding-left:.25rem;padding-right:.25rem;position:relative;max-width:818px;margin-left:auto;margin-right:auto;border:1px solid #d1d5db;border-radius:.75rem}.tab-customize-modal-by-type{margin-bottom:0;display:flex;justify-content:center}.modal-by-type{font-weight:500;font-size:.875rem;padding:.5rem;margin-top:.25rem;margin-bottom:.25rem;border:none;width:33.333%;background:transparent;cursor:pointer}.tab-customize-modal-by-type button.active{background-color:#fecd44;z-index:100;border-radius:8px;font-weight:600}.modal-brand-section{margin-bottom:1rem}.modal-brand-section h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.brand-filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.brand-filter-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;background:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease}.brand-filter-btn:hover{background:#f9fafb}.brand-filter-btn.active{background-color:#fecd44;border-color:#fecd44;font-weight:600}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}@media screen and (max-width:768px){mask-bundle-modal{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:95vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:slideUpMobile .3s ease;padding:24px 16px}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{margin-bottom:16px}}.loading .loading-overlay__spinner{display:block!important}.loading span{opacity:.5}mask-bundle-modal [data-modal-close]:focus-visible{outline:2px solid #2563eb;outline-offset:2px}body.modal-open{overflow:hidden}.tab-modal-by-type{display:none}.tab-modal-by-type.tab-active{display:block}.mask-picker-wrapper{max-width:818px;margin-left:auto;margin-right:auto;padding-top:0;isolation:isolate}.mask__item{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;border:1px solid #d1d5db;border-radius:1rem;padding:1rem;margin-bottom:1rem;cursor:pointer}.mask__item .radio{display:none}.checked-product{border-color:#2563eb!important;box-shadow:0 1px 5.9px #00000040}.checked-product #mask-buy-button{display:block!important;transition:all .3s ease}#mask-buy-button{display:none;transition:all .3s ease}.mask__item-image-col{flex-shrink:0;width:5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.mask__item-image-wrap{width:5rem;height:5rem}.mask__item-image{width:100%;height:100%;object-fit:contain}.mask__item-details-link{font-size:.75rem;color:#2563eb;text-decoration:underline;text-align:center;margin-bottom:10px}.mask__item-details-link:hover{color:#1e40af}.select-mask-trigger{font-size:.75rem;color:#374151;cursor:pointer;text-align:center;margin-top:.75rem}.select-mask-trigger:hover{color:#2563eb}.mask__item-content{flex:1;min-width:0;width:100%}.mask__item .product__title{font-weight:500!important;font-size:1rem!important;margin:0!important;margin-bottom:.5rem!important}@media screen and (min-width:640px){.mask__item .product__title{font-size:1.125rem!important}}.mask__item-price{margin-bottom:.75rem}.mask__item-price-row{display:flex;align-items:baseline;gap:.5rem}.mask__item-price-current{font-weight:600;font-size:1.125rem;color:#111827}.mask__item-price-compare{color:#6b7280;text-decoration:line-through;font-size:.875rem}.mask__item-bundle-notice{font-size:.625rem;color:#dc2626;font-style:italic;text-align:left;line-height:1.3;margin:0}.mask__item-variant-picker{margin-bottom:.75rem}.mask__item-variant-picker fieldset{border:none;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mask__item-variant-picker fieldset legend{font-size:.875rem;font-weight:500;color:#333;margin-bottom:6px;display:block;width:100%}.mask__item-variant-picker fieldset input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.mask__item-variant-picker fieldset label{display:inline-block;padding:8px 16px;font-size:.8125rem;font-weight:500;color:#333;background:#fff;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;line-height:1.3}.mask__item-variant-picker fieldset label:hover{border-color:#043146}.mask__item-variant-picker fieldset input[type=radio]:checked+label{background:#043146;color:#fff;border-color:#043146}.mask__item-variant-picker fieldset input[type=radio].disabled+label{opacity:.4;cursor:not-allowed;text-decoration:line-through}
/*# sourceMappingURL=/cdn/shop/t/138/assets/mask-bundle-modal.css.map */