.demo-trigger{background:var(--emerald);border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:14px 28px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0f223000;pointer-events:none;transition:background .3s ease}.overlay.open{background:#0f22308c;pointer-events:all}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:1301;width:100%;max-width:420px;background:var(--bg);transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-title{font-family:Clash Grotesk,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.015em;color:var(--deep)}.drawer-close{width:32px;height:32px;background:none;border:1.5px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:16px;transition:border-color .15s,color .15s;flex-shrink:0}.drawer-close:hover{border-color:var(--deep);color:var(--deep)}.drawer-body{flex:1;overflow-y:auto;padding:0;-webkit-overflow-scrolling:touch}.diagram-section{background:var(--bg-ink);padding:28px 24px}.diag-label{font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffff4d;margin-bottom:18px;display:block}.diag-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.hand-svg-wrap{display:flex;align-items:center;justify-content:center}.hand-svg-wrap svg{width:100%;max-width:160px;height:auto}.diag-callouts{display:flex;flex-direction:column;gap:16px}.dc-name{font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;display:flex;align-items:center;gap:6px}.dc-dot{width:8px;height:8px;flex-shrink:0}.dc-dot.length{background:var(--sage)}.dc-dot.circ{background:var(--emerald)}.dc-name.length{color:var(--sage)}.dc-name.circ{color:var(--emerald)}.dc-desc{font-size:12px;color:#fff6;line-height:1.55}.table-section{padding:24px}.table-intro{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.table-intro strong{color:var(--body);font-weight:600}.size-table{width:100%;border-collapse:collapse}.size-table thead tr{border-bottom:2px solid var(--border)}.size-table th{font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);padding:8px 10px;text-align:left}.size-table th:not(:first-child){text-align:right}.size-table td{padding:11px 10px;border-bottom:1px solid var(--border);font-size:13px;color:var(--body)}.size-table td:not(:first-child){text-align:right;color:var(--muted)}.size-table tr:last-child td{border-bottom:none}.size-table tr.highlighted td{background:var(--bg-tint)}.size-table tr.highlighted td:first-child{color:var(--deep);font-weight:600}.size-table tr:hover td{background:var(--bg-tint);cursor:default}.size-name{font-weight:600;color:var(--deep)}.size-abbr{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sage);margin-left:4px}.unit-toggle{display:flex;align-items:center;gap:0;background:var(--bg-tint);border:1.5px solid var(--border);margin-bottom:20px;width:fit-content}.unit-btn{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--caption);padding:7px 14px;background:none;border:none;cursor:pointer;transition:color .15s,background .15s}.unit-btn.active{background:var(--deep);color:#fff}.size-tip{margin:20px 24px 24px;border-left:2px solid var(--sage);padding:12px 16px;background:var(--bg-tint)}.size-tip p{font-size:12px;color:var(--muted);line-height:1.65}.size-tip strong{color:var(--body);font-weight:600}.drawer-footer{border-top:1px solid var(--border);padding:16px 24px;flex-shrink:0;background:#fff}.drawer-footer-label{font-size:11px;color:var(--caption);margin-bottom:10px;text-align:center}.btn-shop{display:block;width:100%;background:var(--emerald);border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:14px;text-align:center;text-decoration:none;transition:background .15s}.btn-shop:hover{background:#0b837b}
/*# sourceMappingURL=/cdn/shop/t/109/assets/section-drye-size-guide-drawer.css.map */