html.frame-filter-open{overflow:hidden}
.frame-filter-dialog{position:fixed!important;inset:0!important;margin:auto!important;width:min(680px,calc(100vw - 28px));max-width:680px;max-height:86vh;max-height:86dvh;padding:0;border:1px solid #d6e3e8;border-radius:18px;color:#092b3c;background:white;box-shadow:0 22px 70px #001a3340;overflow:hidden}
.frame-filter-dialog::backdrop{background:#092b3c70;backdrop-filter:blur(2px)}
.frame-filter-dialog header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #dce7ec}
.frame-filter-dialog h2{font-size:21px;font-weight:600;margin:0 0 5px}.frame-filter-dialog header p{font-size:13px;color:#617d8b;margin:0}
.frame-filter-x{border:0;background:#edf4f6;color:#123b4e;width:36px;height:36px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer}
.frame-filter-options{padding:18px 20px;max-height:calc(86vh - 175px);max-height:calc(86dvh - 175px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.frame-filter-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 24px;border-top:1px solid #dce7ec;background:#f8fbfc}.frame-filter-dialog footer span{font-size:12px;color:#617d8b}.frame-filter-done{border:0;border-radius:22px;padding:11px 32px;background:#0b3447;color:white;font-weight:600;cursor:pointer}
.frame-filter-dialog .shade-box,.frame-filter-dialog .inner-container,.frame-filter-dialog .original-shapes,.frame-filter-dialog .original-colors,.frame-filter-dialog .original-clarity,.frame-filter-dialog .clarity-wrapper,.frame-filter-dialog .original-labs,.frame-filter-dialog .wrapper{position:static!important;inset:auto!important;width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;box-shadow:none!important;background:transparent!important;transform:none!important}
.frame-filter-dialog .inner-container,.frame-filter-dialog .original-shapes,.frame-filter-dialog .original-colors,.frame-filter-dialog .original-clarity,.frame-filter-dialog .clarity-wrapper,.frame-filter-dialog .original-labs,.frame-filter-dialog .wrapper{display:block!important}
.frame-filter-dialog .show-more,.frame-filter-dialog .show-less,.frame-filter-dialog .filter-expanded-close,.frame-filter-dialog .hidden-shapes,.frame-filter-dialog .hidden-colors,.frame-filter-dialog .original-shapes>.icon-container,.frame-filter-dialog .original-colors>.icon-container,.frame-filter-dialog .original-clarity>.icon-container,.frame-filter-dialog .hidden-clarity,.frame-filter-dialog .hidden-labs,.frame-filter-dialog .original-labs>.icon-container{display:none!important}
.frame-filter-dialog .shape-container,.frame-filter-dialog .color-container,.frame-filter-dialog .clarities-container,.frame-filter-dialog .labs-container{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}
.frame-filter-dialog .cover{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:6px 2px!important;float:none!important;text-align:center}
.frame-filter-dialog .circle{display:flex!important;align-items:center;justify-content:center;width:52px!important;height:52px!important;min-width:52px!important;margin:0!important;cursor:pointer;flex-shrink:0;border:1px solid #ccdbe2!important;box-shadow:none!important}
.frame-filter-dialog .icon-label{display:block!important;width:100%!important;height:auto!important;margin-top:7px!important;padding:0!important;font-size:11px!important;line-height:1.3!important;white-space:normal!important}
.frame-filter-dialog .shape-selected,.frame-filter-dialog .color-selected,.frame-filter-dialog .selected-clarity,.frame-filter-dialog .labs-container .selected{background:#0d3c50!important;color:white!important;border-color:#0d3c50!important;box-shadow:0 0 0 2px #87b1c3!important}
.frame-filter-dialog button:focus-visible,.frame-filter-dialog a:focus-visible{outline:3px solid #3997ba;outline-offset:3px}
@media(max-width:520px){.frame-filter-dialog .shape-container,.frame-filter-dialog .color-container,.frame-filter-dialog .clarities-container,.frame-filter-dialog .labs-container{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}.frame-filter-dialog header{padding:16px}.frame-filter-options{padding:14px}.frame-filter-dialog footer{padding:14px 16px}.frame-filter-dialog footer span{max-width:60%}}
.frame-filter-dialog .lab-grown-shapes-container .inner-container.expanded .original-shapes{max-height:none!important;overflow:visible!important;padding-bottom:0!important}


@media(max-width:767px){
#custom-menu .original-shapes,#custom-menu .original-colors,#custom-menu .original-clarity,#custom-menu .original-labs{width:calc(100% - 36px)!important;flex-wrap:nowrap!important;padding-left:8px!important;padding-right:0!important;display:flex!important;gap:4px!important}
#custom-menu .original-shapes>.icon-container,#custom-menu .original-colors>.icon-container,#custom-menu .original-clarity>.icon-container,#custom-menu .original-labs>.icon-container{width:42px!important;min-width:42px!important;margin:0!important}
#custom-menu .shape-container,#custom-menu .color-container,#custom-menu .clarities-container,#custom-menu .original-labs .labs-container{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:calc(100% - 46px)!important;gap:18px 0!important;margin:0!important;float:none!important}
#custom-menu .shape-container{grid-template-columns:repeat(4,minmax(0,1fr))}
#custom-menu .shape-container>.cover,#custom-menu .color-container>.cover,#custom-menu .clarities-container>.cover,#custom-menu .original-labs .labs-container>.cover{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column;align-items:center;float:none!important}
#custom-menu .color-container .circle,#custom-menu .clarities-container .circle,#custom-menu .original-labs .labs-container .circle{width:40px!important;height:40px!important;min-width:0!important;font-size:12px!important;margin:0!important}
#custom-menu .shape-container .circle{width:44px!important;height:44px!important;margin:0!important}
#custom-menu .shape-container .icon-label{font-size:10px!important;white-space:nowrap}
#custom-menu .fancy-color-container:not(.expanded)>.colors{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:calc(100% - 36px)!important;gap:18px 0!important}
#custom-menu .fancy-color-container:not(.expanded) .fancy-color{width:44px!important;height:44px!important;min-width:0!important;margin:0 auto!important}
#custom-menu .show-more{right:3px!important;width:32px!important}
}
@media(max-width:359px){#custom-menu .shape-container{grid-template-columns:repeat(3,minmax(0,1fr))}#custom-menu .color-container,#custom-menu .clarities-container,#custom-menu .original-labs .labs-container,#custom-menu .fancy-color-container:not(.expanded)>.colors{grid-template-columns:repeat(4,minmax(0,1fr))}}

.frame-filter-dialog .cps-hidden,.frame-filter-dialog .cps-wrapper>.icon-container,.frame-filter-dialog .show-more-cps{display:none!important}
.frame-filter-dialog .cps-wrapper{position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.frame-filter-dialog .original-cut,.frame-filter-dialog .original-polish,.frame-filter-dialog .original-sym{display:flex!important;flex-direction:column;align-items:stretch;width:100%!important;margin:0!important;gap:9px}
.frame-filter-dialog .cps-wrapper .cps{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-width:0!important;margin:0!important;min-height:38px;font-size:12px!important;cursor:pointer}
.frame-filter-dialog .cps-wrapper .cut-pol-sym{display:block;text-align:center;font-weight:600;margin-bottom:7px}
.frame-filter-dialog .cps-wrapper .threex-wrapper{grid-column:1/-1;display:flex!important;justify-content:center;gap:22px;width:100%!important;height:45px;margin-top:12px}


.frame-filter-dialog .cps-wrapper .show-more-cps{display:none!important}
.frame-filter-dialog .cps-wrapper .cps:not(.show-more-cps){border:1px solid #ccdbe2!important;border-radius:22px;background:#f5f9fb;color:#123b4e}
.frame-filter-dialog .cps-wrapper .cps.selected{background:#0d3c50!important;color:white!important}
@media(max-width:767px){#custom-menu .fancy-color-container:not(.expanded) .fancy-color .circle{width:44px!important;height:44px!important;margin:auto!important}}

@media(max-width:767px){#custom-menu .fancy-color-container:not(.expanded)>.colors>.cover{width:100%!important;min-width:0!important;margin:0!important;display:flex!important;flex-direction:column;align-items:center}}
@media(max-width:767px){#custom-menu .color-container,#custom-menu .clarities-container,#custom-menu .original-labs .labs-container{row-gap:30px!important}}


@media(max-width:767px){#custom-menu .shape-container>.cover:nth-child(n+5),#custom-menu .color-container>.cover:nth-child(n+6),#custom-menu .clarities-container>.cover:nth-child(n+6),#custom-menu .original-labs .labs-container>.cover:nth-child(n+6){display:none!important}}
@media(max-width:359px){#custom-menu .shape-container>.cover:nth-child(n+4),#custom-menu .color-container>.cover:nth-child(n+5),#custom-menu .clarities-container>.cover:nth-child(n+5),#custom-menu .original-labs .labs-container>.cover:nth-child(n+5){display:none!important}}

#custom-menu .lab-grown-clarity-container .show-less,#custom-menu .lab-grown-clarity-container .filter-expanded-close,#custom-menu .lab-grown-shapes-container .show-less,#custom-menu .lab-grown-colors-container .show-less,#custom-menu .lab-grown-lab-container .show-less{display:none!important}

@media(max-width:767px){
#custom-menu .lab-grown-shapes-container,#custom-menu .lab-grown-colors-container,#custom-menu .clarity-wrapper,#custom-menu .lab-grown-lab-container>.wrapper{position:relative!important}
#custom-menu .lab-grown-shapes-container>.show-more,#custom-menu .lab-grown-colors-container>.show-more,#custom-menu .clarity-wrapper>.show-more,#custom-menu .lab-grown-lab-container>.wrapper>.show-more,#custom-menu .fancy-color-container>.show-more{position:absolute!important;top:0!important;right:6px!important;left:auto!important;bottom:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:78px!important;margin:0!important;padding:0!important;transform:none!important}
#custom-menu .show-more>.material-icons{display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;min-width:28px!important;margin:0!important;padding:0!important;border:1px solid #e5d9c4!important;border-radius:50%!important;background:#fffdf7!important;font-size:19px!important;color:#082d3d!important;line-height:1!important}
}

@media(max-width:767px){
#custom-menu .lab-grown-shapes-container>.show-more,#custom-menu .lab-grown-colors-container>.show-more,#custom-menu .clarity-wrapper>.show-more,#custom-menu .lab-grown-lab-container>.wrapper>.show-more,#custom-menu .fancy-color-container>.show-more{top:8px!important;height:44px!important}
#custom-menu .original-shapes,#custom-menu .original-colors,#custom-menu .original-clarity,#custom-menu .original-labs{padding-top:8px!important}
#custom-menu .shape-container .circle,#custom-menu .color-container .circle,#custom-menu .clarities-container .circle,#custom-menu .original-labs .labs-container .circle{height:44px!important;width:44px!important}
}

#custom-menu input{border-radius:0!important}
.frame-filter-dialog .threex-switch{display:flex!important;align-items:center;gap:7px;cursor:pointer}.frame-filter-dialog .threex-switch .checkbox{display:flex!important;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #123b4e;border-radius:4px}.frame-filter-dialog .threex-switch.checked .checkbox{background:#0d3c50;color:white}