.config-container{container-type:inline-size;width:100%;height:100%}.config-layout{flex-direction:column;width:100%;height:100%}.config-option-list{flex:1 1 auto;min-width:0;overflow:hidden}.config-rendered-keyboard{display:block;min-width:0;overflow:hidden;position:relative;container-type:inline-size;flex:0 0 10rem;order:-1}@container (min-width: 27.5rem){.config-layout{flex-direction:row}.config-rendered-keyboard{flex:0 0 10rem;order:0}}@container (min-width: 37.5rem){.config-option-list{flex:0 0 27.5rem}.config-rendered-keyboard{flex:1 1 auto}}.option-list{display:flex;flex-direction:column;max-width:27.5rem;min-width:15rem;padding:1.2rem;flex:1;min-height:0}.option-list .total-price{font-size:1.375rem;margin-bottom:1rem;padding-bottom:.4rem;border-bottom:.0625rem solid #e0e0e0;flex-shrink:0}.option-rows-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none;transition:-webkit-mask-image 1s ease-in-out,mask-image 1s ease-in-out}.option-rows-container.fade-top{-webkit-mask-image:linear-gradient(to bottom,transparent,black 10dvh,black 100%);mask-image:linear-gradient(to bottom,transparent,black 10dvh,black 100%)}.option-rows-container.fade-bottom{-webkit-mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 10dvh),transparent);mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 10dvh),transparent)}.option-rows-container.fade-both{-webkit-mask-image:linear-gradient(to bottom,transparent,black 10dvh,black calc(100% - 10dvh),transparent);mask-image:linear-gradient(to bottom,transparent,black 10dvh,black calc(100% - 10dvh),transparent)}.option-rows-container::-webkit-scrollbar{display:none}.error{color:#d32f2f;background:#ffebee80;padding:.8rem;border-radius:.5rem;border:.0625rem solid #ffcdd280;font-size:.875rem;font-weight:500}.option-row{padding-bottom:.25rem;margin-bottom:.25rem;display:flex;flex-direction:column;flex-shrink:0}.option-row:last-of-type{border-bottom:none;margin-bottom:0}.option-row .header-container{position:relative;min-height:1.35rem}.option-row strong,.price-row{position:absolute;left:0;right:0;pointer-events:none}.option-row strong{top:0;font-size:1rem;font-weight:500;opacity:1;pointer-events:auto}.option-row strong.hidden{opacity:0;pointer-events:none}.price-row{bottom:0;opacity:0}.price-row.visible{opacity:1;pointer-events:auto}.price-cell{flex:1 1 0;font-size:.75rem;font-weight:500;color:#e0e0e0;min-width:0}.options-row{margin-top:.2rem;flex-shrink:0}.option{position:relative;flex:1 1 0;flex-direction:column;padding:.35rem .375rem;background:#ffffff0d;color:#fff;border:1.5px solid rgba(255,255,255,.8);border-radius:.7rem;cursor:pointer;transition:all .2s ease;min-width:0;box-sizing:border-box;box-shadow:0 2px 8px #1e40af1a}.option:hover{border-color:#fff;background:#ffffff47}.option.selected{border-color:#fff;background:#ffffff52}.option.disabled{border-color:#ffffff60!important}.option.selected-disabled{border-color:#d34242!important;box-shadow:inset 0 0 .2rem .2rem #d3424280}.option.selected-disabled label{color:#80282880!important;opacity:1!important}.option input[type=radio]{display:none}.option label{cursor:pointer;width:100%;text-align:center;font-size:.875rem;font-weight:500;color:#fff;overflow:hidden;overflow-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.option label.disabled{opacity:.4}.option-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;padding:.8rem 1rem;background:#303030d0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;border-radius:.5rem;font-size:.75rem;z-index:1000;pointer-events:none;box-shadow:0 .25rem .75rem #0000004d;opacity:0;transition:opacity .2s ease;max-width:100%}.option:hover .option-tooltip{opacity:1}.option-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.375rem solid transparent;border-top-color:#333}.option-tooltip ul{margin:0;padding-left:1.25rem;text-align:left;white-space:normal}.option-tooltip li{margin:.25rem 0}.import-export-buttons{margin-top:1.2vh;border-top:.0625rem solid #f0f0f0;padding-top:1.2vh;position:relative;flex-shrink:0;flex-wrap:wrap}.toast{position:fixed;bottom:4vh;left:50%;transform:translate(-50%);background:#303030d0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;padding:1.2vh 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;box-shadow:0 .25rem .75rem #0000004d;animation:slideUp .3s ease;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(2vh)}to{opacity:1;transform:translate(-50%) translateY(0)}}
