.size-chart-container{margin:10px 0;display:block;width:100%;text-align:left}.size-chart-button{background:transparent;border:none;color:#000;cursor:pointer;font-size:14px;padding:0;text-decoration:underline;font-weight:500}.size-chart-button:hover,.size-chart-button:focus,.size-chart-button:active{background:transparent;border:none;color:#000;opacity:1;outline:none;text-decoration:underline}.size-chart-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;z-index:9999;overflow:auto}.size-chart-content{background-color:#fff;margin:5% auto;padding:30px;width:90%;max-width:1000px;position:relative;box-shadow:0 4px 20px #0000000d}.close-button{color:#888;position:absolute;top:20px;right:20px;font-size:28px;font-weight:400;cursor:pointer}.close-button:hover{color:#000}.chart-controls{display:flex;justify-content:flex-end;align-items:center;margin-bottom:30px}.unit-toggle{display:flex;align-items:center}.unit-toggle label{display:inline-block;position:relative;cursor:pointer}.unit-toggle-label{display:inline-flex;align-items:center;justify-content:space-between;border:1px solid #f0f0f0;border-radius:30px;padding:0;width:140px;height:40px;position:relative;background:#f5f5f5;overflow:hidden}.unit-in,.unit-cm{padding:10px 25px;font-size:16px;font-weight:500;text-align:center;transition:all .2s ease;z-index:1;flex:1}.unit-in{color:#000}.unit-cm{color:#666}#unit-toggle-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}#unit-toggle-checkbox:checked+.unit-toggle-label .unit-cm{color:#000}#unit-toggle-checkbox:checked+.unit-toggle-label .unit-in{color:#666}#unit-toggle-checkbox+.unit-toggle-label:after{content:"";position:absolute;left:0;top:0;height:100%;width:50%;background:#fff;border-radius:30px;transition:all .3s ease;z-index:0}#unit-toggle-checkbox:checked+.unit-toggle-label:after{left:50%}.size-chart-table{width:100%;border-collapse:collapse;margin:0;background:#fff;overflow:hidden}.size-chart-table thead th{background-color:#000;color:#fff;padding:12px;text-align:center;font-weight:500;font-size:15px}.size-chart-table th:first-child,.size-chart-table td:first-child{text-align:left;padding-left:20px;font-weight:500}.size-chart-table tbody tr{background-color:#fff}.size-chart-table td{padding:15px 12px;text-align:center;border-bottom:1px solid #f0f0f0;font-size:14px}.size-chart-table tr:hover td{background-color:#f9f9f9}.size-chart-table tr:hover td:hover{background-color:#f5f5f5}.chart-content{display:none}.chart-content.active{display:block}.measurement-diagram{margin:20px 0;text-align:center}.glasses-diagram img{max-width:100%;height:auto;max-height:200px}.measurement-guide{background-color:#f9f9f9;padding:20px;margin-top:20px;border-radius:4px}.measurement-guide h3{margin-bottom:15px;font-size:16px;font-weight:600}.measurement-guide p{margin-bottom:10px;font-size:14px;line-height:1.5}.measurement-guide strong{font-weight:600}.os-indicator{font-size:16px;text-align:center;padding:20px;background:#f9f9f9;border-radius:4px;margin:20px 0}.os-indicator p{margin-bottom:5px}.os-details{margin-top:15px;font-size:14px}@media only screen and (max-width: 767px){.size-chart-content{width:95%;margin:5% auto;padding:15px 10px;overflow-x:hidden}h2{font-size:20px;margin-bottom:15px;padding-right:30px}.close-button{top:12px;right:12px}.chart-controls{margin-bottom:20px}.unit-toggle-label{width:100px;height:32px}.unit-in,.unit-cm{padding:6px 10px;font-size:14px}.size-chart-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;font-size:12px}.size-chart-table thead th{padding:8px 6px;font-size:12px;min-width:40px}.size-chart-table td{padding:8px 6px;font-size:12px}.size-chart-table th:first-child,.size-chart-table td:first-child{position:sticky;left:0;background-color:#fff;z-index:1;box-shadow:2px 0 5px #0000000d;min-width:120px}.size-chart-table thead th:first-child{background-color:#000}.size-chart-table thead th{position:sticky;top:0;z-index:2}.measurement-guide{padding:15px}.measurement-guide h3{font-size:14px;margin-bottom:10px}.measurement-guide p{font-size:12px;margin-bottom:8px}}@media only screen and (max-width: 374px){.size-chart-content{padding:10px 5px}.unit-toggle-label{width:90px;height:30px}.unit-in,.unit-cm{padding:6px 8px;font-size:13px}.size-chart-table th:first-child,.size-chart-table td:first-child{min-width:100px;padding-left:10px}.measurement-guide{padding:12px 10px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/size-chart.css.map */