.custom-input{--grid-mobile-vertical-spacing: .8rem;display:inline-flex;flex-wrap:wrap;flex-direction:column;align-items:start;justify-content:start;row-gap:var(--grid-mobile-vertical-spacing);column-gap:calc(var(--grid-mobile-horizontal-spacing) / 2);color:rgb(var(--color-black));cursor:pointer;position:relative;font-size:var(--font-size-paragraph-regular);line-height:var(--line-height-paragraph-regular);width:100%}.customer .custom-input{text-align:left}.customer .custom-input:last-of-type{margin-bottom:0}.inline-flex{display:inline-flex}.custom-input.custom-input--error:has(.alert-message),.custom-input.custom-input--attention:has(.alert-message),.custom-input.custom-input--success:has(.alert-message){margin-bottom:calc(1.8rem + (var(--grid-mobile-vertical-spacing) / 2))}.custom-input.custom-input--error .alert-message,.custom-input.custom-input--attention .alert-message,.custom-input.custom-input--success .alert-message{display:flex;width:100%;position:absolute;bottom:0;padding:0;transform:translateY(calc(100% + (var(--grid-mobile-vertical-spacing) / 2)))}.custom-input span:not(.custom-input__icon){display:block;width:100%}.custom-input:has(input[type=text],input[type=tel],input[type=email],textarea,input[type=password],input[type=date],select)>span:first-of-type{font-family:var(--GilroyMedium);font-weight:500;font-size:var(--font-size-paragraph-extra-small);line-height:var(--line-height-paragraph-extra-small);text-transform:uppercase;letter-spacing:.12rem}.custom-input input[type=date]{height:4.2rem;cursor:pointer}.custom-input:has(input[type=checkbox],input[type=radio])>span:first-of-type{font-weight:400;font-family:var(--GilroyRegular);font-size:var(--font-size-paragraph-small);text-transform:capitalize;line-height:1}.custom-input:has(input[type=checkbox],input[type=radio]){flex-direction:row-reverse;align-items:center;flex-wrap:nowrap;column-gap:.8rem}.custom-input .custom-input__field{position:relative;background-color:rgb(var(--colour-white));width:100%;border-radius:.2rem;padding-right:.1rem}.custom-input .custom-input__field,.custom-input .custom-input__field>*,.custom-input .custom-input__field option{font-size:var(--font-size-paragraph-small);line-height:var(--line-height-paragraph-small);font-family:inherit}.custom-input .custom-input__field>*{padding:1.2rem 1.6rem}.custom-input .custom-input__field>input[type=text]::placeholder,.custom-input .custom-input__field>select:invalid{color:rgb(var(--color-light-grey));font-family:inherit;font-weight:400}.custom-input .custom-input__field select{padding-right:2.4rem}.custom-input .custom-input__field select{-webkit-appearance:none!important;appearance:none!important}.custom-input .custom-input__field:has(select):after,.custom-input .custom-input__field:has(select):before{position:absolute;display:block;right:1.6rem;content:"";transform:translateY(-50%);border:.6rem solid transparent;border-bottom:none}.custom-input .custom-input__field:has(select):before{top:50%;border-top-color:rgb(var(--color-black))}.custom-input .custom-input__field:has(select):after{top:calc(50% - .2rem);border-top-color:rgb(var(--color-white))}.custom-input .custom-input__field option{min-height:unset;padding:0}.custom-input input:not([type=radio],[type=checkbox]){width:100%;border:none;outline:none;border-radius:.2rem}.custom-input textarea{width:100%;max-width:100%;min-width:100%;min-height:10rem;border:none;outline:none;display:block}.custom-input select{width:100%;border:none;outline:none;display:block;border-right:solid 1.6rem transparent}.custom-input .custom-input__field{--outline-size: .1rem;outline-offset:-.1rem;--outline-color: rgb(var(--color-strong-line));outline:solid var(--outline-size) var(--outline-color);transition:outline var(--duration-short) ease-in-out}.custom-input:has(:focus-visible) .custom-input__field input,.custom-input:has(:focus-visible) .custom-input__field textarea,.custom-input:has(:focus-visible) .custom-input__field select{box-shadow:none}.custom-input:has(:focus-visible) .custom-input__icon:before{content:"";width:100%;height:100%;outline:solid .1rem currentColor;outline-offset:.2rem;position:absolute;top:0;left:0;bottom:0;right:0}.custom-input .custom-input__icon{--outline-color: rgb(var(--color-green));--outline-size: .08rem;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;position:relative;outline:var(--outline-size) solid var(--outline-color);outline-offset:-.1rem;min-height:2rem;min-width:2rem;background-color:rgb(var(--color-white));border-radius:.16rem}.custom-input .custom-input__field:has(:hover:not([disabled],.disabled)){--outline-color: rgb(var(--color-light-grey))}.custom-input .custom-input__field:has(:active:not([disabled],.disabled)),.custom-input .custom-input__field:has(:target:not([disabled],.disabled)),.custom-input .custom-input__field:has(:focus:not([disabled],.disabled)){--outline-color: rgb(var(--color-black))}.custom-input:has(input[type=radio]) .custom-input__icon{border-radius:50%}.custom-input.custom-input--error .custom-input__field,.custom-input.custom-input--error .custom-input__icon{--outline-size: .1rem}.custom-input:has(:focus-visible) .custom-input__field{--outline-size: .2rem}.custom-input.custom-input--error .custom-input__field,.custom-input.custom-input--error:has(:focus-visible) .custom-input__field,.custom-input.custom-input--error .custom-input__icon{--outline-color: rgb(var(--color-error)) !important}.custom-input:has(input[type=radio],input[type=checkbox]) input{position:absolute!important;overflow:hidden;width:.1rem;height:.1rem;margin:-.1rem;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.custom-input:has(input[type=radio],input[type=checkbox]) .custom-input__icon svg{display:block;position:absolute;top:50%;left:50%;width:1.28rem;height:1.28rem;color:currentColor;fill:currentColor;opacity:1;pointer-events:all;z-index:0;transform:translate(-50%,-50%) scale(0)}.custom-input:has(input[type=radio],input[type=checkbox]) .custom-input__icon input:checked+svg{transform:translate(-50%,-50%) scale(1)}.custom-input:has(input[type=radio]) .custom-input__icon:after{content:"";position:absolute;top:50%;left:50%;width:.8rem;height:.8rem;border-radius:50%;background-color:currentColor;transform:translate(-50%,-50%) scale(0)}.custom-input:has(input[type=radio]) .custom-input__icon:has(input:checked):after{transform:translate(-50%,-50%) scale(1)}.custom-input:has(input[type=checkbox]) .custom-input__icon:after{content:"";position:absolute;border-radius:0;left:50%;top:50%;width:25%;height:50%;border-right:.1rem solid currentColor;border-bottom:.1rem solid currentColor;transform:translate(-50%,-60%) rotate(45deg) scale(0)}.custom-input:not(.custom-input--error):has(input[type=radio]:not([disabled]):checked,input[type=checkbox]:not([disabled]):checked) .custom-input__icon{--outline-color: var(--color-green);background-color:rgb(var(--color-green))}.custom-input:not(.custom-input--error):has(input[type=checkbox]:not([disabled]):checked) .custom-input__icon:after{border-color:rgb(var(--color-white))}.custom-input:not(.custom-input--error):has(input[type=radio]:not([disabled]):checked,input[type=checkbox]:not([disabled]):checked) .custom-input__icon svg path{fill:rgb(var(--color-white))}.custom-input:not(.custom-input--error):has(input[type=radio]:not([disabled]):checked) .custom-input__icon:after{background-color:rgb(var(--color-white))}.custom-input:has(input[type=checkbox]) .custom-input__icon:has(input:checked):after{transform:translate(-50%,-60%) rotate(45deg) scale(1)}.custom-input .custom-input__icon:has(svg):after{display:none!important}.custom-input:has(:disabled) .custom-input__icon,.custom-input:has(:disabled) .custom-input__field{--outline-color: rgb(var(--color-strong-line));background-color:rgb(var(--color-light-background))}.custom-input .custom-input__field select[disabled]>option,.custom-input .custom-input__field select[disabled]{color:currentColor;opacity:1}.custom-input:has(:disabled) *,.custom-input:has(:disabled){cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/37/assets/p80-custom-inputs.css.map */