body.switch-comparison-open{overflow:hidden}.switch-comparison-modal{height:100dvh;padding:16px}.switch-comparison-dialog{display:flex;flex-direction:column;width:min(850px,100%);max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border:1px solid rgb(var(--gray-600));border-radius:16px;background:rgb(var(--gray-800));box-shadow:0 24px 80px #00000080;color:rgb(var(--gray-100));text-align:left}.switch-comparison-header{position:relative;z-index:2;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:24px;padding:12px 14px 12px 20px;border-bottom:1px solid rgb(var(--gray-600));background:rgb(var(--gray-800))}.switch-comparison-header h2{margin:0;color:rgb(var(--gray-25));font-size:28px;line-height:1.15}.switch-comparison-header .close-comparative-modal{position:relative;display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;color:rgb(var(--gray-25));cursor:pointer;font:inherit}.switch-comparison-header .close-comparative-modal:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgb(var(--gray-400));border-radius:50%;background:rgb(var(--gray-700))}.switch-comparison-header .close-comparative-modal svg{position:relative;display:block}.switch-comparison-header .close-comparative-modal:hover:before{border-color:rgb(var(--purple-200))}.switch-comparison-header .close-comparative-modal:focus-visible{outline:2px solid rgb(var(--purple-200));outline-offset:-4px;border-radius:50%}.switch-comparison-content{min-height:0;padding:2px 20px 16px;overflow-y:auto;overscroll-behavior:contain}.switch-comparison-table{width:100%;border-collapse:separate;border-spacing:0 2px;color:rgb(var(--gray-100));font-size:14px}.switch-comparison-table th,.switch-comparison-table td{padding:5px 12px;text-align:left}.switch-comparison-table thead th{color:rgb(var(--gray-200));font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.switch-comparison-table thead small{display:block;margin-top:2px;color:rgb(var(--gray-300));font-size:10px;font-weight:400;letter-spacing:0;line-height:1.15;text-transform:none}.switch-comparison-table tbody tr:not(.switch-type-heading)>*{background:rgba(var(--gray-700),.72)}.switch-comparison-table tbody tr:not(.switch-type-heading)>:first-child{border-radius:8px 0 0 8px;color:rgb(var(--gray-25))}.switch-comparison-table tbody tr:not(.switch-type-heading)>:last-child{border-radius:0 8px 8px 0}.switch-comparison-model{display:inline-flex;align-items:center;gap:10px}.switch-comparison-model img{display:block;flex:0 0 32px;width:32px;height:32px;object-fit:contain}.switch-comparison-model img.switch-comparison-model__image--padded{transform:scale(1.22)}.switch-type-heading th{padding-top:10px;padding-bottom:3px}.switch-comparison-table tbody:first-of-type .switch-type-heading th{padding-top:3px}.switch-type-heading strong{display:inline-block;margin:0;font-size:14px}.switch-type-heading.tactile strong{color:#ffb252}.switch-type-heading.linear strong{color:#ff69b9}.switch-type-heading.clicky strong{color:#8b91ff}@media screen and (max-width:749px){.switch-comparison-modal{align-items:flex-end;padding:0}.switch-comparison-dialog{width:100%;max-width:none;max-height:100dvh;border-width:1px 0 0;border-radius:16px 16px 0 0}.switch-comparison-header{padding:10px 10px 10px 16px}.switch-comparison-header h2{font-size:24px}.switch-comparison-content{padding:2px 12px 12px}.switch-comparison-table,.switch-comparison-table tbody,.switch-comparison-table tr,.switch-comparison-table th,.switch-comparison-table td{display:block;width:100%}.switch-comparison-table{border-spacing:0}.switch-comparison-table thead{display:none}.switch-comparison-table tbody tr:not(.switch-type-heading){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;margin-bottom:6px;padding:8px 12px;border-radius:10px;background:rgba(var(--gray-700),.72)}.switch-comparison-table tbody tr:not(.switch-type-heading)>*{padding:0;border-radius:0;background:transparent}.switch-comparison-table tbody tr:not(.switch-type-heading)>th{grid-column:1 / -1;margin-bottom:2px;font-size:14px}.switch-comparison-table td{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;gap:20px;text-align:right}.switch-comparison-table td:before{content:attr(data-label);color:rgb(var(--gray-300));text-align:left}.switch-type-heading th,.switch-comparison-table tbody:first-of-type .switch-type-heading th{padding:12px 4px 6px}.switch-type-heading strong{display:block;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-keyboard-switch-comparison.css.map */