body:has(students-information[open]){overflow:hidden}body:has(students-information[open]) .collapsible-trigger-btn{z-index:-1}body:has(students-information[open]) .collapsible-content{position:relative;z-index:-1}students-information{display:none;position:fixed;top:0;left:0;z-index:10;width:100%;height:100vh;background:#0006}students-information[open]{display:block}students-information #modal{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;padding:1.5rem;width:800px;max-width:98vw;max-height:80vh;overflow-y:scroll;overflow-x:hidden;scrollbar-width:thin}students-information label{display:inline-flex;gap:.5rem;align-items:center;margin:0}students-information .inline-input{display:flex;align-items:center}students-information .block-input{display:flex;flex-direction:column}students-information .inline-input+.inline-input{margin-top:1rem}students-information button[name=add]{display:block;margin:0 auto;max-width:300px}students-information .error input{border-color:#ba4444}students-information .field__error{color:#ba4444}students-information #closeModal{position:absolute;right:.5rem;color:var(--colorBtnPrimary)}students-information #closeModal span{font-weight:var(--typeHeaderWeight)}students-information #closeModal path{stroke-width:5}students-information .recipient-fields{margin-bottom:1.5rem;padding-block:.5rem;padding-inline:1.5rem;border-left:4px solid #3157bc}students-information .dob-field{padding-block:.5rem;padding-inline:1.5rem;margin-bottom:2rem;border-left:4px solid #3157bc}students-information .inline-input+.inline-input{margin-top:.5rem}students-information .notice.shipping-notice.wine-kit p{margin-bottom:.5rem}students-information .attendance-selector{margin-block:2rem;padding-block:.5rem;padding-left:1.5rem;border-left:4px solid var(--colorBtnPrimary)}students-information .attendance-selector input{accent-color:#000}students-information .notice:not(.email-notice){margin-top:1rem}students-information .email-notice{margin-top:.5rem;color:red}students-information .notice p{margin:0}.fullwidth-adress-input{width:100%}@media screen and (max-width:767px){students-information dialog{width:90vw}}@media screen and (min-width:768px){students-information dialog{width:700px}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/students-information.css.map */