.GuitarGrid{display:grid;gap:32px;grid-template-columns:1fr}@media (min-width: 768px){.GuitarGrid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media (min-width: 992px){.GuitarGrid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.GuitarSVG{flex-shrink:0}.GuitarCard.CardLink>.Link{display:flex;flex-direction:row;gap:16px}.GuitarCard.CardLink .ContentContainer{display:flex;flex-direction:column;gap:26px}.GuitarCard.CardLink .ContentContainer h2{padding-right:32px}.GuitarCard.CardLink .CardLink_Actions{position:absolute;top:8px;right:8px}.GuitarCard.CardLink .CardLink_Actions .Link{color:var(--color-text-secondary)}.GuitarCard.CardLink .CardLink_Actions .Link:hover{color:var(--color-text-primary);background-color:var(--color-background-secondary)}.GuitarForm{display:flex;align-items:center;gap:64px}.GuitarForm .GuitarSVG{display:none}@media (min-width: 425px){.GuitarForm .GuitarSVG{display:initial;width:150px}}@media (min-width: 768px){.GuitarForm .GuitarSVG{width:unset}}.StringTensionCalculator{display:flex;flex-direction:column;gap:16px}.StringTensionCalculator .StringRow:nth-child(2n){background-color:var(--color-background-secondary)}.StringTensionCalculator table{border-collapse:collapse;min-width:max-content;width:100%}.StringTensionCalculator table .Select{width:100px}.StringTensionCalculator th,.StringTensionCalculator td{padding:8px}.StringTensionCalculator th{text-align:left}.StringTensionCalculator td:nth-child(1),.StringTensionCalculator th:nth-child(1){padding:0 16px}.Container{display:flex;gap:16px;flex-direction:column}.Container .GuitarSVG{display:none}.Container .Sections{display:flex;flex-direction:column;gap:32px}@media (min-width: 992px){.Container{flex-direction:row}.Container .GuitarSVG{display:block}.Container .Sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:32px;width:100%}.Container .GuitarDescription{padding:16px;width:200px}}*,*:before,*:after{box-sizing:border-box}html{font-family:Noto Sans,sans-serif;height:100%}body{margin:0;height:100%}#root{min-height:100%;display:flex;flex-direction:column}button,input,select,textarea,optgroup,option{font-family:inherit}header{padding:4px;background-color:var(--color-background-primary);filter:var(--elevation-low);will-change:filter;z-index:1;position:sticky;top:0}header nav{display:flex;gap:16px}main{flex:1;background-color:#fdfdfd}footer{padding:8px 16px;background-color:var(--color-background-primary);filter:var(--elevation-low);font-size:var(--fontSize-small);display:flex;justify-content:space-between;gap:16px}form{display:flex;flex-direction:column;gap:16px}h1,h2,h3,h4,h5,h6{margin:0}p{margin-top:8px;margin-bottom:8px}dt,dd{margin:0}dl{margin:0;display:flex;flex-direction:column;gap:8px}pre{overflow:auto}input[aria-invalid=true]{border:2px solid red}.MainNav{height:40px;display:flex;gap:16px;align-items:center;padding-left:8px}.MainNav a{color:var(--color-text-primary);text-decoration:none}.MainNav a:hover{text-decoration:underline}.MenuContainer{position:relative;display:flex;flex-direction:column}.MenuContainer .Menu{padding:8px;background-color:var(--color-background-primary);position:absolute;top:100%;right:-4px;display:flex;flex-direction:column;gap:8px;border-radius:var(--borderRadius-small)}.MenuContainer .Menu .Link{display:inline-flex;gap:8px;align-items:center;text-decoration:none!important;border-bottom:1px solid transparent}.MenuContainer .Menu .Link:hover{border-bottom:1px solid var(--color-text-primary)}.tsqd-open-btn-container{bottom:46px!important}:root{--transitionDuration-long: .5s;--transitionDuration-medium: .3s;--transitionDuration-short: .2s;--transitionDuration-instant: .1s;--breakpointUpValue-desktopLarge: 1200;--breakpointUpValue-desktop: 992;--breakpointUpValue-tablet: 768;--breakpointUpValue-mobileLandscape: 576;--fontWeight-normal: 400;--fontWeight-bold: 700;--fontSize-extraLarge: 36px;--fontSize-large: 20px;--fontSize-medium: 16px;--fontSize-small: 12px;--elevation-high: drop-shadow(0px 5px 4px rgba(79, 79, 79, .5));--elevation-medium: drop-shadow(0px 2px 2px rgba(79, 79, 79, .5));--elevation-low: drop-shadow(0px 0px 1px rgba(79, 79, 79, .5));--borderRadius-large: 16px;--borderRadius-medium: 8px;--borderRadius-small: 4px;--categoryColor-yellow-background: #fcfbf1;--categoryColor-yellow-foreground: #ece071;--categoryColor-yellow-stroke: #423c07;--categoryColor-yellow-text: #423c07;--categoryColor-yellow-chart: #f0dd2c;--categoryColor-orange-background: #fef9f2;--categoryColor-orange-foreground: #e1aa58;--categoryColor-orange-stroke: #3e290a;--categoryColor-orange-text: #3e290a;--categoryColor-orange-chart: #e09018;--categoryColor-red-background: #fff8f8;--categoryColor-red-foreground: #d05d5d;--categoryColor-red-stroke: #340808;--categoryColor-red-text: #340808;--categoryColor-red-chart: #dc2828;--categoryColor-magenta-background: #fcf4f8;--categoryColor-magenta-foreground: #cc639c;--categoryColor-magenta-stroke: #3c0623;--categoryColor-magenta-text: #3c0623;--categoryColor-magenta-chart: #c52c7e;--categoryColor-purple-background: #f9f3fd;--categoryColor-purple-foreground: #a571cb;--categoryColor-purple-stroke: #270d3c;--categoryColor-purple-text: #270d3c;--categoryColor-purple-chart: #934bcc;--categoryColor-blue-background: #f2f6fb;--categoryColor-blue-foreground: #6391dc;--categoryColor-blue-stroke: #122543;--categoryColor-blue-text: #122543;--categoryColor-blue-chart: #4988ef;--categoryColor-teal-background: #edf7f8;--categoryColor-teal-foreground: #75cacf;--categoryColor-teal-stroke: #173133;--categoryColor-teal-text: #173133;--categoryColor-teal-chart: #44bac1;--categoryColor-olive-background: #edf1e5;--categoryColor-olive-foreground: #85c97d;--categoryColor-olive-stroke: #1a3417;--categoryColor-olive-text: #1a3417;--categoryColor-olive-chart: #5fb854;--color-background-warning: #fef9f2;--color-background-success: #e7f5e6;--color-background-error: #ffe6e0;--color-background-disabled: #f1f1f1;--color-background-secondary: #eeeeee;--color-background-tertiary: #fafafa;--color-background-primaryInverted: #000000;--color-background-primary: #ffffff;--color-text-warning: #e09018;--color-text-success: #399d2b;--color-text-error: #ff0611;--color-text-disabled: #909090;--color-text-tertiary: #d3d3d3;--color-text-secondaryInverted: #909090;--color-text-secondary: #737373;--color-text-primaryInverted: #ffffff;--color-text-primary: #000000}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.LoadingSpinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Button{border:none;cursor:pointer;width:fit-content;height:fit-content;line-height:1.2;display:inline-flex;gap:8px;align-items:center;justify-content:space-between;position:relative;padding:8px 16px;border-radius:var(--borderRadius-small);font-size:var(--fontSize-large);font-weight:var(--fontWeight-normal);color:var(--color-text-primary);background-color:var(--color-background-primary)}.Button:hover:not(:disabled){background-color:var(--color-background-secondary)}.Button:disabled{cursor:not-allowed;background-color:var(--color-background-disabled);color:var(--color-text-disabled)}.Button.elevated{will-change:filter;filter:var(--elevation-medium)}.Button.elevated:active:not(:disabled){filter:var(--elevation-low)}.Button:not(.elevated,.IconButton){border:1px solid var(--color-text-tertiary)}.Button.loading{cursor:wait}.Button.loading>:not(.LoadingSpinner){animation:fadeIn .7s ease-out reverse forwards}.Button.hasPrefix{padding-left:14px}.Button.looksLikeLink{width:unset;justify-content:unset;font-size:var(--fontSize-medium);padding:0;background-color:transparent;border:none;border-bottom:1px solid transparent;border-radius:0}.Button.looksLikeLink:hover:not(:disabled){background-color:transparent;border-bottom:1px solid var(--color-text-primary)}.ButtonGroup{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}.Card{padding:16px;border-radius:8px;background-color:var(--color-background-primary);filter:var(--elevation-low)}.Card.withGap{display:flex;flex-direction:column;gap:16px}.IconButton{border-radius:50%;padding:4px}.Link{color:var(--color-text-primary)}.Link.Button{text-decoration:none;display:inline-flex}.Link.IconButton{display:inline-flex;text-decoration:none}.Link.noWrap{text-wrap:nowrap}.CardLink{position:relative}.CardLink>.Link{display:block;cursor:pointer;text-decoration:none;padding:16px;border-radius:8px;background-color:var(--color-background-primary);filter:var(--elevation-medium)}.CardLink>.Link:hover{background-color:var(--color-background-secondary)}.CardLink>.Link:active{filter:var(--elevation-low)}.ClickToCopy{width:max-content;cursor:pointer;border:0;padding:0;margin:0;background-color:transparent;color:var(--color-text-primary);font-size:inherit;font-weight:inherit}.ClickToCopy:hover{text-decoration:underline}.DescriptionListItem{display:flex;flex-wrap:wrap;column-gap:8px}.DescriptionListItem dt{font-weight:var(--fontWeight-bold)}.FormGroup{display:flex;flex-direction:column;gap:4px}.FormControl{cursor:pointer}.FormControl.fitContent{max-width:fit-content}.FormControl.inputFirst{flex-direction:row;gap:8px}.FormControl.loading{cursor:wait}.LabelText{font-weight:var(--fontWeight-bold);display:inline-flex;align-items:center;gap:8px}.LabelText .Optional{font-size:var(--fontSize-small);font-weight:var(--fontWeight-normal)}.Inline{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.Icon{-webkit-user-select:none;user-select:none;vertical-align:top}.Icon.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.Icon.material-symbols-rounded.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.InputColor{cursor:pointer;width:100%;height:40px;border:1px solid var(--color-text-tertiary);border-radius:var(--borderRadius-small);padding:4px;background-color:var(--color-background-primary)}.InputColor::-webkit-color-swatch-wrapper{padding:0;border:0}.InputNumber,.InputText{background-color:var(--color-background-primary);color:var(--color-text-primary);font-size:var(--fontSize-medium);border:1px solid var(--color-text-tertiary);border-radius:var(--borderRadius-small);padding:8px}.LoadingSpinner>.loading{animation:spin 1s linear infinite,fadeIn .7s ease-in forwards}.ModalOverlay{background-color:#00000080;height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ModalOverlay .PositioningGroup{justify-content:center;align-items:center;display:flex;overflow:hidden;height:100%;width:100%}.Modal{position:relative;background-color:var(--color-background-primary);border-radius:var(--borderRadius-medium);width:320px}@media (min-width: 768px){.Modal{width:600px}}.Modal #modal-title{padding:16px}.Modal .CloseButton{position:absolute;top:0;right:0;border:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:transparent}.Modal .Content{display:flex;flex-direction:column;gap:32px;overflow-y:auto;max-height:80vh;padding:16px}.Page{padding:16px;min-height:100%;width:100%}@media (min-width: 768px){.Page{padding:32px}}@media (min-width: 768px){.Page:not(.fullWidth){width:760px;margin:0 auto}}.Page.centered{width:fit-content;margin:0 auto}.RadioButtons{display:flex;flex-wrap:wrap;gap:16px}.RadioButtons .OptionLabel{cursor:pointer;font-size:var(--fontSize-medium);-webkit-user-select:none;user-select:none}.RadioButtons .OptionLabel input{pointer-events:none;position:absolute;opacity:0}.RadioButtons .Button{border-radius:32px;padding:8px 14px 8px 10px}.RadioButtons .Button:has(input:focus-visible){outline:auto}.Select{position:relative}.Select select{background-color:var(--color-background-primary);color:var(--color-text-primary);font-size:var(--fontSize-medium);cursor:pointer;border:1px solid var(--color-text-tertiary);border-radius:var(--borderRadius-small);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 23px 8px 8px;width:100%}.Select select:has(option:checked[data-placeholder]){color:var(--color-text-secondary)}.Select .Caret{position:absolute;font-size:var(--fontSize-large);right:6px;transform:translateY(-50%);top:45%;pointer-events:none}.Select option{cursor:pointer}@keyframes skeleton-shimmer{0%{background-position-x:-200px}to{background-position-x:200px}}.Switch{cursor:pointer;appearance:none;position:relative;display:inline-block;background:var(--color-text-tertiary);height:26px;min-width:44px;vertical-align:middle;border-radius:64px;box-shadow:0 1px 3px #0004 inset;margin:0}.Switch:before{content:"";display:block;width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0004;transform:translate(0)}.Switch:checked{background:#59b268}.Switch:checked:before{transform:translate(16px)}.Switch.loading{cursor:wait;background:var(--color-text-tertiary);background-image:linear-gradient(90deg,transparent,var(--color-background-secondary),transparent);background-size:400px 100%;animation:skeleton-shimmer 1.5s linear infinite;box-shadow:none}.Switch.loading:before{display:none}