.rl-field,.rl-select{--rl-bg-base: rgb(var(--color-background));--rl-bg-surface: #f2f2f2;--rl-text-primary: rgb(var(--color-foreground));--rl-text-secondary: #6c6c6c;--rl-border-default: #cdcdcd;--rl-radius-surface: .8rem}.rl-field{display:grid;gap:.8rem;font-family:var(--font-body-family)}.field.rl-field:after{content:none}.rl-field__label{font-size:1.3rem;font-weight:600;color:var(--rl-text-primary)}.rl-select{appearance:none;-webkit-appearance:none;width:100%;min-height:4.8rem;padding:0 4.4rem 0 1.6rem;font:inherit;font-family:var(--font-body-family);font-size:1.6rem;line-height:calc(1 + .6 / var(--font-body-scale));color:var(--rl-text-primary);background-color:var(--rl-bg-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23131313' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.6rem center;background-size:1.6rem;border:.1rem solid var(--rl-border-default);border-radius:var(--rl-radius-surface);box-shadow:none;cursor:pointer}.rl-select:hover{border-color:var(--rl-text-primary)}.rl-select:focus-visible{outline:.2rem solid var(--rl-text-primary);outline-offset:.2rem;box-shadow:none}.rl-select:has(option[value=""]:checked){color:var(--rl-text-secondary)}.rl-select:disabled{background-color:var(--rl-bg-surface);color:var(--rl-text-secondary);cursor:not-allowed}.rl-select option{color:var(--rl-text-primary);background:var(--rl-bg-base)}.rl-select option:disabled{color:var(--rl-text-secondary)}@supports (appearance: base-select){.rl-select,.rl-select::picker(select){-webkit-appearance:base-select;appearance:base-select}.rl-select{display:flex;align-items:center;background-image:none;padding-right:1.6rem}.rl-select::picker-icon{content:"";width:1.6rem;height:1.6rem;margin-left:auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23131313' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;transition:rotate .2s}.rl-select:open::picker-icon{rotate:180deg}.rl-select::picker(select){margin-top:.4rem;padding:.4rem 0;background:var(--rl-bg-base);border:.1rem solid var(--rl-border-default);border-radius:var(--rl-radius-surface);box-shadow:0 .8rem 2.4rem #13131314;max-height:32rem;overflow-y:auto}.rl-select option{display:flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:0 1.6rem;font-size:1.6rem;cursor:pointer}.rl-select option+option{border-top:.1rem solid var(--rl-border-default)}.rl-select option:hover,.rl-select option:focus-visible{background:var(--rl-bg-surface);outline:none}.rl-select option:checked{background:var(--rl-bg-surface);font-weight:700}.rl-select option::checkmark{order:1;margin-left:auto;content:"\2713"}.rl-select option:disabled{color:var(--rl-text-secondary);background:var(--rl-bg-base);cursor:not-allowed}.rl-select option .rl-opt-note{margin-left:auto;font-size:1.3rem;font-weight:400;color:var(--rl-text-secondary)}.rl-select option:checked .rl-opt-note{margin-left:0}.rl-select selectedcontent .rl-opt-note{display:none}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-rl-select.css.map */
