.body--dark .toggle-buttons-modern-wrap .button-wrap .q-btn{background:#555}.body--dark .toggle-buttons-modern-wrap .button-wrap .label{color:#ddd}.body--dark .toggle-buttons-modern-wrap .button-wrap.active .label{color:var(--q-primary)!important}.body--dark .toggle-buttons-modern-wrap.shapes .button-wrap .q-btn{background:transparent}.body--dark .toggle-buttons-modern-wrap.shapes .button-wrap.active .q-btn{background:rgba(85,85,85,.5)}.body--dark .toggle-buttons-modern-wrap.metals .button-wrap .q-btn{background:transparent}.body--dark .scroll-btn.scroll-btn--left svg,.body--dark .scroll-btn.scroll-btn--right svg{fill:#1b2f42}.toggle-buttons-modern-wrap{display:flex;position:relative;transition:all .1s ease-in-out;border-radius:32px;width:-moz-fit-content;width:fit-content}.toggle-buttons-modern-wrap.largeDesktop .q-scrollarea{height:160px;width:1080px}.toggle-buttons-modern-wrap.largeDesktop .scroll-btn--right{width:48px!important;height:48px!important;border-width:2px!important;top:calc(50% - 18px)!important;right:-44px!important}.toggle-buttons-modern-wrap.largeDesktop .scroll-btn--left{width:48px!important;height:48px!important;border-width:2px!important;top:calc(50% - 18px)!important;left:4px!important;box-shadow:0 0 20px #0000000d}.toggle-buttons-modern-wrap .more-indicator{position:relative;top:20px;left:6px}.toggle-buttons-modern-wrap.earring-style img{width:60px!important;height:60px!important;top:0!important}.toggle-buttons-modern-wrap:not(.toggle-buttons-modern-wrap.mobile).has-more{padding:10px;margin:-10px;border:1.5px solid transparent}.toggle-buttons-modern-wrap:not(.toggle-buttons-modern-wrap.mobile).has-more.wedding-rings .button-wrap.stackable-wrap{margin-right:0}.toggle-buttons-modern-wrap:not(.toggle-buttons-modern-wrap.mobile).show-all{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid #ddd}.toggle-buttons-modern-wrap:not(.toggle-buttons-modern-wrap.mobile).show-all.wedding-rings .button-wrap.stackable-wrap{margin-right:16px}.toggle-buttons-modern-wrap.scroll{flex-wrap:nowrap!important;border-radius:0!important;overflow:scroll}.toggle-buttons-modern-wrap.scroll::-webkit-scrollbar{height:0}.toggle-buttons-modern-wrap.scroll::-webkit-scrollbar-track{background:transparent}.toggle-buttons-modern-wrap.scroll::-webkit-scrollbar-thumb{background:transparent}.toggle-buttons-modern-wrap.scroll::-webkit-scrollbar-thumb:hover{background:transparent}.toggle-buttons-modern-wrap.scroll .button-wrap span.label{text-align:center}.toggle-buttons-modern-wrap .button-wrap{display:flex;flex-direction:column;align-items:center;margin-right:16px}.toggle-buttons-modern-wrap .button-wrap.largeDesktop{width:120px!important;height:150px!important}.toggle-buttons-modern-wrap .button-wrap.largeDesktop .q-btn{width:120px;height:120px}.toggle-buttons-modern-wrap .button-wrap.largeDesktop .q-btn img{width:95px!important;height:95px!important}.toggle-buttons-modern-wrap .button-wrap .q-btn{overflow:hidden}.toggle-buttons-modern-wrap .button-wrap .q-btn img{width:85px;height:85px}.toggle-buttons-modern-wrap .button-wrap>span{font-size:13px;font-family:LinetoBook;color:#484848}.toggle-buttons-modern-wrap .button-wrap.allRingStyles{display:flex;flex-direction:column;align-items:center;margin-right:8px!important}.toggle-buttons-modern-wrap .button-wrap.allRingStyles.largeDesktop{margin-right:16px!important}.toggle-buttons-modern-wrap .button-wrap.allRingStyles .q-btn img{width:65px;height:65px}.toggle-buttons-modern-wrap .button-wrap.allRingStyles>span{font-size:13px;font-family:LinetoBook;color:#484848}.toggle-buttons-modern-wrap div.active>span{font-family:LinetoBook;color:#4169e1!important}.toggle-buttons-modern-wrap.metals .q-btn{width:50px;height:50px;background:transparent}.toggle-buttons-modern-wrap.metals .q-btn.active{border:1px solid transparent}.toggle-buttons-modern-wrap.metals .q-btn.active .metal{background:var(--q-primary)!important}.toggle-buttons-modern-wrap.metals .q-btn .metal{width:32px;height:32px;border-radius:32px;overflow:hidden;position:relative;border:1px solid #c4c4c4}.toggle-buttons-modern-wrap.metals .q-btn .metal .metal-inner{position:absolute;width:32px;height:32px;top:-5px;left:-1px;border-radius:32px}.toggle-buttons-modern-wrap.metals .q-btn .metal.white{background:#bdbdbd}.toggle-buttons-modern-wrap.metals .q-btn .metal.white .metal-inner{background:#dfe0e1}.toggle-buttons-modern-wrap.metals .q-btn .metal.yellow{background:#d3b757}.toggle-buttons-modern-wrap.metals .q-btn .metal.yellow .metal-inner{background:#f8d767}.toggle-buttons-modern-wrap.metals .q-btn .metal.rose{background:#d2b0b4}.toggle-buttons-modern-wrap.metals .q-btn .metal.rose .metal-inner{background:#f8cfd3}.toggle-buttons-modern-wrap.shapes .q-btn{width:50px;height:50px;background:transparent}.toggle-buttons-modern-wrap.shapes .q-btn svg{width:36px;height:36px;fill:#929292}.toggle-buttons-modern-wrap.shapes .q-btn.active{border:1.5px solid var(--q-primary);background:linear-gradient(0deg,#eaf2f6,#eaf2f6)}.toggle-buttons-modern-wrap.shapes .q-btn.active svg{fill:var(--q-primary)}.toggle-buttons-modern-wrap.types .q-btn{width:50px;height:50px;background:transparent}.toggle-buttons-modern-wrap .q-btn{background:linear-gradient(0deg,#F5F5F5,#F5F5F5);width:64px;height:64px;border:1.5px solid transparent}.toggle-buttons-modern-wrap .q-btn.active{border:1.5px solid var(--q-primary)}.toggle-buttons-modern-wrap .q-btn.hidden-halo img{top:0;width:80px;height:80px}.toggle-buttons-modern-wrap .q-btn.hidden-halo img.allRingStyles{top:0;width:60px;height:60px}.toggle-buttons-modern-wrap .q-btn.cathedral img.allRingStyles{top:-4px!important;width:50px;height:48px}.toggle-buttons-modern-wrap .q-btn.gemstone img.allRingStyles{width:55px;height:55px}.toggle-buttons-modern-wrap .q-btn.unique img,.toggle-buttons-modern-wrap .q-btn.vintage img{width:65px;height:65px;top:0px}.toggle-buttons-modern-wrap .q-btn img{position:relative;top:-12px}.toggle-buttons-modern-wrap .q-btn img.allRingStyles{position:relative;top:0px!important}.toggle-buttons-modern-wrap.mobile{flex-wrap:wrap;justify-content:space-evenly}.toggle-buttons-modern-wrap.mobile .button-wrap{margin-left:8px!important;margin-right:8px!important;margin-bottom:8px!important}.toggle-buttons-modern-wrap.mobile.larger .button-wrap{min-width:72px}.toggle-buttons-modern-wrap.mobile .q-btn{width:60px;height:60px}.toggle-buttons-modern-wrap.mobile .q-btn img{width:77px;height:77px;top:-7px}.toggle-buttons-modern-wrap.mobile .q-btn.unique img,.toggle-buttons-modern-wrap.mobile .q-btn.vintage img{width:55px;height:55px;top:2px}.toggle-buttons-modern-wrap.mobile .q-btn.hidden-halo img{top:-1px}.toggle-buttons-modern-wrap.mobile.metals .button-wrap:last-child{margin-right:0!important}.toggle-buttons-modern-wrap.mobile.shapes .button-wrap{margin:0}.toggle-buttons-modern-wrap.mobile.shapes .button-wrap .q-btn{width:calc(20vw - 75px);height:calc(20vw - 75px)}.toggle-buttons-modern-wrap.bracelets .q-btn img{width:120%}.toggle-buttons-modern-wrap.necklaces .q-btn{overflow:hidden}.toggle-buttons-modern-wrap.necklaces .q-btn img{width:105%;height:105%}.toggle-buttons-modern-wrap.earrings .q-btn{overflow:hidden}.toggle-buttons-modern-wrap.earrings .q-btn img{position:relative;top:2.5%;width:100%;height:100%}.toggle-buttons-modern-wrap.wedding-rings .vintage-wrap{margin-right:0}.toggle-buttons-modern-wrap.wedding-rings .button-wrap .label{width:calc(100% + 10px);text-align:center}.toggle-buttons-modern-wrap.wedding-rings .q-btn{width:60px;height:60px}.toggle-buttons-modern-wrap.wedding-rings .q-btn img{left:50%;top:50%!important;position:absolute;transform:translate(-50%,-50%)}.toggle-buttons-modern-wrap.wedding-rings .q-btn.vintage img{width:80px;height:80px;left:50%;top:50%}.toggle-buttons-modern-wrap.wedding-rings .q-btn.twisted img{width:75px;height:75px}.toggle-buttons-modern-wrap.wedding-rings .q-btn.anniversary img{width:70px;height:70px}.toggle-buttons-modern-wrap.wedding-rings .q-btn.stackable img{width:65px;height:65px}.toggle-buttons-modern-wrap.wedding-rings .q-btn.plain img{width:75px;height:75px;top:calc(50% + 4px)}.toggle-buttons-modern-wrap.wedding-rings .q-btn.pave img{width:65px;height:65px}.toggle-buttons-modern-wrap.wedding-rings .q-btn.channel-set img{width:90px;height:90px;left:calc(50% - 2px);top:calc(50% + 2px)}.toggle-buttons-modern-wrap.wedding-rings .q-btn.fashion img{width:55px;height:55px}.toggle-buttons-modern-wrap.pendants.mobile .q-btn img{left:0px}.toggle-buttons-modern-wrap.pendants .q-btn{overflow:hidden}.toggle-buttons-modern-wrap.pendants .q-btn img{top:0px;width:50px;height:50px}.toggle-buttons-modern-wrap .background-overlay.right{position:absolute;right:0;z-index:0;width:84px;height:120px;top:50%;right:40px;transform:translate(50%,-50%)}.toggle-buttons-modern-wrap .background-overlay.left{position:absolute;right:0;z-index:0;width:64px;height:120px;top:50%;left:-60px;transform:translate(50%,-50%)}.toggle-buttons-modern-wrap .scroll-btn.scroll-btn--right{position:absolute;right:0;z-index:999;width:24px;height:24px;border-radius:100%;background:white;border:1.5px solid #E1E6F0;top:46%;right:-20px;transform:translate(50%,-50%);color:rgba(27,47,66,0) 0}.toggle-buttons-modern-wrap .scroll-btn.scroll-btn--left{position:absolute;right:0;z-index:999;width:24px;height:24px;border-radius:100%;background:white;border:1.5px solid #E1E6F0;top:46%;left:-60px;transform:translate(50%,-50%);color:rgba(27,47,66,0) 0}.toggle-buttons-modern-wrap .scrollarea{width:630px;height:120px;transition:.4s ease-in-out}@media (max-width: 768px){.toggle-buttons-modern-wrap .scrollarea{height:112px;display:flex;flex-wrap:nowrap}}.toggle-buttons-modern-wrap .scrollarea div{background:transparent}.toggle-buttons-modern-wrap .more-filters-btn{display:flex;justify-content:center;align-items:center;background:#1B2F42;padding:12px 20px;top:14px;width:120px!important;border-radius:100px}.toggle-buttons-modern-wrap .scroll{flex-wrap:nowrap!important;border-radius:0!important;overflow:scroll}.toggle-buttons-modern-wrap .scroll::-webkit-scrollbar{height:0}.toggle-buttons-modern-wrap .scroll::-webkit-scrollbar-track{background:transparent}.toggle-buttons-modern-wrap .scroll::-webkit-scrollbar-thumb{background:transparent}.toggle-buttons-modern-wrap .scroll::-webkit-scrollbar-thumb:hover{background:transparent}.toggle-buttons-modern-wrap .scroll .button-wrap span.label{text-align:center}.toggle-buttons-modern-wrap .scroll div{display:flex;flex-wrap:nowrap}.mobile-settings-filters-wrap .toggle-buttons-modern-wrap.shapes .button-wrap{width:71px!important;margin-right:3px!important}.mobile-settings-filters-wrap .toggle-buttons-modern-wrap.shapes .button-wrap .q-btn--round{border-radius:unset}.pendants.allRingStyles.toggle-buttons-modern-wrap{overflow:hidden!important}.metal-inner{position:unset!important}.toggle-buttons-modern-wrap.metals .q-btn .metal.white{position:relative;padding:2px;border:none!important;background:linear-gradient(144.34deg,#c1c2c3 10.16%,#ffffff 50.12%,#d1d3d4 97.89%)}.toggle-buttons-modern-wrap.metals .q-btn .metal.white .metal-inner{width:100%;height:100%;padding:4px;border-radius:100%;background:linear-gradient(206.57deg,#c1c2c3 8.81%,#ffffff 50.17%,#d1d3d4 99.6%)}.toggle-buttons-modern-wrap.metals.new-metals .q-btn .metal.white,.toggle-buttons-modern-wrap.metals.new-metals .q-btn .metal.white .metal-inner{background:linear-gradient(90deg,rgb(240,244,247),rgb(206,211,217))}.toggle-buttons-modern-wrap.metals.new-metals .q-btn .metal.yellow,.toggle-buttons-modern-wrap.metals.new-metals .q-btn .metal.yellow .metal-inner{background:linear-gradient(90deg,rgb(252,224,124),rgb(235,190,33))}.toggle-buttons-modern-wrap.metals.new-metals .q-btn .metal.rose,.toggle-buttons-modern-wrap.metals.new-metals .q-btn .metal.rose .metal-inner{background:linear-gradient(90deg,rgb(250,220,212),rgb(250,164,142))}.toggle-buttons-modern-wrap.metals .q-btn .metal.yellow{position:relative;padding:2px;border:none!important;background:linear-gradient(132.64deg,#ffc700 -5.97%,#f2bd00 23.86%,#ffe884 51.36%,#f2bd00 106.34%)}.toggle-buttons-modern-wrap.metals .q-btn .metal.yellow .metal-inner{width:100%;height:100%;padding:4px;border-radius:100%;background:linear-gradient(212.45deg,#ffc700 -8.69%,#f2bd00 22.85%,#ffe884 51.92%,#f2bd00 110.05%)}.toggle-buttons-modern-wrap.metals .q-btn .metal.rose{position:relative;padding:2px;border:none!important;background:linear-gradient(317.88deg,#ffe6e6 -20.56%,#ffc6c6 39.19%,#ff9696 97.49%,#f5bcbc 97.5%)}.toggle-buttons-modern-wrap.metals .q-btn .metal.rose .metal-inner{width:100%;height:100%;padding:4px;border-radius:100%;background:linear-gradient(33.43deg,#ffb1b1 -10.28%,#ffe0e0 48.56%,#ff7272 118.07%,#ff9191 118.08%)}.expanded-filters .toggle-buttons-modern-wrap.ring-styles div .scrollarea{max-width:600px;height:200px;overflow:hidden}@media (max-width: 768px){.expanded-filters .toggle-buttons-modern-wrap.ring-styles div .scrollarea{max-width:390px;height:320px;display:flex;flex-wrap:wrap}}.expanded-filters .toggle-buttons-modern-wrap.ring-styles div .scrollarea .scroll{overflow:hidden}.expanded-filters .toggle-buttons-modern-wrap.ring-styles div .scrollarea .scroll div{overflow:hidden;display:flex;flex-wrap:wrap!important}.expanded-filters .toggle-buttons-modern-wrap.ring-styles div .scrollarea .scroll div .more-filters-btn{display:none!important}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.toggle-buttons-modern-wrap .scrollarea{width:100vw;display:flex;padding:0 30px 0 20px}.toggle-buttons-modern-wrap .button-wrap.allRingStyles{margin-right:10px!important}.expanded-filters .toggle-buttons-modern-wrap.ring-styles div .scrollarea{max-width:100vw;display:flex;height:auto;padding:0 20px 0 0}.expanded-filters .toggle-buttons-modern-wrap.ring-styles div .button-wrap.allRingStyles{margin-right:10px!important}}@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2){.toggle-buttons-modern-wrap .scrollarea{width:100vw;display:flex;padding:0 30px 0 20px}.toggle-buttons-modern-wrap .button-wrap.allRingStyles{margin-right:10px!important}.expanded-filters .toggle-buttons-modern-wrap.ring-styles div .scrollarea{max-width:100vw;display:flex;height:auto;padding:0 20px 0 0}.expanded-filters .toggle-buttons-modern-wrap.ring-styles div .button-wrap.allRingStyles{margin-right:10px!important}}