.WaterSort_span__qgKvP{margin:8px 8px 0 0}.WaterSort_box___Z7TE{padding:16px;margin:16px;border:2px solid #540b0e}.WaterSort_color_palette__7kFfH{margin:16px 0;display:flex;flex-wrap:wrap;contain:layout;min-height:40px}.WaterSort_color__XGhpN{margin:4px 4px 0 0;border:2px solid #000;width:32px;min-width:32px;text-align:center;position:relative;cursor:pointer;contain:layout;transition:none}.WaterSort_color_text__rt1GR{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.WaterSort_color_input__prhPo{margin:4px 4px 0 0;font-size:16px;width:80px;height:24px}.WaterSort_state__kK_GH{border:2px dashed var(--color-secondary-content);border-radius:12px;margin:16px 0;padding:16px;display:flex;align-items:flex-end;flex-wrap:wrap;min-height:120px;contain:layout}.WaterSort_state_label__yzByz{position:absolute;transform:translate(10px,-10px);border-radius:6px;padding:0 8px;background-color:var(--color-base-300);font-weight:600;z-index:1}.WaterSort_bottle__a07XX{display:flex;flex-direction:column;width:30px;min-width:30px;margin:4px;align-items:center;contain:layout}.WaterSort_shape__pzl8M{border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #fff;border-bottom-left-radius:20%;border-bottom-right-radius:20%;width:22px;display:flex;flex-direction:column-reverse}.WaterSort_active__JFXbr{border:2px dashed #fff}.WaterSort_water__ZvyYR{width:calc(22px - 4px);min-width:18px;height:22px;min-height:18px;z-index:-1;contain:layout}.WaterSort_label__3Vcj8{color:var(--text-base-content)}.WaterSort_link__TpHMW{color:#335c67;font-weight:700;text-decoration:underline;cursor:pointer}.WaterSort_link__TpHMW:hover{background-color:#335c67;color:#fff}.WaterSort_link__TpHMW:visited{font-weight:400}#WaterSort_answer-section__CNGZy{scroll-margin-top:80px}#WaterSort_answer-section__CNGZy:target{animation:WaterSort_highlight__bn0OI 2s ease-in-out}@keyframes WaterSort_highlight__bn0OI{0%{box-shadow:0 0 0 0 rgba(59,130,246,.5)}50%{box-shadow:0 0 0 10px rgba(59,130,246,.2)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.WaterSort_resultAppear__Xkkhc{animation:WaterSort_fadeInUp__DdVon .5s ease-out}@keyframes WaterSort_fadeInUp__DdVon{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}