1 line
16 KiB
CSS
1 line
16 KiB
CSS
:root{--background:hsl(25,84%,88%);--text-color:hsl(25,84%,26.4%);--placeholder-text-color:hsla(25,84%,26.4%,.3);--black:hsl(0,0%,4%);--black-bis:hsl(0,0%,7%);--black-ter:hsl(0,0%,14%);--white:hsl(0,4%,99.8%);--primary-color:hsl(25,84%,88%);--primary-color-light:hsl(25,84%,100%);--primary-color-dark:hsl(25,84%,66%);--primary-gradiend-light:hsl(25,84%,92%);--primary-gradiend-dark:hsl(25,84%,84%);--primary-gradiend-lighter:hsl(25,84%,96%);--primary-gradiend-darker:hsl(25,84%,80%);--secondary-color:hsl(205,84%,88%);--secondary-color-light:hsl(205,84%,100%);--secondary-color-dark:hsl(205,84%,84%);--light-shadow:hsla(25,84%,100%,.5);--dark-shadow:hsla(25,84%,66%,.5);--fa-primary-color:hsl(205,84%,26.4%);--fa-secondary-color:hsl(205,84%,66%);--fa-primary-opacity:.8;--fa-secondary-opacity:.8;--danger-color:hsl(0,82%,91%);--warning-color:hsl(48,82%,91%);--info-color:hsl(196,82%,91%);--plus-green:hsl(96,49%,49%);--plus-gold:hsl(51,72%,46%)}:root{--shadow-offset:8px;--blur-radius:16px;--is-inset:inherit}.neomorph{box-shadow:calc(-1*var(--shadow-offset)) calc(-1*var(--shadow-offset)) var(--blur-radius) var(--light-shadow),var(--shadow-offset) var(--shadow-offset) var(--blur-radius) var(--dark-shadow);background-color:var(--background)}.neomorphInset{box-shadow:inset var(--shadow-offset) var(--shadow-offset) var(--blur-radius) var(--dark-shadow),inset calc(-1*var(--shadow-offset)) calc(-1*var(--shadow-offset)) var(--blur-radius) var(--light-shadow);background-color:var(--background)}.neomorphInset.is-nxxsmall{--shadow-offset:2px;--blur-radius:4px}@media(min-width:640px){.neomorphInset.is-nxxsmall-sm{--shadow-offset:2px;--blur-radius:4px}}@media(min-width:768px){.neomorphInset.is-nxxsmall-md{--shadow-offset:2px;--blur-radius:4px}}@media(min-width:1024px){.neomorphInset.is-nxxsmall-lg{--shadow-offset:2px;--blur-radius:4px}}@media(min-width:1280px){.neomorphInset.is-nxxsmall-xl{--shadow-offset:2px;--blur-radius:4px}}.neomorphInset.is-nxsmall{--shadow-offset:3px;--blur-radius:6px}@media(min-width:640px){.neomorphInset.is-nxsmall-sm{--shadow-offset:3px;--blur-radius:6px}}@media(min-width:768px){.neomorphInset.is-nxsmall-md{--shadow-offset:3px;--blur-radius:6px}}@media(min-width:1024px){.neomorphInset.is-nxsmall-lg{--shadow-offset:3px;--blur-radius:6px}}@media(min-width:1280px){.neomorphInset.is-nxsmall-xl{--shadow-offset:3px;--blur-radius:6px}}.neomorphInset.is-nsmall{--shadow-offset:6px;--blur-radius:12px}@media(min-width:640px){.neomorphInset.is-nsmall-sm{--shadow-offset:6px;--blur-radius:12px}}@media(min-width:768px){.neomorphInset.is-nsmall-md{--shadow-offset:6px;--blur-radius:12px}}@media(min-width:1024px){.neomorphInset.is-nsmall-lg{--shadow-offset:6px;--blur-radius:12px}}@media(min-width:1280px){.neomorphInset.is-nsmall-xl{--shadow-offset:6px;--blur-radius:12px}}.neomorph.is-nxxsmall{--shadow-offset:2px;--blur-radius:4px}@media(min-width:640px){.neomorph.is-nxxsmall-sm{--shadow-offset:2px;--blur-radius:4px}}@media(min-width:768px){.neomorph.is-nxxsmall-md{--shadow-offset:2px;--blur-radius:4px}}@media(min-width:1024px){.neomorph.is-nxxsmall-lg{--shadow-offset:2px;--blur-radius:4px}}@media(min-width:1280px){.neomorph.is-nxxsmall-xl{--shadow-offset:2px;--blur-radius:4px}}.neomorph.is-nxsmall{--shadow-offset:3px;--blur-radius:6px}@media(min-width:640px){.neomorph.is-nxsmall-sm{--shadow-offset:3px;--blur-radius:6px}}@media(min-width:768px){.neomorph.is-nxsmall-md{--shadow-offset:3px;--blur-radius:6px}}@media(min-width:1024px){.neomorph.is-nxsmall-lg{--shadow-offset:3px;--blur-radius:6px}}@media(min-width:1280px){.neomorph.is-nxsmall-xl{--shadow-offset:3px;--blur-radius:6px}}.neomorph.is-nsmall{--shadow-offset:6px;--blur-radius:12px}@media(min-width:640px){.neomorph.is-nsmall-sm{--shadow-offset:6px;--blur-radius:12px}}@media(min-width:768px){.neomorph.is-nsmall-md{--shadow-offset:6px;--blur-radius:12px}}@media(min-width:1024px){.neomorph.is-nsmall-lg{--shadow-offset:6px;--blur-radius:12px}}@media(min-width:1280px){.neomorph.is-nsmall-xl{--shadow-offset:6px;--blur-radius:12px}}.neomorph.is-nnormal{--shadow-offset:8px;--blur-radius:16px}@media(min-width:640px){.neomorph.is-nnormal-sm{--shadow-offset:8px;--blur-radius:16px}}@media(min-width:768px){.neomorph.is-nnormal-md{--shadow-offset:8px;--blur-radius:16px}}@media(min-width:1024px){.neomorph.is-nnormal-lg{--shadow-offset:8px;--blur-radius:16px}}@media(min-width:1280px){.neomorph.is-nnormal-xl{--shadow-offset:8px;--blur-radius:16px}}button.neoBtn,.neoBtn{background-image:linear-gradient(145deg,var(--primary-gradiend-light),var(--primary-gradiend-dark));box-shadow:-3px -3px 6px var(--light-shadow),3px 3px 6px var(--dark-shadow);border:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}button.neoBtn:focus,.neoBtn:focus{background-image:linear-gradient(-45deg,var(--primary-gradiend-light),var(--primary-gradiend-dark));box-shadow:-3px -3px 6px var(--light-shadow),3px 3px 6px var(--dark-shadow);border:0}button.neoBtnSmall,.neoBtnSmall{background-image:linear-gradient(145deg,var(--primary-gradiend-light),var(--primary-gradiend-dark));box-shadow:-2px -2px 4px var(--light-shadow),2px 2px 4px var(--dark-shadow);border:0}button.neoBtnSmall:focus,.neoBtnSmall:focus{background-image:linear-gradient(-45deg,var(--primary-gradiend-light),var(--primary-gradiend-dark));box-shadow:-2px -2px 4px var(--light-shadow),2px 2px 4px var(--dark-shadow);border:0}button.neoBtnSmall:focus:not(:active),.neoBtnSmall:focus:not(:active){background-image:linear-gradient(-45deg,var(--primary-gradiend-light),var(--primary-gradiend-dark));box-shadow:-2px -2px 4px var(--light-shadow),2px 2px 4px var(--dark-shadow)}button.neoBtnSmall:focus input[type=file],.neoBtnSmall:focus input[type=file]{background-image:linear-gradient(-45deg,var(--primary-gradiend-light),var(--primary-gradiend-dark))}button.neoBtnSmallPlain,.neoBtnSmallPlain{background:var(--background);box-shadow:-3px -3px 6px var(--light-shadow),3px 3px 6px var(--dark-shadow);border:0}button.neoBtnSmallPlain:focus,.neoBtnSmallPlain:focus{box-shadow:-3px -3px 6px var(--light-shadow),3px 3px 6px var(--dark-shadow);border:0}button.neoBtnSmallInsetPlain,.neoBtnSmallInsetPlain{background-image:linear-gradient(145deg,var(--primary-gradiend-dark),var(--primary-gradiend-light));box-shadow:inset 3px 3px 6px var(--dark-shadow),inset -3px -3px 6px var(--light-shadow);border:0}button.neoBtnSmallInsetPlain:focus,.neoBtnSmallInsetPlain:focus{background-image:linear-gradient(145deg,var(--primary-gradiend-darker),var(--primary-gradiend-lighter));box-shadow:inset 3px 3px 6px var(--dark-shadow),inset -3px -3px 6px var(--light-shadow);border:0}button.neoBtnSmallXInsetPlain,.neoBtnSmallXInsetPlain{background-image:linear-gradient(145deg,var(--primary-gradiend-dark),var(--primary-gradiend-light));box-shadow:inset 2px 2px 4px var(--dark-shadow),inset -2px -2px 4px var(--light-shadow);border:0}button.neoBtnSmallXInsetPlain:focus,.neoBtnSmallXInsetPlain:focus{background-image:linear-gradient(145deg,var(--primary-gradiend-darker),var(--primary-gradiend-lighter));box-shadow:inset 2px 2px 4px var(--dark-shadow),inset -2px -2px 4px var(--light-shadow);border:0}button.neoBtnInsetPlain,.neoBtnInsetPlain{background-image:linear-gradient(145deg,var(--primary-gradiend-dark),var(--primary-gradiend-light));box-shadow:inset 3px 3px 6px var(--dark-shadow),inset -3px -3px 6px var(--light-shadow);border:0}button.neoBtnInsetPlain:focus,.neoBtnInsetPlain:focus{background-image:linear-gradient(145deg,var(--primary-gradiend-darker),var(--primary-gradiend-lighter));box-shadow:inset 3px 3px 6px var(--dark-shadow),inset -3px -3px 6px var(--light-shadow);border:0}button.neoBtnInsetPlain:focus:not(:active),.neoBtnInsetPlain:focus:not(:active){background-image:linear-gradient(145deg,var(--primary-gradiend-darker),var(--primary-gradiend-lighter));box-shadow:inset 3px 3px 6px var(--dark-shadow),inset -3px -3px 6px var(--light-shadow)}button.neoFile,.neoFile{box-shadow:0 0 0 var(--light-shadow),0 0 0 var(--dark-shadow);transition:all .2s linear;-webkit-backface-visibility:hidden;backface-visibility:hidden}button.neoFile:hover,.neoFile:hover{box-shadow:-3px -3px 6px var(--light-shadow),3px 3px 6px var(--dark-shadow)}button.neoFile:focus-visible,.neoFile:focus-visible{background:linear-gradient(-45deg,var(--primary-gradiend-light),var(--primary-gradiend-dark));box-shadow:inset 3px 3px 6px var(--dark-shadow),inset -3px -3px 6px var(--light-shadow);outline:0}button.neoFile.isSelected,.neoFile.isSelected{background:linear-gradient(145deg,var(--primary-gradiend-dark),var(--primary-gradiend-light));box-shadow:inset 3px 3px 6px var(--dark-shadow),inset -3px -3px 6px var(--light-shadow)}button.neoFile.isSelected:focus-visible,.neoFile.isSelected:focus-visible{background:linear-gradient(-45deg,var(--primary-gradiend-lighter),var(--primary-gradiend-darker));outline:0}button.neoFile.is-active,button.neoFile.active,.neoFile.is-active,.neoFile.active{box-shadow:inset 3px 3px 6px var(--dark-shadow),inset -3px -3px 6px var(--light-shadow);color:var(--black)}button.neoInput,.neoInput{box-shadow:inset 2px 2px 4px var(--dark-shadow),inset -2px -2px 4px var(--light-shadow);background:linear-gradient(145deg,var(--primary-gradiend-dark),var(--primary-gradiend-light));border:0}button.neoInput:focus,.neoInput:focus{background:linear-gradient(145deg,var(--primary-gradiend-darker),var(--primary-gradiend-lighter));border:0}button.neoSelect>select,.neoSelect>select{box-shadow:inset 2px 2px 4px var(--dark-shadow),inset -2px -2px 4px var(--light-shadow);background:linear-gradient(145deg,var(--primary-gradiend-dark),var(--primary-gradiend-light));border:0}button.neoSelect>select:focus,.neoSelect>select:focus{background:linear-gradient(145deg,var(--primary-gradiend-darker),var(--primary-gradiend-lighter));border:0}.neoCheckbox{opacity:0;width:0}.neoCheckbox:focus+label:before{background:linear-gradient(145deg,var(--primary-gradiend-darker),var(--primary-gradiend-lighter))!important}.neoCheckboxContainer{position:relative}.neoCheckbox+label{padding:.15rem .15rem .15rem 2rem;cursor:pointer;font-size:1rem;line-height:1.5}.neoCheckbox+label:before{animation-name:none;width:1.5rem;height:1.5rem;border-radius:100px;position:absolute;left:0;top:0;content:"";border:0;box-shadow:inset 2px 2px 4px var(--dark-shadow),inset -2px -2px 4px var(--light-shadow);background:linear-gradient(145deg,var(--primary-gradiend-dark),var(--primary-gradiend-light))!important}.neoCheckbox:checked.is-checked-bold+label{font-weight:bold}.neoCheckbox:checked+label:after{display:inline-block;width:.375rem;height:.6rem;top:.35rem;left:.55rem;transform:translateY(0) rotate(45deg);border-width:.1rem;border-top-width:.1rem;border-left-width:.1rem;border-style:solid;border-top-style:solid;border-left-style:solid;border-color:var(--text-color);border-top:0;border-left:0;position:absolute;content:""}hr.neoSeparatorFlat{height:10px;border:0;border-radius:20px;box-shadow:-2px -2px 4px var(--light-shadow),2px 2px 4px var(--dark-shadow);background:var(--background)}hr.neoSeparatorPressed{height:10px;border:0;border-radius:20px;box-shadow:inset 2px 2px 4px var(--dark-shadow),inset -2px -2px 4px var(--light-shadow);background:linear-gradient(145deg,var(--primary-gradiend-dark),var(--primary-gradiend-light))}input.neoRange[type=range]{height:30px;-webkit-appearance:none;width:100%;background:transparent}input.neoRange[type=range]:focus{outline:0}input.neoRange[type=range]::-webkit-slider-runnable-track{width:100%;height:20px;cursor:pointer;animate:.2s;border-radius:20px;box-shadow:inset 2px 2px 4px var(--dark-shadow),inset -2px -2px 4px var(--light-shadow);background:linear-gradient(90deg,hsl(0deg,90%,80%),hsl(10deg,90%,80%),hsl(20deg,90%,80%),hsl(30deg,90%,80%),hsl(40deg,90%,80%),hsl(50deg,90%,80%),hsl(60deg,90%,80%),hsl(70deg,90%,80%),hsl(80deg,90%,80%),hsl(90deg,90%,80%),hsl(100deg,90%,80%),hsl(110deg,90%,80%),hsl(120deg,90%,80%),hsl(130deg,90%,80%),hsl(140deg,90%,80%),hsl(150deg,90%,80%),hsl(160deg,90%,80%),hsl(170deg,90%,80%),hsl(180deg,90%,80%),hsl(190deg,90%,80%),hsl(200deg,90%,80%),hsl(210deg,90%,80%),hsl(220deg,90%,80%),hsl(230deg,90%,80%),hsl(240deg,90%,80%),hsl(250deg,90%,80%),hsl(260deg,90%,80%),hsl(270deg,90%,80%),hsl(280deg,90%,80%),hsl(290deg,90%,80%),hsl(300deg,90%,80%),hsl(310deg,90%,80%),hsl(320deg,90%,80%),hsl(330deg,90%,80%),hsl(340deg,90%,80%),hsl(350deg,90%,80%),hsl(359deg,90%,80%))!important}input.neoRange[type=range]::-webkit-slider-thumb{border:0;height:26px;width:26px;border-radius:20px;box-shadow:2px 2px 4px var(--dark-shadow),-2px -2px 4px var(--light-shadow);background:linear-gradient(145deg,var(--primary-gradiend-light),var(--primary-gradiend-dark))!important;cursor:pointer;-webkit-appearance:none;margin-top:-3px}input.neoRange[type=range]:focus::-webkit-slider-runnable-track{background:linear-gradient(90deg,hsl(0deg,90%,80%),hsl(10deg,90%,80%),hsl(20deg,90%,80%),hsl(30deg,90%,80%),hsl(40deg,90%,80%),hsl(50deg,90%,80%),hsl(60deg,90%,80%),hsl(70deg,90%,80%),hsl(80deg,90%,80%),hsl(90deg,90%,80%),hsl(100deg,90%,80%),hsl(110deg,90%,80%),hsl(120deg,90%,80%),hsl(130deg,90%,80%),hsl(140deg,90%,80%),hsl(150deg,90%,80%),hsl(160deg,90%,80%),hsl(170deg,90%,80%),hsl(180deg,90%,80%),hsl(190deg,90%,80%),hsl(200deg,90%,80%),hsl(210deg,90%,80%),hsl(220deg,90%,80%),hsl(230deg,90%,80%),hsl(240deg,90%,80%),hsl(250deg,90%,80%),hsl(260deg,90%,80%),hsl(270deg,90%,80%),hsl(280deg,90%,80%),hsl(290deg,90%,80%),hsl(300deg,90%,80%),hsl(310deg,90%,80%),hsl(320deg,90%,80%),hsl(330deg,90%,80%),hsl(340deg,90%,80%),hsl(350deg,90%,80%),hsl(359deg,90%,80%))!important}input.neoRange[type=range]::-moz-range-track{width:100%;height:20px;cursor:pointer;border-radius:20px;box-shadow:inset 2px 2px 4px var(--dark-shadow),inset -2px -2px 4px var(--light-shadow);background:linear-gradient(90deg,hsl(0deg,90%,80%),hsl(10deg,90%,80%),hsl(20deg,90%,80%),hsl(30deg,90%,80%),hsl(40deg,90%,80%),hsl(50deg,90%,80%),hsl(60deg,90%,80%),hsl(70deg,90%,80%),hsl(80deg,90%,80%),hsl(90deg,90%,80%),hsl(100deg,90%,80%),hsl(110deg,90%,80%),hsl(120deg,90%,80%),hsl(130deg,90%,80%),hsl(140deg,90%,80%),hsl(150deg,90%,80%),hsl(160deg,90%,80%),hsl(170deg,90%,80%),hsl(180deg,90%,80%),hsl(190deg,90%,80%),hsl(200deg,90%,80%),hsl(210deg,90%,80%),hsl(220deg,90%,80%),hsl(230deg,90%,80%),hsl(240deg,90%,80%),hsl(250deg,90%,80%),hsl(260deg,90%,80%),hsl(270deg,90%,80%),hsl(280deg,90%,80%),hsl(290deg,90%,80%),hsl(300deg,90%,80%),hsl(310deg,90%,80%),hsl(320deg,90%,80%),hsl(330deg,90%,80%),hsl(340deg,90%,80%),hsl(350deg,90%,80%),hsl(359deg,90%,80%))!important;border:0}input.neoRange[type=range]::-moz-range-thumb{border:0;height:26px;width:26px;border-radius:20px;box-shadow:2px 2px 4px var(--dark-shadow),-2px -2px 4px var(--light-shadow);background:linear-gradient(145deg,var(--primary-gradiend-light),var(--primary-gradiend-dark))!important;cursor:pointer}body{color:var(--text-color);background-color:var(--background)}.background{background-color:var(--background)}details>summary::-webkit-details-marker{color:var(--text-color)}:focus-visible{outline:0}*,::after,::before{scrollbar-color:inherit;scrollbar-width:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-button{width:8px;height:5px}::-webkit-scrollbar-track{background:transparent;border:thin solid transparent;box-shadow:none;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary-color-dark);border:thin solid transparent;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color-dark)}::-moz-selection{color:var(--primary-color);background:var(--primary-color-dark)}::selection{color:var(--primary-color);background:var(--primary-color-dark)}.flex.flex-col-reverse>div:first-child{margin-top:1rem}.loadAnimation span{animation-name:blink;animation-duration:1.4s;animation-iteration-count:infinite;animation-fill-mode:both}.loadAnimation span:nth-child(1){animation-delay:.4s}.loadAnimation span:nth-child(2){animation-delay:.3s}.loadAnimation span:nth-child(3){animation-delay:.2s}.loadAnimation span:nth-child(4){animation-delay:.2s}.loadAnimation span:nth-child(5){animation-delay:.3s}.loadAnimation span:nth-child(6){animation-delay:.4s} |