.custom-select{position:relative;width:100%}.custom-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:0 1.5rem;background:transparent;border:none;color:inherit;font-size:1.4rem;font-family:inherit;cursor:pointer;text-align:left;line-height:1.4;white-space:nowrap}.custom-select__trigger:hover{opacity:.8}.custom-select__arrow{flex-shrink:0;transition:transform .2s ease}.custom-select__dropdown.open~.custom-select__trigger .custom-select__arrow,.custom-select__trigger[aria-expanded=true] .custom-select__arrow{transform:rotate(180deg)}.custom-select__dropdown{display:none;position:absolute;top:calc(100% + 4px);right:0;min-width:100%;max-width:280px;max-height:300px;overflow-y:auto;background:#0c0c0c;border:1px solid #3d3d3d;border-radius:10px;padding:10px;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.custom-select__dropdown.open{display:block;animation:customSelectFadeIn .15s ease}@keyframes customSelectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select__option{padding:14px 16px;color:#ffffffd9;font-size:1.4rem;cursor:pointer;border-radius:6px;transition:background-color .15s ease;white-space:nowrap;line-height:1.4}.custom-select__option:hover{background:#ffffff1a;color:#fff}.custom-select__option.selected{background:#ffffff14;color:#fff;position:relative;padding-left:30px}.custom-select__option.selected:before{content:"\2713";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#fff}.custom-select__dropdown::-webkit-scrollbar{width:4px}.custom-select__dropdown::-webkit-scrollbar-track{background:transparent}.custom-select__dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.globo-form-input .custom-select__trigger{border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:10px 14px;font-size:1.4rem;color:#ffffffb3}.globo-form-input .custom-select__trigger:hover{border-color:#fff6;opacity:1}.globo-form-input .custom-select__option.selected~.custom-select__trigger,.globo-form-input .custom-select__trigger:has(~.custom-select__dropdown .custom-select__option.selected){color:#fff}.globo-form-input .custom-select__dropdown{left:0;right:auto;min-width:100%;max-width:100%}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-select.css.map */