@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}::selection{background-color:#73a8f8b3}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fdfdfd}.app{display:flex;flex-direction:column;width:100%;max-width:490px;margin:auto;min-height:100vh}.calculator{margin:0 15px}.calculator .calc-select{display:flex;gap:50px;justify-content:center}.calculator .calc-select .calc-select-button{z-index:999;font-size:18px;font-weight:400;border-top-left-radius:15px;border-top-right-radius:15px;padding:12px 20px 10px;translate:0 3px;cursor:pointer;-webkit-user-select:none;user-select:none;border:solid 3px #eaeaea;background-color:#f1f1f1;color:#0003}.calculator .calc-select .calc-select-button.selected{font-weight:500;color:#000c;background-color:#fdfdfd;border-bottom:solid 3px #fdfdfd}.calculator .calc-main{position:relative;min-height:400px;border:solid 3px #eaeaea;border-radius:25px;padding:40px 15px;margin-bottom:20px}.countdown-calculator{padding:30px 0}.countdown-calculator .countdown-display-wrapper{margin-bottom:60px}.countdown-calculator .countdown-display-wrapper .countdown-display-span{display:block;font-size:38px;font-weight:500;color:#000c;text-align:center;margin-bottom:10px}.countdown-calculator .countdown-display-wrapper .countdown-unit-select{position:relative;display:block;margin-left:auto;padding:5px;outline:none;border:none;background-color:#ddd;border-radius:5px;cursor:pointer}.countdown-calculator .target-date-wrapper .target-date-title{display:block;font-size:14px;margin-bottom:5px}.countdown-calculator .target-date-wrapper .target-date-select-wrapper{display:flex;gap:10px;justify-content:space-between}.countdown-calculator .target-date-wrapper .target-date-select-wrapper .target-date-select-element{display:flex;align-items:center;gap:5px}.countdown-calculator .target-date-wrapper .target-date-select-wrapper .target-date-select-element select{appearance:none;padding:20px;font-size:28px;border:solid 2px #eee;border-radius:10px;outline:none}.countdown-calculator .target-date-wrapper .target-date-select-wrapper .target-date-select-element span{font-size:18px}.difference-calculator{top:0;left:0;height:100%;width:100%;display:grid;place-items:center}.difference-calculator .centering-div{display:flex;flex-direction:column;gap:10px;width:calc(100% - 10px)}.difference-calculator .difference-row{position:relative;height:70px;width:100%;max-width:333px;margin:auto}.difference-calculator .difference-date-input{outline:none;width:100%;height:100%;text-align:center;padding:0 20px;border:solid 2px #eaeaea;border-radius:10px;font-size:26px}.difference-calculator #difference-number-input-wrapper{position:relative}.difference-calculator #difference-number-input-wrapper .difference-number-input{width:100%;height:100%;border:solid 2px #eaeaea;outline:none;font-size:26px;border-radius:10px;text-align:center;padding:0 110px}.difference-calculator #difference-number-input-wrapper .difference-number-input[type=number]::-webkit-inner-spin-button,.difference-calculator #difference-number-input-wrapper .difference-number-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.difference-calculator #difference-number-input-wrapper .difference-number-input[type=number]{-moz-appearance:textfield}.difference-calculator #difference-number-input-wrapper .difference-unit-select{position:absolute;height:100%;right:10px;background-color:transparent;top:0;border:none;outline:none;font-size:22px}.difference-calculator i{position:absolute;left:50%;top:50%;translate:-50% -50%;width:50px;height:50px}.difference-calculator i#plus-sign:before{content:"";display:block;position:absolute;top:50%;left:50%;translate:-50% -50%;width:35px;height:7px;background-color:#222;border-radius:2px}.difference-calculator i#plus-sign:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:7px;height:35px;background-color:#222;border-radius:2px}.difference-calculator i#minus-sign{cursor:pointer}.difference-calculator i#minus-sign:before{content:"";top:50%;left:50%;translate:-50% -50%;position:absolute;width:35px;height:7px;background-color:#222;border-radius:2px}.difference-calculator i#equal-sign:before{content:"";top:50%;left:50%;translate:-50% calc(-50% - 8px);position:absolute;width:35px;height:7px;background-color:#222;border-radius:2px}.difference-calculator i#equal-sign:after{content:"";top:50%;left:50%;translate:-50% calc(-50% + 8px);position:absolute;width:35px;height:7px;background-color:#222;border-radius:2px}header{font-size:48px;font-weight:500;text-align:center;color:#000000e6;margin:40px 15px}footer{padding:10px;margin-top:auto;text-align:center;font-size:12px}