.rsp{display:block;width:100%;margin:0;color:var(--rsp-text)}.rsp__heading{margin:0 0 4px;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;font-weight:400}.rsp__subtitle{margin:0 0 12px;font-size:.8125rem;font-style:italic;opacity:.6}.rsp__dropdown{position:relative}.rsp__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--rsp-trigger-height);padding:0 22px;box-sizing:border-box;background:var(--rsp-trigger-bg);color:var(--rsp-text);border:1px solid var(--rsp-border);border-radius:var(--rsp-radius);font:inherit;font-size:var(--rsp-font);letter-spacing:.02em;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color .2s ease}.rsp__trigger:hover{border-color:var(--rsp-text)}.rsp__trigger:focus-visible{outline:2px solid var(--rsp-text);outline-offset:2px}.rsp__value--placeholder{color:var(--rsp-placeholder)}.rsp__chevron{flex-shrink:0;margin-left:12px;transition:transform .25s ease;transform:rotate(180deg)}.rsp__trigger[aria-expanded=true] .rsp__chevron{transform:rotate(0)}.rsp__list{position:absolute;left:0;right:0;top:100%;z-index:30;margin:0;padding:0;list-style:none;max-height:var(--rsp-max-h);overflow-y:auto;overscroll-behavior:contain;background:var(--rsp-list-bg);border-radius:0 0 var(--rsp-radius) var(--rsp-radius);box-shadow:0 14px 30px #0000001a;scrollbar-width:thin;scrollbar-color:#b9b6b0 transparent}.rsp__list[hidden]{display:none}.rsp--up .rsp__list{top:auto;bottom:100%;border-radius:var(--rsp-radius) var(--rsp-radius) 0 0;box-shadow:0 -14px 30px #0000001a}.rsp__list::-webkit-scrollbar{width:8px}.rsp__list::-webkit-scrollbar-thumb{background:#b9b6b0;border-radius:8px}.rsp__item{padding:var(--rsp-pad-y) 22px;font-size:var(--rsp-font);color:var(--rsp-text);cursor:pointer;outline:none;transition:background .15s ease}.rsp__item:hover,.rsp__item:focus{background:var(--rsp-hover-bg)}.rsp__item[aria-selected=true]{background:var(--rsp-hover-bg);font-weight:600}.rsp__guide{display:inline-block;margin-top:12px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--rsp-text);text-decoration:underline;text-underline-offset:4px;opacity:.75;transition:opacity .2s ease}.rsp__guide:hover{opacity:1}.rsp__error{margin:10px 0 0;font-size:.8125rem;color:#80633a}.rsp--shake .rsp__trigger{animation:rsp-shake .35s ease}@keyframes rsp-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/ring-size-picker.css.map */
