.block__ring_size_chart-pop-up *{color:var(--neutral-dark)}.size-guide-wrapper{display:inline-flex;align-items:center;cursor:pointer;font-size:16px;color:#222;font-weight:500}.block__ring_size_chart-pop-up{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.block__ring_size_chart-pop-up.active{display:flex;align-items:center;justify-content:center}.block__ring_size_chart-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:block!important}.block__ring_size_chart-modal{position:relative;width:100%;max-width:1108px;height:71.4dvh;background:var(--quinary-color);border-radius:24px;overflow:hidden;z-index:2;box-shadow:0 20px 60px #0000002e;margin:0 2rem}.block__ring_size_chart-inner{display:flex;align-items:stretch;height:100%}.block__ring_size_chart-close{position:absolute;top:32px;right:32px;border:0;background:transparent;width:24px;height:24px;cursor:pointer;z-index:10;padding:0}.block__ring_size_chart-left{padding:32px;background:#fcf8f8;display:flex;flex-direction:column;width:100%;max-width:48.3%;overflow-y:auto}.block__ring_size_chart-title{line-height:1.2;padding-bottom:1.2rem;border-bottom:1px solid var(--tertiary-color);margin-bottom:2rem;font-size:calc(var(--h3) - 2px)}.block__ring_size_chart-divider{width:100%;height:1px;background:#ddd6d6;margin:18px 0 16px}.block__ring_size_chart-content .block__ring_size_chart-content-title{font-size:calc(var(--medium_body) + 2px);font-family:var(--font-lato-family)}.block__ring_size_chart-content-desc{font-family:var(--font-lato-family);margin:4px 0 24px;font-size:var(--small_body);line-height:1.4;color:var(--warm-gray)}.block__ring_size_chart-step{display:flex;gap:12px;padding:12px;border-radius:16px;background:var(--quinary-color);border:1px solid var(--cultured-color);margin-bottom:12px}.block__ring_size_chart-step span{min-width:24px;height:24px;border-radius:50%;background:#f9f1f1;color:var(--primary-color);font-size:var(--small_body);display:flex;align-items:center;justify-content:center;font-family:var(--font-lato-family);font-weight:var(--font-lato-medium)}.block__ring_size_chart-step .block__ring_step_title{margin:0 0 4px;font-size:var(--h5);font-family:var(--font-lato-family)}.block__ring_size_chart-step .block__ring_step_desc{font-family:var(--font-lato-family);line-height:1.5;color:var(--warm-gray)}.block__ring_size_chart-bottom-note{margin-top:auto;background:var(--quinary-color);border:1px solid var(--cultured-color);border-radius:12px;padding:12px}.block__ring_size_chart-bottom-note .block__ring_note_title,.block__ring_size_chart-bottom-note .block__ring_note_desc{margin:0 0 4px;font-size:var(--small_body);font-family:var(--font-lato-family);line-height:1.4}.block__ring_size_chart-bottom-note .block__ring_note_desc{color:var(--warm-gray);margin:0}.block__ring_size_chart-right{padding:32px 32px 0;background:var(--quinary-color);position:relative;width:100%;max-width:51.7%;display:flex;flex-direction:column}.block__ring_size_chart-right-title{margin:0;font-size:calc(var(--medium_body) + 2px);font-family:var(--font-lato-family);line-height:1.2}.block__ring_size_chart-right-subtitle{font-family:var(--font-lato-family);margin:4px 0 12px;font-size:var(--small_body);color:var(--warm-gray);line-height:1.4}.block__ring_size_chart-table-wrap{overflow-y:auto;max-height:max-content;height:100%;max-height:100%;display:block;position:relative;border:1px solid var(--cultured-color)}.block__ring_size_chart-table-wrap::-webkit-scrollbar,.block__ring_size_chart-left::-webkit-scrollbar{display:none}.block__ring_size_chart-table{width:100%;table-layout:fixed;border-collapse:collapse;position:relative}.block__ring_size_chart-right:after{content:"";position:absolute;left:34px;right:34px;top:auto;bottom:1px;height:48px;background:linear-gradient(180deg,#fff9,#fff)}.block__ring_size_chart-right.hide-gradient:after{opacity:0}.block__ring_size_chart-table thead{position:sticky;top:0}.block__ring_size_chart-table thead th{background:var(--primary-color);color:var(--color-light-50);font-size:var(--body);font-family:var(--font-lato-family);font-weight:var(--font-lato-medium);padding:13px 4px;line-height:1.4;text-align:center}.block__ring_size_chart-inner-wrap{height:100%}.block__ring_size_chart-table tbody td{padding:12px 10px;text-align:center;font-size:var(--small_body)!important;color:var(--accent-color);border-bottom:1px solid var(--cultured-color);font-family:var(--font-lato-family);line-height:1.4}.block__ring_size_chart-table tbody tr:last-child td{border-bottom:0}.block__ring_size_chart-table-wrap::-webkit-scrollbar{width:5px}.block__ring_size_chart-table-wrap::-webkit-scrollbar-thumb{background:#d0b0b0;border-radius:20px}@media screen and (max-width:1200px){.block__ring_size_chart-right{padding:22px 22px 0}.block__ring_size_chart-left{padding:22px}.block__ring_size_chart-right:after{left:24px;right:24px}.block__ring_size_chart-close{top:22px;right:22px}}@media screen and (max-width:990px){.block__ring_size_chart-inner{flex-direction:column-reverse;justify-content:flex-end}.block__ring_size_chart-inner-wrap{overflow-y:auto;height:100%}.block__ring_size_chart-inner-wrap::-webkit-scrollbar{display:none}.block__ring_size_chart-table-wrap{max-height:420px}.block__ring_size_chart-left,.block__ring_size_chart-right{width:100%;max-width:100%;height:100%;max-height:100%;overflow:visible}}@media screen and (max-width:749px){.block__ring_size_chart-modal{height:82dvh;margin:0 1.6rem;border-radius:16px}.block__ring_size_chart-right{padding:12px 16px}.block__ring_size_chart-right:after{left:18px;right:18px}.block__ring_size_chart-left{padding:16px}.block__ring_size_chart-right-title{font-size:24px}.block__ring_size_chart-table-wrap{max-height:320px}.block__ring_size_chart-title{font-size:calc(var(--medium_body) + 2px);padding-bottom:.8rem;margin-bottom:1.2rem}.block__ring_size_chart-right-title{font-size:calc(var(--small_body) + 2px);line-height:.8}.block__ring_size_chart-right-subtitle{margin-bottom:1.6rem}.block__ring_size_chart-table thead th{font-size:var(--small_body);line-height:1.1}.block__ring_size_chart-table tbody td{padding:11px 4px!important}.block__ring_size_chart-content .block__ring_size_chart-content-title{font-size:calc(var(--body) - 2px);margin:4px 0 16px}.block__ring_size_chart-step{margin-bottom:8px;gap:8px}.block__ring_size_chart-step .block__ring_step_title{font-size:calc(var(--body) - 2px)}.block__ring_size_chart-step .block__ring_step_desc{font-size:var(--small_body)}.block__ring_size_chart-close{top:12px;right:12px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/product-size-guide-pop-up.css.map */