.time-calc{width:95%;max-width:800px;margin:auto;padding-bottom:40px;color:var(--foreground)}.time-calc a{text-decoration:underline}.time-calc a:hover{color:var(--foreground)}.time-calc form[id=time-conversion] [class=form-section]{display:flex;align-items:center;margin:18px 10px}.time-calc form[id=time-conversion] [class=form-section] [class=input-wrapper],.time-calc form[id=time-conversion] [class=form-section] [class=select-wrapper]{position:relative;width:fit-content;width:-moz-fit-content;margin-top:24px;margin-right:25px}.time-calc form[id=time-conversion] [class=form-section] [class=input-wrapper] label,.time-calc form[id=time-conversion] [class=form-section] [class=select-wrapper] label{position:absolute;top:-24px;font-size:16px;color:var(--foreground);font-weight:700}.time-calc form[id=time-conversion] [class=form-section] [class=input-wrapper] select,.time-calc form[id=time-conversion] [class=form-section] [class=select-wrapper] select{padding:5px 30px 4px 8px;appearance:auto;border:2px solid var(--foreground);font-size:18px}.time-calc form[id=time-conversion] [class=form-section] [class=input-wrapper] select:focus-visible,.time-calc form[id=time-conversion] [class=form-section] [class=select-wrapper] select:focus-visible{outline-offset:3px}@media (max-width:450px){.time-calc form[id=time-conversion] [class=form-section] [class=input-wrapper] select,.time-calc form[id=time-conversion] [class=form-section] [class=select-wrapper] select{padding-right:20px}}.time-calc form[id=time-conversion] [class=form-section] [class=input-wrapper] input,.time-calc form[id=time-conversion] [class=form-section] [class=select-wrapper] input{border:2px solid var(--foreground);padding:7px 8px;font-size:18px}@media (max-width:450px){.time-calc form[id=time-conversion] [class=form-section] [class=input-wrapper] input,.time-calc form[id=time-conversion] [class=form-section] [class=select-wrapper] input{max-width:100px}}.time-calc form[id=time-conversion] [class=form-section] [class=input-wrapper][offset-wrapper],.time-calc form[id=time-conversion] [class=form-section] [class=select-wrapper][offset-wrapper]{width:260px}@media (max-width:540px){.time-calc form[id=time-conversion] [class=form-section] [class=input-wrapper][offset-wrapper],.time-calc form[id=time-conversion] [class=form-section] [class=select-wrapper][offset-wrapper]{width:200px}}@media (max-width:450px){.time-calc form[id=time-conversion] [class=form-section][btn-section]{flex-wrap:wrap}}.time-calc form[id=time-conversion] [class=form-section] button[id=get-time]{background:var(--foreground);border:2px solid var(--foreground);color:var(--background);padding:12px 18px;border-radius:8px;text-transform:uppercase;font-weight:800;letter-spacing:.7px;font-size:16px;cursor:pointer;transition:background-color .2s linear,color .2s linear}.time-calc form[id=time-conversion] [class=form-section] button[id=get-time]:hover{background-color:var(--background);color:var(--foreground)}@media (max-width:450px){.time-calc form[id=time-conversion] [class=form-section] button[id=get-time]{margin-top:20px}}.time-calc p[class=results]{display:none;font-size:20px}.time-calc p[class=results][shown]{display:block}