@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";.iconButton{aspect-ratio:1 / 1;width:2.25rem;height:2.25rem;padding:4px;background-origin:content-box;background-position:center;background-size:contain;background-repeat:no-repeat;border:0;background-color:transparent}.iconButton:hover{transform:scale(1.1)}.iconButton:active{transform:scale(95%)}.hoverMessageWrapper{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.hoverMessage{position:absolute;align-self:center;width:max-content;background-color:var(--color-surface-container-high);color:#fff;opacity:0;padding:10px;border-radius:10px;-webkit-user-select:none;user-select:none;transition:all .3s ease-in-out;box-shadow:0 5px 10px #00000080}.hoverMessageWrapper:active .hoverMessage{opacity:1;box-shadow:0 5px 10px #00000059}.modalDialog{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#000000a6;visibility:hidden;opacity:0;z-index:var(--z-index-dismiss);transition:opacity .3s ease-in-out,bottom .3s ease-in-out,visibility .3s ease-in-out,z-index .3s ease-in-out}.modalDialog.visible{visibility:visible;opacity:1;z-index:var(--z-index-modal)}.modalDialogBox{margin:10%;padding:20px;background-color:var(--color-surface-container);border:1px solid var(--color-on-surface-alpha-muted);box-shadow:0 10px 40px #000000bf;border-radius:20px;display:flex;flex-direction:column;gap:1rem}.modalDialogTitle{text-align:center;-webkit-user-select:none;user-select:none}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 8px;-webkit-user-select:none;user-select:none}.toolbarTitle{font-size:12pt}@media(hover:hover){.hoverMessageWrapper:hover .hoverMessage{opacity:.85}}@media(hover:none){.hoverMessage{display:none}}@container (max-width: 550px){.iconButton{width:2rem;height:2rem}.modalDialogBox{width:max-content;margin:10% 10px;padding:20px 10px;border-radius:var(--dimen-radius-medium-big)}}@container (min-width: 800px){.iconButton{width:2.5rem;height:2.5rem}.toolbarTitle,.modalDialogTitle{font-size:14pt}}.resistorGoApp{height:100%;width:100%;overflow:hidden;background-color:var(--color-surface-container);display:flex;flex-direction:column;position:relative}.resistorGoApp>.colorsKeypad,.resistorGoApp>.resistorViewer{flex:1}.snackbarMessage{position:absolute;left:50%;transform:translate(-50%);background-color:var(--color-surface-container-highest);border:1px solid var(--color-on-surface-alpha-muted);color:var(--color-on-surface);padding:15px 20px;border-radius:var(--dimen-radius-normal);font-size:11pt;box-shadow:0 5px 10px #00000073;-webkit-user-select:none;user-select:none;z-index:var(--z-index-dismiss);bottom:-50px;opacity:0;visibility:hidden;transition:opacity .3s var(--timing-bounce),bottom .3s var(--timing-bounce),visibility .3s var(--timing-bounce),z-index .3s var(--timing-bounce)}.snackbarMessage.visible{opacity:1;visibility:visible;bottom:15px;z-index:var(--z-index-snackbar)}@container (max-width: 550px){.snackbarMessage{width:90%;left:5%;transform:none}}@container (min-width: 800px){@media(orientation:portrait){.snackbarMessage{font-size:13pt}.snackbarMessage.visible{bottom:40px}}}.settingOptions{display:flex;flex-direction:column;gap:.5rem}.settingOption{display:flex;gap:1rem;padding:10px 20px;border-radius:10px;transition:all .1s ease;align-items:center;-webkit-user-select:none;user-select:none}.settingOptionTitle{font-size:12pt}.settingOptionSubtitle{font-size:11pt;color:var(--color-on-surface-minimized)}.settingOption:active{background-color:#ffffff26}input[type=checkbox]{appearance:none;width:24px;height:24px;aspect-ratio:1 / 1;border-radius:var(--dimen-radius-medium);position:relative;background:var(--color-surface-container-high);border:1px solid var(--color-on-surface-alpha-muted);display:flex;align-items:center;justify-content:center}input[type=checkbox]:after{content:" ";position:absolute;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain;background-origin:content-box;background-image:url(/images/icon-check.svg);opacity:.75;visibility:hidden}input[type=checkbox]:checked:after{visibility:visible}@media(hover:hover){.settingOption:hover{background-color:#ffffff40}.settingOption:hover>input[type=checkbox],input[type=checkbox]:hover{background:var(--color-surface-container-highest);border:1px solid var(--color-on-surface-muted)}}@container (max-width: 600px){.settingOption{padding:10px;gap:20px}}@container (max-width: 550px){.settingOptions{gap:.25rem}.settingOptionTitle{font-size:11pt}.settingOptionSubtitle{font-size:10pt}}@container (min-width: 800px){@media(orientation:portrait){input[type=checkbox]{width:32px;height:32px;border-radius:var(--dimen-radius-normal)}.settingOption{padding:10px 20px}.settingOptionStart{display:flex;flex-direction:column;gap:5px}.settingOptionTitle{font-size:14pt}.settingOptionSubtitle{font-size:12pt}}}.resistorViewer{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scrollbar-width:thin;align-items:stretch;min-height:0}.resistorViewer>*:first-child{margin-top:auto}.resistorImageWrapper{margin-top:1rem;margin-bottom:2rem;margin-left:6%;margin-right:6%}.resistorValueSummary{padding:10px 20px;align-self:center;margin-bottom:1rem;border-radius:var(--dimen-radius-normal);-webkit-user-select:none;user-select:none;font-size:16pt}.resistorValueIndicator{display:flex;flex-direction:column;gap:10px;justify-content:center;align-self:center;align-items:stretch;padding:1rem 12%}.resistorIndicatorRow{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;padding:10px 20px;border-radius:var(--dimen-radius-normal);transition:all .1s ease;-webkit-user-select:none;user-select:none}.resistorIndicatorRow:active,.resistorValueSummary:active{background-color:#ffffff26}.resistorIndicatorRow>*:first-child{flex:1}.resistorIndicatorRow>*{flex-shrink:0;white-space:nowrap;text-overflow:ellipsis}@media(hover:hover){.resistorIndicatorRow:hover,.resistorValueSummary:hover{background-color:#ffffff40}}@container (max-width: 550px){.resistorIndicatorRow{font-size:11pt}.resistorValueSummary{font-size:14pt}}@container (min-width: 600px){.resistorValueIndicator{padding-right:20%;padding-left:20%}.resistorImageWrapper{margin-right:20%;margin-left:20%}}@container (min-width: 800px){@media(orientation:portrait){.resistorImageWrapper{margin-bottom:3rem}.resistorImageWrapper{margin-top:2rem}.resistorIndicatorRow{padding:15px 30px;border-radius:var(--dimen-radius-medium-big);font-size:14pt}.resistorValueSummary{font-size:18pt;padding:15px 30px;border-radius:var(--dimen-radius-medium-big);margin-bottom:1rem}}@media(orientation:landscape){.resistorImageWrapper{margin-right:25%;margin-left:25%}}.resistorValueIndicator{padding-right:10%;padding-left:10%}}.resistorImage{display:flex;position:relative;align-items:center;justify-content:center;aspect-ratio:4 / 1}.resistorImageLayer{position:absolute;width:100%;height:100%}.colorsKeypad{display:flex;flex-direction:column;background-color:var(--color-surface-container-high)}.inputBadges{display:grid;align-items:center;gap:5px;padding:10px 0;grid-template-columns:1fr 5fr 1fr;border-bottom:1px solid var(--color-on-surface-alpha-muted);border-top:1px solid var(--color-on-surface-alpha-muted)}.colorKeys{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:20px}.colorKey{width:100%;height:100%;min-height:50px;border:1px solid var(--color-on-surface-alpha-muted);border-radius:var(--dimen-radius-normal);transition:all ease-in-out .1s;position:relative;overflow:hidden;font-weight:600;text-align:center}.colorKey:after{content:" ";position:absolute;width:100%;height:100%;top:0;left:0;transition:all ease 50ms}.colorKey:active:not(:disabled){transform:scale(.9);border-radius:var(--dimen-radius-big)}.colorKey:disabled{opacity:.05;cursor:auto}.colorBadgesWrapper{display:flex;align-items:center;justify-content:center;overflow:hidden}.colorBadges{display:flex;align-items:center;gap:5px;padding:0 10px;overflow-x:auto;scrollbar-width:none;scrollbar-track-color:transparent;scroll-behavior:smooth;font-size:11pt}.colorBadge{border:1px solid var(--color-on-surface-alpha-muted);border-radius:var(--dimen-radius-small);width:max-content;padding:5px 10px;white-space:nowrap;animation:scale-in-animation .1s ease;-webkit-user-select:none;user-select:none}@media(hover:hover){.colorKey:hover:not(:disabled):after{background-color:#ffffff26}.colorKey:hover:not(:disabled){border:1px solid rgba(255,255,255,.5)}}@keyframes scale-in-animation{0%{transform:scale(0%)}to{transform:scale(1)}}@container (min-width: 600px){.colorKeys{padding-left:10%;padding-right:10%}}@container (min-width: 800px){@media(orientation:portrait){.colorKeys{padding-left:10%;padding-right:10%}.colorKey{font-size:14pt}.colorBadge{font-size:14pt;padding:5px 20px;border-radius:var(--dimen-radius-normal)}.inputBadges{padding:20px 0}}@media(orientation:landscape){.colorKeys{padding:10px 20%}}}@container (max-width: 550px){.colorKeys{padding:10px;gap:2.5px}.colorKey{border-radius:var(--dimen-radius-medium)}.colorKey:active:not(:disabled){border-radius:var(--dimen-radius-normal)}.colorBadges{gap:2.5px}}.resistorDetailsTable{display:flex;flex-direction:column;gap:5px;align-items:stretch}.resistorDetailsRow{display:grid;grid-template-columns:1fr 1fr 2fr 1fr;vertical-align:middle;text-align:center;font-size:11pt;background-color:var(--color-surface-container-high);border:1px solid var(--color-on-surface-alpha-muted);padding:0 10px;border-radius:var(--dimen-radius-normal)}.resistorDetailsCell{max-width:25vw;padding:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resistorDetailsCell.color{display:flex;align-self:center;justify-content:center;border-radius:var(--dimen-radius-normal);border:1px solid var(--color-on-surface-alpha-muted);padding:10px}.resistorDetailsHeader{background-color:var(--color-surface-container-highest)}@container (max-width: 550px){.resistorDetailsCell{font-size:9pt;max-width:none;padding:10px 5px;overflow:visible;white-space:normal;word-break:break-word;display:flex;align-items:center;justify-content:center}.resistorDetailsRow{padding:5px;border-radius:var(--dimen-radius-normal);grid-template-columns:1fr 2fr 3fr 2fr}.resistorDetailsCell.color{padding:5px 20px;margin:0 auto}.resistorDetailsCell.band{text-indent:-9999px;white-space:nowrap;overflow:hidden}.resistorDetailsCell.band:after{text-indent:0px!important;width:100%;height:100%;content:"#";color:var(--color-on-surface)}}@container (min-width: 600px){.resistorDetailsCell{padding:15px}}.aboutDialogContent{padding:10px 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.appLogo{width:100%;height:15vh}.appCopyright{-webkit-user-select:none;user-select:none;text-align:center}.appLinks{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:10px;-webkit-user-select:none;user-select:none;text-align:center}@container (max-width: 550px){.aboutDialogContent{padding:15px 50px;gap:20px}.appLogo{height:12.5vh}}*{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-style:normal;box-sizing:border-box;margin:0;padding:0}:root{--color-surface: #212121;--color-primary: #1f80ff;--color-primary-light: #0055d4;--color-on-surface: #eeeeee;--color-on-surface-solid-muted: #aaaaaa;--color-on-surface-alpha-muted: #aaaaaa66;--color-on-surface-muted: var(--color-on-surface-solid-muted);--color-on-surface-minimized: #cacaca;--color-surface-container: #333333;--color-surface-container-high: #444444;--color-surface-container-highest: #555555;--dimen-radius-small: 5px;--dimen-radius-medium: 7.5px;--dimen-radius-normal: 10px;--dimen-radius-medium-big: 15px;--dimen-radius-big: 30px;--z-index-dismiss: -1;--z-index-modal: 1000;--z-index-snackbar: 1001;--timing-bounce: cubic-bezier(.47, 1.64, .41, .8);--max-width: 900px;--max-height: 1300px}body{width:100dvw;height:100dvh;background-color:var(--color-surface);color:var(--color-on-surface);display:flex;flex-direction:column;align-items:center;justify-content:center}#root{width:100%;height:100%;max-width:var(--max-width);max-height:var(--max-height);display:flex;flex-direction:column;container-type:inline-size}.background-image{background-size:contain;background-position:center;background-repeat:no-repeat}main{height:100%;display:flex}@media(min-width:900px)and (min-height:1300px){#root{overflow:hidden;border-radius:var(--dimen-radius-medium-big)}}