.custom-input{display:flex;flex-wrap:wrap;flex-direction:column;align-items:start;justify-content:start;row-gap:var(--global-spacing-xsmall);column-gap:var(--global-spacing-xsmall);color:rgb(var(--color-black));cursor:pointer;position:relative;font-size:var(--font-size-paragraph-regular);line-height:var(--line-height-paragraph-regular);font-family:var(--font-body-family);text-align:left;--outline-size: .1rem;--outline-color: rgb(var(--color-foreground))}.custom-input--inline .custom-input__field{display:flex;align-items:center;justify-content:space-between;gap:var(--global-spacing-xsmall)}.custom-input-field+.custom-input-field{margin-top:var(--grid-desktop-vertical-spacing)}.custom-input__button{background:none;padding:0;margin:0;border:none;font-size:var(--font-size-tagline-large);line-height:var(--line-height-tagline-large);font-weight:var(--font-heading-weight);font-family:var(--font-heading-family);text-transform:uppercase;cursor:pointer;color:rgb(var(--color-link-hover))}.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:relative;bottom:0;padding:0;margin-top:0;font-size:var(--font-size-paragraph-extra-small);line-height:var(--line-height-paragraph-extra-small)}.custom-input span:not(.custom-input__icon){display:block;width:100%}.custom-input>span:first-of-type{text-transform:uppercase;font-weight:400;font-size:var(--font-size-paragraph-small);line-height:var(--line-height-paragraph-small)}.custom-input:has(input[type=checkbox],input[type=radio])>span:first-of-type{font-weight:500;line-height:1;text-transform:capitalize}.custom-input:has(input[type=checkbox],input[type=radio]){flex-direction:row-reverse;align-items:center;flex-wrap:nowrap}.custom-input .custom-input__field{outline-offset:-.1rem;outline:solid var(--outline-size) var(--outline-color);transition:outline var(--duration-default) ease-in-out;width:100%;position:relative;background-color:rgb(var(--color-white));flex-grow:1}.custom-input .custom-input__field,.custom-input .custom-input__field>*,.custom-input .custom-input__field option{font-size:var(--font-size-paragraph-regular);line-height:var(--line-height-paragraph-regular)}.custom-input .custom-input__field>*:not(.custom-input__select-icon){padding:1.2rem 1.6rem}.custom-input .custom-input__field>*:not(.custom-input__button){font-family:var(--font-body-family)}.custom-input .custom-input__field select{padding-right:2.4rem;-webkit-appearance:none!important;appearance:none!important;cursor:pointer}.custom-input .custom-input__field .custom-input__select-icon{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:1.6rem;transform:translateY(-50%);width:2.4rem;height:2.4rem;color:rgb(var(--color-black));padding:0;pointer-events:none}.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}.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: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: currentColor;--outline-size: .1rem;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;position:relative;outline:solid var(--outline-size) var(--outline-color);outline-offset:-.1rem;min-height:2rem;min-width:2rem;background-color:rgb(var(--color-white))}.custom-input .custom-input__icon path{fill:currentColor}.custom-input .custom-input__field:has(:hover:not([disabled],.disabled)),.custom-input.custom--input--inline:hover{--outline-color: rgb(var(--color-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)),.custom-input.custom--input--inline:has(:focus:not([disabled],.disabled)){--outline-color: rgb(var(--color-button-hover))}.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: .1rem}.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:75%;height:75%;color:currentColor;fill:currentColor;opacity:1;pointer-events:all;z-index:0;transform:translate(-50%,-50%) scale(0);visibility:visible}.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:35%;height:35%;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{background-color:rgb(var(--color-black))}.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-grey));opacity:1;background-color:rgb(var(--color-light-grey));color:rgb(var(--color-grey))}.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}.custom-input.custom--input--inline{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:var(--global-spacing-xsmall);outline-offset:calc(var(--outline-size) * -1);outline:var(--outline-size) solid var(--outline-color);padding-left:var(--global-spacing-small);padding-right:var(--global-spacing-small);transition:outline var(--duration-default) ease-in-out}.custom-input.custom--input--inline>span:first-of-type{flex-shrink:0;flex-grow:0;width:auto}.custom-input.custom--input--inline span:not(.custom-input__icon){flex-grow:1;outline:none;right:0}.custom-input.custom--input--inline .custom-input__field>*:not(.custom-input__select-icon){padding-left:0;padding-right:var(--grid-desktop-horizontal-spacing);padding-top:1.4rem;padding-bottom:1.4rem}.custom-input.custom--input--inline select{border-right:none;font-size:var(--font-size-paragraph-small);line-height:var(--line-height-paragraph-small);background:none}
/*# sourceMappingURL=/cdn/shop/t/24/assets/p80-custom-inputs.css.map */