.gridfinity #gridfinity__unit{display:block;width:100%;max-width:200px;padding:.75em 2.5em .75em 1em;margin-bottom:1.5rem;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .2vw,1.0625rem);font-weight:500;color:#080808;background-color:rgba(0,0,0,0);border:1px solid rgba(8,8,8,.2);border-radius:6px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23080808' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1em center;transition:border-color .2s ease}.gridfinity #gridfinity__unit:hover{border-color:rgba(8,8,8,.4)}.gridfinity #gridfinity__unit:focus{outline:none;border-color:#62d9ff}html.dark-mode .gridfinity #gridfinity__unit{color:#fff;border-color:rgba(255,255,255,.2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}html.dark-mode .gridfinity #gridfinity__unit:hover{border-color:rgba(255,255,255,.4)}html.dark-mode .gridfinity #gridfinity__unit option{background-color:#080808;color:#fff}.gridfinity__form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}@media(max-width: 700px){.gridfinity__form{grid-template-columns:1fr}}.gridfinity__form__input-container{position:relative}.gridfinity__form__input-container__input{width:100%;padding:1rem 0 .75rem;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .2vw,1.0625rem);color:#080808;background:rgba(0,0,0,0);border:none;border-bottom:2px solid rgba(8,8,8,.15);border-radius:0;outline:none;transition:border-color .2s ease;-moz-appearance:textfield;-webkit-appearance:none}.gridfinity__form__input-container__input:focus{border-bottom-color:#62d9ff}.gridfinity__form__input-container__input:focus+.gridfinity__form__input-container__label,.gridfinity__form__input-container__input:valid+.gridfinity__form__input-container__label{top:-0.5rem;font-size:clamp(.75rem,.74rem + .05vw,.8125rem);color:#62d9ff}.gridfinity__form__input-container__input::-webkit-outer-spin-button,.gridfinity__form__input-container__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}html.dark-mode .gridfinity__form__input-container__input{color:#fff;border-bottom-color:rgba(255,255,255,.2)}html.dark-mode .gridfinity__form__input-container__input:focus{border-bottom-color:#62d9ff}.gridfinity__form__input-container__label{position:absolute;top:1rem;left:0;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .2vw,1.0625rem);color:rgba(8,8,8,.6);pointer-events:none;transition:all .2s ease}.gridfinity__form__input-container__label--has-content{top:-0.5rem;font-size:clamp(.75rem,.74rem + .05vw,.8125rem);color:#62d9ff}html.dark-mode .gridfinity__form__input-container__label{color:rgba(255,255,255,.6)}.gridfinity__form__button{grid-column:1/-1;padding:1rem 2rem;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.95rem + .2vw,1.0625rem);font-weight:600;color:#080808;background-color:#62d9ff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.gridfinity__form__button:hover{background-color:#39cfff}.gridfinity__form__button:active{transform:translateY(1px)}.gridfinity #gridfinity__results{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(8,8,8,.1)}html.dark-mode .gridfinity #gridfinity__results{border-top-color:rgba(255,255,255,.1)}.gridfinity #gridfinity__results h2{margin-top:2.5rem}.gridfinity #gridfinity__results h2:first-child{margin-top:0}.gridfinity #gridfinity__results p{color:rgba(8,8,8,.7)}html.dark-mode .gridfinity #gridfinity__results p{color:rgba(255,255,255,.7)}.gridfinity table{width:100%;border-collapse:collapse;margin:1rem 0 2rem;font-size:clamp(1rem,.95rem + .2vw,1.0625rem)}.gridfinity table td,.gridfinity table th{padding:.875rem 1rem;text-align:left;border-bottom:1px solid rgba(8,8,8,.1)}html.dark-mode .gridfinity table td,html.dark-mode .gridfinity table th{border-bottom-color:rgba(255,255,255,.1)}.gridfinity table th{font-weight:600;color:rgba(8,8,8,.6);font-size:clamp(.8125rem,.8rem + .1vw,.875rem);text-transform:uppercase;letter-spacing:.025em}html.dark-mode .gridfinity table th{color:rgba(255,255,255,.6)}.gridfinity table tbody tr{transition:background-color .15s ease}.gridfinity table tbody tr:hover{background-color:rgba(8,8,8,.02)}html.dark-mode .gridfinity table tbody tr:hover{background-color:rgba(255,255,255,.03)}.gridfinity__layout{overflow-x:auto;margin:1rem 0 2rem}.gridfinity__layout table{width:auto;margin:0}.gridfinity__layout table td{padding:.5rem;text-align:center;font-size:clamp(.8125rem,.8rem + .1vw,.875rem);font-weight:500;border:1px solid rgba(8,8,8,.15);min-width:3rem}html.dark-mode .gridfinity__layout table td{border-color:rgba(255,255,255,.2)}.gridfinity__gap{margin:1rem 0 2rem}.gridfinity__result{margin:1rem 0 2rem}.gridfinity__result table td{width:50%}/*# sourceMappingURL=gridfinity-page.css.map */