@import url("https://fonts.googleapis.com/css2?family=Questrial&display=swap");:root{--main-font-color:#000;--secondary-font-color:gray;--button-background-color:#fff;--button-hover-background-color:#e0e0e0;--button-valid-color:#c9c9c9;--button-selected-color:#555557;--link-hover-color:#c2002f;--svg-filter-default:invert(34%);--svg-filter-disabled:invert(88%);--svg-filter-selected:invert(100%);--font-size-large:24px;--font-size-mLarge:20px;--font-size-standard:16px;--font-size-medium:14px;--font-bolt:700}h1{font-size:var(--font-size-large);margin-bottom:10px;margin-top:0;font-weight:var(--font-bolt)}html[lang="zh"] h1{font-size:var(--font-size-mLarge)}h2{font-size:var(--font-size-standard);margin-bottom:5px;margin-top:0;font-weight:var(--font-bolt);color:var(--secondary-font-color)}body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:"Questrial",sans-serif;color:var(--main-font-color)}.container{display:flex;height:100vh;overflow:hidden}.left-column{flex:2;overflow:clip;height:100%}.right-column{flex:1;min-width:150px;overflow-y:auto;height:100%;overflow-x:hidden;padding-right:10px;padding-left:10px;display:flex;flex-direction:column}iframe{width:100%;height:100%;border:0}.controls{display:block;flex-direction:column;padding:5px 0}.controls .button:last-child{margin-right:0}.button{min-width:70px;margin-bottom:10px;margin-right:5px;padding:4px;font-size:var(--font-size-standard);cursor:pointer;background-color:var(--button-background-color);color:var(--secondary-font-color);border:1px solid var(--secondary-font-color);border-radius:20px;transition:background-color .3s,color .3s;font-weight:var(--font-bolt);justify-content:center;align-items:center}.button:hover{background-color:var(--button-hover-background-color)}.button.selected{background-color:var(--button-selected-color);color:#fff}.button.disabled{color:var(--button-hover-background-color);border:1px solid var(--button-hover-background-color);cursor:not-allowed}.button.valid{color:var(--button-valid-color);border:1px solid var(--button-valid-color);cursor:pointer}.button.selected.red{background-color:var(--link-hover-color);color:#fff}.button.red{color:var(--link-hover-color);border:1px solid var(--link-hover-color);cursor:pointer}.circular-button{position:relative;width:75px;height:75px;border-radius:50%}.circular-buttons-wrapper{display:flex;justify-content:left}.circular-button-container{display:flex;flex-direction:column;align-items:center;margin-right:10px}.circular-button-container:last-child{margin-right:0}.circular-button .label-icon{position:absolute;top:3px;right:-8.5px;width:40px;pointer-events:none;z-index:1}.button-text{margin-top:5px;font-size:var(--font-size-medium);font-weight:var(--font-bolt)}.button-icon{height:75%;width:75%;transition:fill .3s;filter:var(--svg-filter-default)}.button-icon.selected{filter:var(--svg-filter-selected)}.button-icon.disabled{filter:var(--svg-filter-disabled)}.request-quote-button{background-color:var(--link-hover-color);color:white;font-weight:var(--font-bolt);margin-top:20px;align-self:center;padding:10px 50px;border:0;border-radius:20px;cursor:pointer;transition:background-color .3s,color .3s;box-sizing:border-box}.request-quote-button:hover{background-color:darkred}.switch-container{display:flex;align-items:center;margin-block:10px}.switch{position:relative;display:inline-block;min-width:80px;height:34px;margin-inline:5px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--button-background-color);border:1px solid var(--secondary-font-color);transition:.4s;border-radius:20px;display:flex;justify-content:space-between;align-items:center;padding:0 4px;box-sizing:border-box}.slider:before{position:absolute;content:"";height:26px;width:50%;left:4px;top:3px;background-color:var(--button-selected-color);transition:.4s;border-radius:20px}input:checked+.slider:before{transform:translateX(32px)}.option-left,.option-right{font-size:var(--font-size-standard);font-weight:var(--font-bolt);color:var(--secondary-font-color);z-index:1;width:50%;text-align:center}input:checked+.slider .option-left{color:var(--secondary-font-color)}input:checked+.slider .option-right{color:#fff}input:not(:checked)+.slider .option-left{color:#fff}input:not(:checked)+.slider .option-right{color:var(--secondary-font-color)}.collapsible{cursor:pointer;user-select:none;display:flex;justify-content:space-between;align-items:center;padding-right:15px}.collapsible.active+.content{overflow-y:auto}.arrow-icon{transition:transform .2s ease}.collapsible.active .arrow-icon{transform:rotate(180deg)}.content{max-height:0;overflow:hidden;transition:max-height .2s ease-out;padding-right:10px}.control-link{color:var(--secondary-font-color);display:flex;align-items:center;margin-bottom:20px;text-decoration:underline}.control-link:hover{color:var(--link-hover-color);text-decoration:underline}.link-icon{margin-right:4px;height:24px;fill:var(--secondary-font-color)}.control-link:hover .link-icon{fill:var(--link-hover-color)}.styled-hr{border:0;border-top:1px solid var(--button-hover-background-color);margin:10px 0}@media(max-width:768px){.container{flex-direction:column;height:100vh;overflow-y:auto}.left-column,.right-column{height:50vh;min-width:100%}}