.rb-diamond-filters-wrapper--desktop{max-width:1200px;margin:0 auto}.rb-diamond-filters-wrapper--mobile{display:none}.main-diamond-filters-container-section{display:flex;justify-content:center}.rb-diamond-filters-container{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}.diamond-shape-section{display:flex;gap:.5rem}.diamond-shape-header{display:flex;flex-direction:column}.diamond-shapes{display:flex;gap:1px;align-items:start;max-width:500px;flex-wrap:nowrap}.diamond-shapes img{border:1.4px solid #dddbdb;border-radius:5px;width:40px;min-width:40px;max-width:40px;height:auto;padding:5px;transition:all .2s ease-in-out}.diamond-shapes img:hover{scale:1.1}.diamond-shapes div{cursor:pointer;display:flex;max-width:45px;min-width:45px;width:45px;flex-direction:column;align-items:center;justify-content:center;gap:4px}.diamond-shapes div span{font-size:11px;text-wrap:nowrap;visibility:hidden}.diamond-shapes div:hover span,.diamond-shapes div.active span{visibility:visible}.diamond-shapes img:hover,.diamond-shapes div.active img{border:1.4px solid #000}.see-on-hand-btn{display:flex;flex-direction:column;font-size:12px;cursor:pointer}.see-on-hand-btn img{width:25px;height:auto}.see-on-hand-btn:hover img{scale:1.2;transition:all .5s ease}.back-button{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;margin-top:20px;margin-bottom:10px;margin-left:20px;cursor:pointer}.back-button:hover{color:#000;text-decoration:underline}.diamond-type-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.diamond-type-btn{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid #e0e0e0;border-radius:5px;background:#fff;font-size:14px;cursor:pointer}.diamond-type-btn.active{background:#f8f8f8;border-color:#333}.filter-row{display:flex;align-items:start;gap:1rem}.diamond-shape-header{min-width:100px;max-width:100px;width:100px}.filter-label{font-weight:500;display:flex;align-items:center;width:100px;min-width:100px;font-size:15px;max-width:100px;gap:5px}.filter-label-warning{position:absolute;top:100%;margin-top:4px;left:0;font-weight:400;font-size:10px}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.see-on-hand{display:flex;align-items:center;gap:4px;color:#666;font-size:13px;cursor:pointer}.shape-options{display:flex;gap:8px;flex-wrap:wrap}.shape-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;min-width:60px}.shape-btn.active{background:#f8f8f8;border-color:#333}.shape-btn .icon{width:24px;height:24px}.shape-btn span{font-size:12px;color:#666}.icon{width:16px;height:16px}.advanced-filters{margin:20px 0}.advanced-filters{display:flex;align-items:center;gap:10px}.advanced-label{display:flex;align-items:center;gap:8px;min-height:50px;font-weight:500;font-size:16px;cursor:pointer}.toggle-btn{height:16px;width:16px}.advanced-filters .toggle-btn svg:first-child{display:none}.advanced-filters.collapsed .toggle-btn svg:first-child{display:block}.advanced-filters.collapsed .toggle-btn svg:last-child{display:none}.advanced-filters.collapsed .toggle-btn{transform:rotate(-180deg)}.advanced-filters.collapsed .advanced-options{display:none}.advanced-options{display:flex;flex-wrap:wrap;gap:8px;width:100%;transition:all .3s ease}.filter-certificate-number{display:flex;gap:10px;border:1px solid rgba(224,224,224,1);border-radius:4px;align-items:center;padding:6px 12px;max-height:32px;width:250px}.filter-certificate-number input{flex-grow:1;font-size:14px;line-height:21px;color:#000;outline:none;border:none}.filter-certificate-number button{border-radius:4px;cursor:pointer}.filter-dropdown-container{position:relative;display:inline-block}.filter-dropdown-container:has(.dropdown-content.show) .filter-dropdown{font-weight:500}.filter-dropdown-container:last-child .dropdown-content{right:0;left:unset}.filter-dropdown{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;font-size:13px;cursor:pointer;min-width:120px}.filter-dropdown:hover{background:#f8f8f8}.filter-dropdown span svg{width:12px;height:12px;margin-left:8px;margin-bottom:2px}.filter-dropdown span svg:last-child{display:none}.filter-dropdown-container:has(.dropdown-content.show) .filter-dropdown span svg:first-child{display:none}.filter-dropdown-container:has(.dropdown-content.show) .filter-dropdown span svg:last-child{display:block}.dropdown-content{display:none;position:absolute;top:100%;left:0;min-width:200px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:100;margin-top:4px;padding:12px}.dropdown-content.show{display:block!important}.dropdown-header{font-size:16px;font-weight:600;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center}.dropdown-content:has(rb-diamond-filter-slider) .dropdown-header{margin-bottom:20px}.checkbox-label{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;transition:background .2s}.checkbox-label:hover{background:#f5f5f5}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#333}.checkbox-label span{font-size:13px;color:#333}.close-dropdown{position:absolute;top:8px;right:8px;padding:4px;border:none;background:transparent;cursor:pointer}.close-dropdown svg{width:16px;height:16px}.results-section{display:flex;justify-content:space-between;align-items:center}.results-section.loading .result-count-container,.results-section .results-count-loading{display:none}.results-section.loading .results-count-loading{display:block}.results-section span{font-weight:600}.diamond-sort-dropdown-container{position:relative;display:inline-block}.diamond-sort-dropdown{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border:1px solid transparent;border-radius:4px;background:#fff;font-size:16px;cursor:pointer;gap:10px}.diamond-sort-dropdown-container:has(.diamond-sort-options-container.active) .diamond-sort-dropdown svg{transform:rotateX(180deg)}.diamond-sort-dropdown svg{width:12px;transition:all .3s ease;height:12px}.diamond-sort-options-container{display:none;position:absolute;top:100%;right:0;min-width:230px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:100;margin-top:4px;padding:12px}.diamond-sort-options-container.active{display:block}.diamond-sort-option{font-size:16px;cursor:pointer;text-align:start;color:#0000004d;padding:4px 8px}.diamond-sort-option:hover,.diamond-sort-option.active{font-weight:500;color:#000}@media(max-width:1230px){.rb-diamond-filters-container{gap:50px 20px}.diamond-shape-section{grid-column:1 / -1;justify-content:center}.diamond-shapes{max-width:100%}.diamond-shapes div{width:55px;max-width:55px;min-width:55px}.diamond-shapes div img{width:50px;max-width:50px;min-width:50px}.advanced-filters{justify-content:center}.results-section{padding:0 20px}.advanced-filters{flex-direction:column;gap:0px}.advanced-options{justify-content:center}}@media(max-width:1200px){.back-button{margin-top:10px;margin-left:20px}}@media(max-width:1024px){.rb-diamond-filters-container{display:flex;flex-direction:column;gap:35px}.diamond-shape-section{grid-column:unset;justify-content:unset}.diamond-shapes div{width:50px;max-width:50px;min-width:50px}.diamond-shapes div img{width:45px;max-width:45px;min-width:45px}.advanced-filters{justify-content:center}.back-button{margin-left:10px}}@media(max-width:930px){.filter-dropdown{min-width:100px}}@media(max-width:768px){.filter-certificate-number{width:100%;max-width:-webkit-fill-available;margin:10px}.advanced-filters{flex-direction:column;gap:0px}.results-section{padding:0 12px;margin:5px 0;font-size:14px}.rb-diamond-filters-wrapper--desktop{display:none}.rb-diamond-filters-wrapper--mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/ring-builder-diamond-filters.css.map */