.section-customer-modal{position:fixed;top:0;right:0;height:100%;width:20rem;background-color:var(--colour-primary);z-index:10100;transform:translate(100%);transition:transform var(--transition-duration) var(--transition-timing);transition-delay:.25s;overflow:hidden;display:flex;flex-direction:column}.section-customer-modal .customer-actions{display:flex;flex-direction:column;gap:1rem}.section-customer-modal[data-is-open=true]{transform:none}.section-customer-modal header{display:grid;gap:1rem;padding:1rem}.section-customer-modal header button{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:0;margin:0;justify-self:end}.section-customer-modal header button:focus{outline:none}.section-customer-modal header button:hover{text-decoration:none;outline:none}.section-customer-modal header button:disabled{opacity:.5;pointer-events:none}.section-customer-modal header button svg{height:1rem;width:1rem}.customer-modal-content{flex-grow:2;padding:0 1rem 1rem;overflow-y:auto}.customer-modal-content .form-field:not(:last-of-type){margin-bottom:1rem}.customer-modal-content input,.customer-modal-content select{background:none!important;width:100%!important}.customer-modal-content-title{text-align:center}.customer-modal-login-content .message{padding:.5rem 1.5rem;border-radius:1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;background-color:var(--colour-quinary);color:var(--colour-white);margin-block:2rem}.customer-modal-login-content .message svg{height:4rem;width:4rem;fill:currentColor}.customer-modal-login-content .message p{font-size:.75rem;font-family:var(--font-family-base);font-weight:300;letter-spacing:.025em;text-transform:uppercase;margin:0}.customer-modal-login-content .message p a{color:var(--colour-white);text-decoration:underline}.customer-modal-login-register{padding:1rem;border:1px solid var(--colour-quaternary);border-radius:1.5rem;font-size:.85rem}.customer-modal-login-register ul{padding:0;list-style:none}.customer-modal-login-register li{display:flex;align-items:center;gap:.5rem}.customer-modal-login-register li+li{margin-top:.5rem}.customer-modal-login-register svg{width:1.2rem;height:1.2rem;padding:.2rem;border:1px solid;border-radius:100%}.section-customer-modal.is-switch-view .customer-modal-login-content,.section-customer-modal:not(.is-switch-view) .customer-modal-register-content{display:none}.customer-modal-register-content .gender .label{font-size:.875rem;font-family:var(--font-family-base);font-weight:300;letter-spacing:.025em;text-transform:uppercase;margin-bottom:.5rem}.customer-modal-register-content .gender .inner-wrapper{display:flex;gap:1rem}.customer-modal-register-content .gender .form-field{align-items:center;margin:0}.customer-modal-register-content .c-form{margin-bottom:2rem}.section-customer-modal-underline{text-decoration:underline!important}@media (min-width: 768px){.section-customer-modal{width:24rem}}
/*# sourceMappingURL=/cdn/shop/t/548/assets/section-customer-modal.css.map */