body{font-family:"Roboto",sans-serif;margin:0;display:flex;flex-direction:column;height:100%;background-color:#f9fafd}*{box-sizing:border-box}h1{font-size:40px;text-transform:uppercase;font-weight:900;margin:0 0 50px}.toggle{position:relative;margin-bottom:30px}.toggle input[type=checkbox]{opacity:0;position:absolute;top:0;left:0}.toggle input[type=checkbox]:checked~label .toggle__switch:before{content:attr(data-unchecked);left:2px}.toggle input[type=checkbox]:checked~label .toggle__switch:after{content:attr(data-checked);transform:translate3d(65px, 0, 0)}.toggle label{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;display:flex;align-items:center;font-size:14px;width:100%;justify-content:center}.toggle label .toggle__switch{position:relative;transition:background-color .3s cubic-bezier(0, 1, 0.5, 1);background:#fff;border:2px solid #896aaf;color:#8e90ad;height:36px;flex:0 0 138px;border-radius:4px}.toggle label .toggle__switch:before{content:attr(data-checked);position:absolute;text-transform:uppercase;text-align:center;top:2px;left:67px;font-size:12px;line-height:28px;width:65px;padding:0 0;font-family:Arial,Helvetica,sans-serif}.toggle label .toggle__switch:after{content:attr(data-unchecked);position:absolute;z-index:5;text-transform:uppercase;text-align:center;background:#fff;transform:translate3d(0, 0, 0);top:2px;left:2px;border-radius:2px;width:65px;line-height:28px;font-size:12px;background-color:#312e52;color:#fff;font-family:Arial,Helvetica,sans-serif}.conversionWrapper{max-width:400px;width:100%;display:flex;flex-wrap:wrap;gap:25px 30px}.conversionWrapper .input{width:calc(50% - 15px);position:relative}.conversionWrapper .input label{position:absolute;top:15px;left:15px;color:rgba(142,144,173,.8)}.conversionWrapper .input input{width:100%;border-radius:10px;border:2px solid #896aaf;padding:41px 15px 15px;font-size:30px;color:#8e90ad;outline:none;-moz-appearance:textfield}.conversionWrapper .input input::-webkit-outer-spin-button,.conversionWrapper .input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.conversionWrapper .input span{color:#fd7d7f;font-size:40px;font-weight:700;padding-left:34px}.conversionWrapper .input span.temp{background-image:url("../images/icons/001-thermometer.png");background-repeat:no-repeat;background-position:left 4px center}.conversionWrapper .input span.temp::after{content:"°C"}.conversionWrapper .input span.temp.f::after{content:"°F"}.conversionWrapper .input span.time{background-image:url("../images/icons/002-timer.png");background-repeat:no-repeat;background-position:left center}.conversionWrapper .input span.time::after{content:"min"}.conversionWrapper .button{flex-basis:100%;background-color:#312e52;border:0;border-radius:10px;padding:15px;font-size:20px;color:#fff;font-weight:900;text-transform:uppercase;text-align:center;cursor:pointer;opacity:1;transition:all 300ms}.conversionWrapper .button.disabled{opacity:.25;cursor:unset}.oven{display:flex;flex-direction:column;align-items:center;flex:0 1 auto;justify-content:center}.oven .contentWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;padding:30px;width:100%;background-color:#a17cce}.oven .contentWrapper h1{color:#fff}.oven::after{content:"";display:block;height:20px;width:100%;background-color:#a17cce;-webkit-clip-path:ellipse(60% 100% at center 0%);clip-path:ellipse(60% 100% at center 0%)}.airfryer{padding:40px 30px 0px;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:top}.airfryer h1{color:#312e52}.disclaimer{margin-top:auto;padding:0 0px 30px;text-align:center;font-size:12px;color:rgba(49,46,82,.5)}.pwaToolTip{position:fixed;bottom:15px;background:#f9fafa;width:calc(100vw - 30px);right:0;left:0;margin:0 auto;z-index:-1;text-align:center;border-radius:5px;opacity:0;transition:.4s linear opacity;padding:10px;box-sizing:border-box;box-shadow:rgba(110,110,110,.49) 0 4px 10px;animation:shake 10s ease infinite}.pwaToolTip h4{margin:0 0 3px;text-align:left;font-size:13px;font-weight:500;position:relative}@media all and (min-width: 370px){.pwaToolTip h4{font-size:15px;margin:0 0 6px}}.pwaToolTip h4 button{position:absolute;top:-5px;right:0;padding:0;background:0 0;border:0;line-height:1;font-size:20px;font-weight:400;transform:rotate(45deg)}.pwaToolTip p{display:flex;align-items:center;justify-content:flex-start;font-size:11px;margin:0}@media all and (min-width: 370px){.pwaToolTip p{font-size:13px}}.pwaToolTip p img{width:20px;margin:0 2px}.pwaToolTip p strong{display:block;margin-left:3px;font-weight:600}.pwaToolTip.visible{opacity:1;z-index:10000000}.pwaToolTip .ipad{display:none}@media all and (min-width: 660px){.pwaToolTip .iphone{display:none}.pwaToolTip .ipad{display:inline-block}}