.opale-size-chart{border-top:1px solid #C8BFAF;padding-top:24px;margin-top:32px;font-family:DM Sans,system-ui,sans-serif}.opale-size-chart__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:0 0 20px}.opale-size-chart__trigger-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#1e1b18;font-weight:500}.opale-size-chart__trigger-icon{width:20px;height:20px;position:relative;flex-shrink:0}.opale-size-chart__trigger-icon:before,.opale-size-chart__trigger-icon:after{content:"";position:absolute;background:#1e1b18;border-radius:1px;transition:transform .28s ease,opacity .28s ease}.opale-size-chart__trigger-icon:before{width:14px;height:1.5px;top:50%;left:3px;transform:translateY(-50%)}.opale-size-chart__trigger-icon:after{width:1.5px;height:14px;top:3px;left:50%;transform:translate(-50%)}.opale-size-chart[data-open] .opale-size-chart__trigger-icon:after{transform:translate(-50%) rotate(90deg);opacity:0}.opale-size-chart__panel{overflow:hidden}.opale-size-chart__panel[hidden]{display:block!important;max-height:0;opacity:0;transition:max-height .42s cubic-bezier(.4,0,.2,1),opacity .32s ease;pointer-events:none}.opale-size-chart[data-open] .opale-size-chart__panel[hidden]{max-height:0}.opale-size-chart__panel:not([hidden]){max-height:1200px;opacity:1;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .35s ease;pointer-events:auto}.opale-size-chart__unit-toggle{display:inline-flex;border:1px solid #C8BFAF;border-radius:2px;overflow:hidden;margin-bottom:20px}.opale-size-chart__unit-toggle button{font-family:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:none;border:none;padding:7px 18px;cursor:pointer;color:#7a7167;transition:background .18s,color .18s}.opale-size-chart__unit-toggle button.active{background:#1e1b18;color:#fdfcfb}.opale-size-chart__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:4px}.opale-sc-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:16px}.opale-sc-table thead tr{border-bottom:1.5px solid #1E1B18}.opale-sc-table thead th{font-weight:500;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7a7167;padding:0 14px 12px 0;text-align:left;white-space:nowrap}.opale-sc-table thead th:first-child{min-width:48px}.opale-sc-table tbody tr{border-bottom:1px solid #E2DDD6;transition:background .14s}.opale-sc-table tbody tr:last-child{border-bottom:none}.opale-sc-table tbody tr:hover{background:#b59a7a12}.opale-sc-table tbody td{padding:12px 14px 12px 0;color:#1e1b18;font-weight:300;font-size:13px}.opale-sc-table tbody td:first-child{font-family:Cormorant Garamond,Georgia,serif;font-size:16px;font-weight:400;letter-spacing:.04em}.opale-size-chart__set-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#b59a7a;font-weight:500;margin-bottom:12px}.opale-size-chart__diagram{margin-bottom:20px;text-align:center}.opale-size-chart__diagram img{width:100%;max-width:300px;height:auto;display:inline-block}.opale-size-chart__guide{background:#fdfcfb;border:1px solid #E2DDD6;border-radius:3px;padding:18px 20px;margin-bottom:20px;margin-top:8px}.opale-size-chart__guide-title{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#b59a7a;font-weight:500;margin-bottom:12px}.opale-size-chart__guide-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.opale-size-chart__guide-steps li{display:flex;gap:12px;align-items:flex-start;font-size:12.5px;line-height:1.6;color:#4a4540}.opale-step-num{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:15px;color:#b59a7a;flex-shrink:0;line-height:1.3;width:16px}.opale-size-chart__fit-note{font-size:12px;color:#7a7167;line-height:1.65;padding-top:16px;border-top:1px solid #C8BFAF;margin-bottom:28px}.opale-size-chart__fit-note strong{color:#1e1b18;font-weight:500}@media(max-width:480px){.opale-sc-table thead th,.opale-sc-table tbody td{padding-right:10px;font-size:12px}.opale-sc-table tbody td:first-child{font-size:14px}.opale-size-chart__guide{padding:14px 16px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/opale-size-chart.css.map */
