@charset "UTF-8";@font-face{font-family:"digital-7";src:url(//throw-life.com/wp-content/themes/jin-child/assets/cal_portable/css/../font/digital-7.ttf)}.cal_portable{width:100%;margin-inline:auto;padding-bottom:4em}.cal_portable__switch{position:relative;display:flex;justify-content:space-between;background:#eee;border-radius:8px;box-sizing:border-box;height:62px;font-weight:700;z-index:2}.cal_portable__switch label{width:50%;text-align:center;color:#333;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;transition:.3s;font-size:14px;cursor:pointer}.cal_portable__switch label:has(>input:checked){color:#fff}.cal_portable__switch label input{display:none}.cal_portable__switch:after{content:"";background:#42637f;width:calc(50% - 12px);height:50px;z-index:0;position:absolute;top:6px;border-radius:8px;transition:.3s;box-sizing:border-box}.cal_portable__switch:has(>label>input.select:checked):after{left:6px}.cal_portable__switch:has(>label>input.manual:checked):after{left:calc(50% + 6px)}.cal_portable__frame{background:#1b1c1c;border-radius:16px;color:#fff;padding:16px;height:320px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:16px;z-index:3}.cal_portable__frame__block{width:100%}.cal_portable__frame__block .input_model{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:20px}.cal_portable__frame__block .input_model label{display:flex;align-items:center;font-size:18px;gap:30px;width:100%;margin-inline:auto}.cal_portable__frame__block .input_model label .inputtitle{width:20%;margin:0;text-align:right}.cal_portable__frame__block .input_model label select{width:70%;font-size:18px;height:48px;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;background:#333;color:#fff;border-top:1px solid #666;border-left:1px solid #666}.cal_portable__frame__block .input_model label select:disabled{opacity:.3}.cal_portable__frame__block .result_model{display:flex;align-items:center;justify-content:center;gap:40px;margin-top:40px;width:88%;margin-inline:auto}.cal_portable__frame__block .result_model label{display:flex;align-items:center;justify-content:center;background:#87a172;color:#0e2401;border-radius:4px;position:relative;height:80px;box-shadow:inset 3px 3px 3px rgba(0,0,0,.3)}.cal_portable__frame__block .result_model label:after{content:"";width:95%;height:70%;position:absolute;top:15%;left:2.5%;background-image:linear-gradient(to right,#87a172 0%,#87a172 90%,#859f70 50%);background-position:0 0;background-size:10px 1px;background-repeat:repeat;z-index:0}.cal_portable__frame__block .result_model label .inputtitle{font-size:14px;font-weight:600;margin:0;line-height:1;position:absolute;top:12px;left:12px;z-index:1}.cal_portable__frame__block .result_model label .unit{font-size:14px;font-weight:600;margin:0;line-height:1;position:absolute;bottom:12px;right:12px;z-index:1}.cal_portable__frame__block .result_model label input{width:100%;height:100%;background:0 0;text-align:center;font-size:48px;margin-top:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;padding:0;font-weight:700;color:#0e2401;font-family:"digital-7",sans-serif !important;font-style:normal;z-index:1}.cal_portable__frame__block .result_model label input:-moz-read-only{background:0 0;border:none}.cal_portable__frame__block .result_model label input:read-only{background:0 0;border:none}.cal_portable__frame__block .manual_model{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 40px;width:92%;margin-inline:auto}.cal_portable__frame__block .manual_model p{width:60%;text-align:center;padding:8px;border:1px solid #999;font-size:16px;line-height:1.8}.cal_portable__frame__block .manual_model label{width:45%;display:flex;align-items:center;justify-content:center;background:#87a172;color:#0e2401;border-radius:4px;position:relative;height:80px;box-shadow:inset 3px 3px 3px rgba(0,0,0,.3)}.cal_portable__frame__block .manual_model label:after{content:"";width:95%;height:70%;position:absolute;top:15%;left:2.5%;background-image:linear-gradient(to right,#87a172 0%,#87a172 90%,#859f70 50%);background-position:0 0;background-size:10px 1px;background-repeat:repeat;z-index:0}.cal_portable__frame__block .manual_model label .inputtitle{font-size:14px;font-weight:600;margin:0;line-height:1;position:absolute;top:12px;left:12px;z-index:1}.cal_portable__frame__block .manual_model label .unit{font-size:14px;font-weight:600;margin:0;line-height:1;position:absolute;bottom:12px;right:12px;z-index:1}.cal_portable__frame__block .manual_model label input{width:100%;height:100%;background:0 0;border:none;text-align:center;font-size:48px;margin-top:5px;padding:0;font-weight:700;color:#0e2401;font-family:"digital-7",sans-serif;font-style:normal;z-index:1}.cal_portable__frame__block .input_appliance{width:100%;height:288px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.cal_portable__frame__block .input_appliance .tabs{width:100%;background:#fff;border-radius:100px;display:flex;justify-content:space-between;padding:3px;box-sizing:border-box;font-size:14px;position:relative;overflow:hidden}.cal_portable__frame__block .input_appliance .tabs button{text-align:center;width:32%;border:none;background:0 0;border-radius:100px;padding:6px;cursor:pointer;z-index:1;transition:.3s}.cal_portable__frame__block .input_appliance .tabs button br{display:none}.cal_portable__frame__block .input_appliance .tabs button.active{color:#fff}.cal_portable__frame__block .input_appliance .tabs:before{position:absolute;left:2px;top:2px;display:block;content:"";background:#545c63;width:32%;height:calc(100% - 4px);border-radius:60px;z-index:0;transition:.3s}.cal_portable__frame__block .input_appliance .tabs:has(button:nth-child(2).active):before{left:34%}.cal_portable__frame__block .input_appliance .tabs:has(button:nth-child(3).active):before{left:calc(68% - 2px)}.cal_portable__frame__block .appliance-group{width:100%}.cal_portable__frame__block .appliance-group.active{display:flex;flex-wrap:wrap;gap:6px 1%}.cal_portable__frame__block .appliance-group label{width:32.6%;border:1px solid #666;padding:10px;box-sizing:border-box;text-align:center;border-radius:60px;font-size:14px;cursor:pointer;transition:.3s;display:flex;justify-content:center;align-items:center;line-height:1;background:rgba(255,255,255,0) url(//throw-life.com/wp-content/themes/jin-child/assets/cal_portable/css/../img/icn_select.png) 5% center/0 no-repeat}.cal_portable__frame__block .appliance-group label input{display:none}.cal_portable__frame__block .appliance-group label small{font-size:11px;display:inline-block;background-color:#2f4a73;padding:3px;border-radius:3px;vertical-align:middle;margin-left:4px}.cal_portable__frame__block .appliance-group label:has(>input:checked){background:#2f4a73 url(//throw-life.com/wp-content/themes/jin-child/assets/cal_portable/css/../img/icn_select.png) 5% center/12px auto no-repeat;border:1px solid #2f4a73}.cal_portable__frame__block .appliance-group .notes{font-size:11px;color:#ccc;line-height:1.8;margin-top:6px;text-indent:-11px;padding-left:11px}.cal_portable__frame__block .appliance_result{display:flex;align-items:center;justify-content:center;width:40%}.cal_portable__frame__block .appliance_result label{width:100%;display:flex;align-items:center;justify-content:center;background:#87a172;color:#0e2401;border-radius:4px;position:relative;height:80px;box-shadow:inset 3px 3px 3px rgba(0,0,0,.3)}.cal_portable__frame__block .appliance_result label:after{content:"";width:95%;height:70%;position:absolute;top:15%;left:2.5%;background-image:linear-gradient(to right,#87a172 0%,#87a172 90%,#859f70 50%);background-position:0 0;background-size:10px 1px;background-repeat:repeat;z-index:0}.cal_portable__frame__block .appliance_result label .inputtitle{font-size:14px;font-weight:600;margin:0;line-height:1;position:absolute;top:12px;left:12px;z-index:1}.cal_portable__frame__block .appliance_result label .unit{font-size:14px;font-weight:600;margin:0;line-height:1;position:absolute;bottom:12px;right:12px;z-index:1}.cal_portable__frame__block .appliance_result label input{width:100%;height:100%;background:0 0;border:none;text-align:center;font-size:48px;margin-top:5px;padding:0;font-weight:700;color:#0e2401;font-family:"digital-7",sans-serif;font-style:normal;z-index:1}.cal_portable__frame__block .manual_appliance{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px 40px;width:92%;margin-inline:auto}.cal_portable__frame__block .manual_appliance p{width:60%;text-align:center;padding:8px;border:1px solid #999;font-size:16px;line-height:1.8;margin:0}.cal_portable__frame__block .manual_appliance label{width:45%;display:flex;align-items:center;justify-content:center;background:#87a172;color:#0e2401;border-radius:4px;position:relative;height:80px;box-shadow:inset 3px 3px 3px rgba(0,0,0,.3)}.cal_portable__frame__block .manual_appliance label:after{content:"";width:95%;height:70%;position:absolute;top:15%;left:2.5%;background-image:linear-gradient(to right,#87a172 0%,#87a172 90%,#859f70 50%);background-position:0 0;background-size:10px 1px;background-repeat:repeat;z-index:0}.cal_portable__frame__block .manual_appliance label .inputtitle{font-size:14px;font-weight:600;margin:0;line-height:1;position:absolute;top:12px;left:12px;z-index:1}.cal_portable__frame__block .manual_appliance label .unit{font-size:14px;font-weight:600;margin:0;line-height:1;position:absolute;bottom:12px;right:12px;z-index:1}.cal_portable__frame__block .manual_appliance label input{width:100%;height:100%;background:0 0;border:none;text-align:center;font-size:48px;margin-top:5px;padding:0;font-weight:700;color:#0e2401;font-family:"digital-7",sans-serif;font-style:normal;z-index:1}.cal_portable__frame__block .manual_appliance small{width:60%;text-align:center;font-size:14px;line-height:1.8}.cal_portable__frame__block .input_efficacy{padding:1rem 0;display:flex;justify-content:center;align-items:center;flex-direction:column}.cal_portable__frame__block .input_efficacy small{width:60%;text-align:center;padding:8px;border:1px solid #999;font-size:14px;line-height:1.8;margin:1rem 0 0}.cal_portable__frame__block .input_efficacy .efficacy_display{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:16px}.cal_portable__frame__block .input_efficacy .efficacy_value{font-family:"digital-7",sans-serif;font-size:80px;color:#fff;line-height:1}.cal_portable__frame__block .input_efficacy .efficacy_display .unit{font-size:28px;color:#fff;font-weight:700}.cal_portable__frame__block .efficacy_slider{-webkit-appearance:none;appearance:none;width:80%;height:8px;border-radius:4px;background:linear-gradient(to right,#1ea38a 0%,#1ea38a var(--slider-fill,60%),#444 var(--slider-fill,60%),#444 100%);outline:none;cursor:pointer}.cal_portable__frame__block .efficacy_slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.5);transition:transform .15s}.cal_portable__frame__block .efficacy_slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.cal_portable__frame__block .efficacy_slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 8px rgba(0,0,0,.5)}.cal_portable__frame__block .efficacy_range_labels{display:flex;justify-content:space-between;width:80%;font-size:12px;color:#aaa;margin-top:6px}.cal_portable hr{border:none;position:relative;height:48px}.cal_portable hr:after{content:"▼";position:absolute;color:#1ea38a;top:50%;left:50%;line-height:1;font-size:20px;transform:translateX(-50%) translateY(-50%) scaleX(3)}.cal_portable button.calculate{margin-top:4em;margin-inline:auto;display:block;width:280px;height:70px;border-radius:60px;background:#1ea38a;color:#fff;border:none;font-size:18px;cursor:pointer;transition:.3s;line-height:1;padding-top:2px}.cal_portable button.calculate:before{content:"";width:16px;height:24px;display:inline-block;vertical-align:middle;background:url(//throw-life.com/wp-content/themes/jin-child/assets/cal_portable/css/../img/icn_cal.png) center center/100% auto no-repeat;margin-right:8px;transition:.3s}.cal_portable button.calculate:hover{width:300px}.cal_portable .warning{background:#c55a5a url(//throw-life.com/wp-content/themes/jin-child/assets/cal_portable/css/../img/icn_caution.png) 12px center/24px auto no-repeat;border:1px solid #c66;color:#fff;max-width:500px;padding:1em 2em 1em 3em;margin-top:2em;margin-inline:auto;border-radius:4px;font-size:14px}.cal_portable__result{background:#1b1c1c;border-radius:16px;color:#fff;padding:32px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:4rem 0;z-index:3;position:relative;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.cal_portable__result.show{opacity:1;transform:translateY(0);transition-delay:.2s}.cal_portable__result__head{font-size:20px;background:url(//throw-life.com/wp-content/themes/jin-child/assets/cal_portable/css/../img/icn_select.png) 0 center/20px auto no-repeat;padding-left:28px}.cal_portable__result__time{font-size:20px;color:#fee619;font-weight:700;font-feature-settings:"palt";margin-bottom:1em}.cal_portable__result__time strong{font-size:40px;padding:0 4px}.cal_portable__result__message{font-size:14px;line-height:1.8}.cal_portable__result__message p{margin:0}.cal_portable__result__summary{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:20px;padding:16px;background:rgba(255,255,255,.07);border-radius:8px;text-align:left;width:100%;box-sizing:border-box}.cal_portable__result__summary__item{flex:1;min-width:130px}.cal_portable__result__summary__item--wide{flex-basis:100%}.cal_portable__result__summary .summary-label{font-size:11px;color:#aaa;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cal_portable__result__summary .summary-value{font-size:14px;font-weight:700;color:#fff;margin-top:3px}.cal_portable__result__notice{border:1px solid #ccc;padding:6px 16px 8px;width:100%;margin-top:24px;box-sizing:border-box}.cal_portable__result__notice small{font-size:12px;color:#ccc;line-height:1.5}.cal_portable__title{background:0 0 !important;margin:0 0 16px !important;display:flex;flex-direction:column;padding:0 0 16px;font-size:24px;border-bottom:1px solid #ccc}.cal_portable__title:before,.cal_portable__title:after{display:none}.cal_portable__title small{font-size:14px}@media (width <=767px){.cal_portable__switch{height:50px}.cal_portable__switch label{font-size:13px}.cal_portable__switch:after{width:calc(50% - 6px);height:44px;top:3px;border-radius:8px}.cal_portable__switch:has(>label>input.select:checked):after{left:3px}.cal_portable__switch:has(>label>input.manual:checked):after{left:calc(50% + 3px)}.cal_portable__frame{border-radius:8px;height:auto;margin-top:8px}.cal_portable__frame__block .input_model{gap:8px}.cal_portable__frame__block .input_model label{font-size:12px;gap:8px}.cal_portable__frame__block .input_model label .inputtitle{width:15%}.cal_portable__frame__block .input_model label select{width:80%;font-size:12px;height:36px;padding:6px}.cal_portable__frame__block .result_model{gap:16px;margin-top:16px;width:100%}.cal_portable__frame__block .result_model label{height:auto;padding:20px 16px 14px}.cal_portable__frame__block .result_model label .inputtitle{font-size:12px;top:8px;left:8px}.cal_portable__frame__block .result_model label .unit{font-size:12px;bottom:8px;right:8px}.cal_portable__frame__block .result_model label input{font-size:30px}.cal_portable__frame__block .manual_model{gap:11px 16px;width:100%}.cal_portable__frame__block .manual_model p{width:90%;padding:8px;font-size:12px}.cal_portable__frame__block .manual_model label{width:calc(50% - 8px);box-sizing:border-box;height:auto;padding:20px 16px 14px}.cal_portable__frame__block .manual_model label .inputtitle{font-size:12px;top:8px;left:8px}.cal_portable__frame__block .manual_model label .unit{font-size:12px;bottom:8px;right:8px}.cal_portable__frame__block .manual_model label input{font-size:30px}.cal_portable__frame__block .input_appliance{height:auto}.cal_portable__frame__block .input_appliance .tabs{font-size:12px}.cal_portable__frame__block .input_appliance .tabs button{width:32%;line-height:1.3}.cal_portable__frame__block .input_appliance .tabs button br{display:block}.cal_portable__frame__block .appliance-group{width:100%;margin:16px 0}.cal_portable__frame__block .appliance-group.active{display:flex;flex-wrap:wrap;gap:6px 1%}.cal_portable__frame__block .appliance-group label{width:49.5%;padding:6px 10px;font-size:14px;display:flex;flex-direction:column}.cal_portable__frame__block .appliance-group label small{font-size:10px;padding:2px 3px;margin-left:0;margin-top:4px}.cal_portable__frame__block .appliance-group .notes{font-size:11px;color:#ccc;line-height:1.8;margin-top:6px;text-indent:-11px;padding-left:11px}.cal_portable__frame__block .appliance_result{display:flex;align-items:center;justify-content:center;width:60%}.cal_portable__frame__block .appliance_result label{height:auto;padding:20px 16px 14px}.cal_portable__frame__block .appliance_result label .inputtitle{font-size:12px;top:8px;left:8px}.cal_portable__frame__block .appliance_result label .unit{font-size:12px;bottom:8px;right:8px}.cal_portable__frame__block .appliance_result label input{font-size:30px}.cal_portable__frame__block .manual_appliance{gap:16px;width:100%;margin-inline:auto}.cal_portable__frame__block .manual_appliance p{width:100%;font-size:14px}.cal_portable__frame__block .manual_appliance label{height:auto;padding:20px 16px 14px}.cal_portable__frame__block .manual_appliance label .inputtitle{font-size:12px;top:8px;left:8px}.cal_portable__frame__block .manual_appliance label .unit{font-size:12px;bottom:8px;right:8px}.cal_portable__frame__block .manual_appliance label input{font-size:30px}.cal_portable__frame__block .manual_appliance small{width:100%;font-size:12px}.cal_portable__frame__block .input_efficacy small{width:90%;font-size:12px}.cal_portable__frame__block .input_efficacy .efficacy_value{font-size:64px}.cal_portable__frame__block .efficacy_slider{width:90%}.cal_portable__frame__block .efficacy_range_labels{width:90%}.cal_portable button.calculate{margin-top:3em;font-size:16px}.cal_portable button.calculate:hover{width:280px}.cal_portable .warning{padding:1em 1em 1em 3em}.cal_portable__result{border-radius:8px;padding:16px;margin:3rem 0}.cal_portable__result__head{font-size:18px}.cal_portable__result__time{font-size:18px}.cal_portable__result__time strong{font-size:36px}.cal_portable__title{font-size:18px;line-height:1.5}.cal_portable__title small{margin-top:2px;font-size:12px}}input::-moz-placeholder{color:#0e2401}input::placeholder{color:#0e2401}.appliance-group{display:none}.switch-target{display:none}.switch-target.current{display:block}