@layer components{.modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal[aria-hidden=true]{display:none}.modal__overlay{backface-visibility:hidden;background-color:rgba(0,0,0,.4);bottom:0;height:0;left:0;opacity:0;position:fixed;right:0;top:0;transform:scale(1.1);transition:opacity .4s ease 0s,transform .4s ease 0s;width:0;z-index:500}.modal.is-active .modal__overlay{height:100%!important;opacity:1;transform:scale(1);transition-delay:0s;width:100%!important}.modal__dialog{-webkit-overflow-scrolling:touch;background-color:var(--color-surface-primary);border-radius:1.125rem;display:flex;flex-flow:column;height:auto;max-height:calc(100% - 1.25rem);overflow:auto;width:calc(100% - 1.25rem);z-index:501}@media screen and (min-width:480px){.modal__dialog{max-height:calc(100% - 2.5rem);width:calc(100% - 2.5rem)}}.modal__dialog{max-width:43.75rem}.modal__dialog--small{max-width:25rem}.modal__dialog--large{max-width:62.5rem}.modal__header{background:var(--color-surface-primary);display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-end;padding-bottom:.1875rem;position:sticky;top:0;z-index:1000}.modal__header>:last-child{margin-bottom:0}.modal__header .divider{padding:0}.modal__header:has(.divider){padding-bottom:0}.modal__dialog .modal__header:not(.modal__header--no-spacing),.modal__dialog--small .modal__header:not(.modal__header--no-spacing){padding:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__header:not(.modal__header--no-spacing){padding:1.875rem}}.modal__close{margin-bottom:0!important;position:absolute;right:1.25rem;top:1.25rem}@media screen and (max-width:479.98px){.modal__close{right:.625rem;top:.625rem}}.modal__body{flex:0 0 auto;width:100%}.modal__body>:last-child{margin-bottom:0}.modal__dialog--small .modal__body:not(.modal__body--no-spacing){padding-left:1.25rem;padding-right:1.25rem}.modal__dialog--small .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing){padding-bottom:1.25rem}.modal__dialog--small .modal__body:has(+.modal__footer--sticky){padding-bottom:0}.modal__dialog--small>.modal__body--with-top-padding{padding-top:1.25rem}.modal__dialog .modal__body:not(.modal__body--no-spacing){padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__body:not(.modal__body--no-spacing){padding-left:1.875rem;padding-right:1.875rem}}.modal__dialog .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing){padding-bottom:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__body:not(.modal__body--colorful):not(.modal__body--no-spacing){padding-bottom:1.875rem}}.modal__dialog .modal__body:has(+.modal__footer--sticky){padding-bottom:0}@media screen and (min-width:768px){.modal__dialog .modal__body:has(+.modal__footer--sticky){padding-bottom:0}}.modal__dialog>.modal__body--with-top-padding{padding-top:1.25rem}@media screen and (min-width:768px){.modal__dialog>.modal__body--with-top-padding{padding-top:1.875rem}}.modal__dialog--small .modal__body--colorful{padding-bottom:1.25rem;padding-top:1.25rem}.modal__dialog--small .modal__body--colorful+.modal__footer--sticky{margin-top:0}.modal__dialog .modal__body--colorful{padding-bottom:1.25rem;padding-top:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__body--colorful{padding-bottom:1.875rem;padding-top:1.875rem}}.modal__dialog .modal__body--colorful+.modal__footer--sticky,.modal__dialog--large .modal__body--colorful+.modal__footer--sticky{margin-top:0}.modal__dialog--full-height .modal__body{flex:1}@media screen and (max-width:479.98px){.modal__dialog--full-height{height:calc(100% - 2.5rem)}}.modal__footer{flex:0 0 auto;width:100%}.modal__footer>:last-child{margin-bottom:0}.modal__footer .divider{padding:0}.modal__dialog .modal__footer:not(.modal__footer--no-spacing),.modal__dialog--small .modal__footer:not(.modal__footer--no-spacing){padding:0 1.25rem 1.25rem}.modal__body--colorful+.modal__footer{padding:1.25rem}@media screen and (min-width:768px){.modal__dialog .modal__footer:not(.modal__footer--no-spacing){padding:0 1.875rem 1.875rem}.modal__body--colorful+.modal__footer{padding:1.875rem}}.modal__footer--sticky{z-index:1}@media screen and (min-height:500px){.modal__footer--sticky{background-color:var(--color-surface-primary);bottom:0;position:sticky}}.modal__footer--sticky.modal__footer--no-spacing{padding:0!important}.modal__footer--sticky{padding:1.25rem!important}@media screen and (min-width:768px){.modal__footer--sticky{padding:1.875rem!important}}.modal__product-header{align-items:flex-start;display:flex;justify-content:space-between}.modal__product-header>img{aspect-ratio:auto;height:auto;max-width:7.8125rem;object-fit:cover;object-position:left;width:auto}@media screen and (max-width:767.98px){.modal__product-header>img{max-width:3.90625rem}}.modal__product-content{flex:0 1 auto;padding:1.25rem}@media screen and (min-width:768px){.modal__product-content{padding:1.875rem}}.modal__product-header--space-small .modal__product-content{flex:0 1 auto;padding:1.25rem}.modal__product-footer{align-items:center;display:flex;gap:1.25rem}@media screen and (min-width:768px){.modal__product-footer{gap:1.875rem}}@media screen and (max-width:479.98px){.modal__product-footer{flex-direction:column}}.modal__product-footer{padding:1.25rem}@media screen and (min-width:768px){.modal__product-footer{padding:1.875rem}}.modal__product-footer-content{display:flex;flex:1 0 auto;flex-direction:column;gap:.4375rem}@media screen and (max-width:479.98px){.modal__product-footer-content{align-items:center;flex-direction:row-reverse;justify-content:space-between;width:100%}.modal__product-footer-button,.modal__product-footer-button .btn{width:100%}}}
/*# sourceMappingURL=style.css.map */