@import"https://fonts.googleapis.com/css2?family=Anta&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);--dimmer-color: rgba(0, 0, 0, .75);--personal-color: hsl(7, 100%, 86%);--work-color: hsl(53, 100%, 74%);--commission-color: hsl(96, 72%, 78%);--open-source-color: hsl(300, 27%, 82%);--other-color: hsl(190, 95%, 45%);--border-radius: 10px;--border-radius-small: 5px;--time: .2s;--release-time: .3s}*,*:before,*:after{font-family:Anta,sans-serif;font-weight:400;font-style:normal;margin:0;color:inherit;box-sizing:border-box!important;-webkit-user-select:text;scrollbar-width:none;scroll-behavior:smooth}* ::-webkit-scrollbar,*:before ::-webkit-scrollbar,*:after ::-webkit-scrollbar{display:none}::placeholder{color:#acb7d2}html,body,#root{position:relative;display:flex;width:100%;height:100%;margin:0;padding:0;background:#08090c;overflow-x:hidden}h1,.anta{font-family:Anta,sans-serif;font-weight:400;font-style:normal;font-size:xxx-large}p{margin:0;padding:0;white-space:pre-line}a{text-decoration:none}button{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center}button:focus-visible{outline:none}button:disabled{cursor:not-allowed;opacity:.5}input{all:unset}input:focus-visible{outline:none}input:disabled{cursor:not-allowed;opacity:.5}svg{fill:currentColor;width:100%;height:100%}.playground{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;width:100%;height:100%;color:#d1ddfa}.playground__header{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;margin:50px;width:100%;height:fit-content;color:#e8eefc}.playground__search-container{position:relative;display:flex;flex-direction:column;gap:10px;width:50%;min-width:300px;max-width:1000px;height:fit-content}.playground__filter{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:30px;width:50%;min-width:300px;max-width:1000px}.playground__filter .checkbox{color:#d1ddfa;background:#1c212c;border-radius:10px;transition:transform .2s ease,color .2s ease,background .2s ease}.playground__filter .checkbox.checked{color:#e8eefc;background:#423cb4}@media (hover: hover),(-ms-high-contrast: none){.playground__filter .checkbox:hover{transform:translateY(-2px);color:#08090c;background:#8688d5}}.playground__filter .checkbox:active{transform:translateY(2px)}.playground__content{position:relative;display:grid;grid-template-columns:repeat(auto-fill,300px);grid-template-rows:repeat(auto-fill,minmax(200px,300px));align-items:center;justify-content:center;gap:10px;width:70%;height:fit-content}.playground__content__item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:auto;padding:10px;width:300px;max-width:300px;min-width:300px;height:300px;background:#1c212c;border-radius:10px;border-bottom:solid 5px transparent;transition:color .2s ease,background .2s ease,transform .2s ease,border .2s ease;cursor:pointer}@media (hover: hover),(-ms-high-contrast: none){.playground__content__item:hover{transform:translateY(-5px);background:#242a38;border-bottom:solid 5px hsl(0,100%,67%);transition:background .2s ease,transform .2s ease}.playground__content__item:hover .playground__content__item__title{color:#ff5757}}@media (hover: none){.playground__content__item:active:hover{transform:translateY(-5px);background:#242a38;border-bottom:solid 5px hsl(0,100%,67%);transition:background .2s ease,transform .2s ease}.playground__content__item:active:hover .playground__content__item__title{color:#ff5757}}.playground__content__item__overlay-bar{z-index:1;position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:space-between;top:5px;left:5px;right:5px}.playground__content__item__overlay-bar>*{position:relative;padding:5px;width:40px;height:40px;background:#423cb4;border-radius:10px}.playground__content__item__open-btn{transition:background .2s ease}@media (hover: hover),(-ms-high-contrast: none){.playground__content__item__open-btn:hover{background:#8688d5}.playground__content__item__open-btn:hover svg{fill:#1c212c}}@media (hover: none){.playground__content__item__open-btn:active:hover{background:#8688d5}.playground__content__item__open-btn:active:hover svg{fill:#1c212c}}.playground__content__item__image-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100px;overflow:hidden;border-radius:10px}.playground__content__item__image-container img{border-radius:10px;width:100%;height:100%;object-fit:cover}.playground__content__item__text{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;padding:5px}.playground__content__item__text__title{position:relative;width:100%;height:fit-content;color:#e8eefc;border-radius:10px;text-decoration:underline solid hsl(0,100%,67%);text-decoration-thickness:2px;text-underline-offset:5px;transition:color .2s ease}.playground__content__item__text__description{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-wrap:wrap;width:100%;height:fit-content;min-height:40px;max-height:105px;border-radius:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:auto;scroll-behavior:smooth;scrollbar-color:hsl(222,22%,8%) transparent}.playground__content__item__text__description ::-webkit-scrollbar{display:block}.playground footer{color:#1c212c}.footer{position:relative;margin:auto auto 0;font-size:small;color:#08090c;transition:color .2s ease}.footer:hover{color:#d1ddfa}.footer__link{cursor:pointer}.checkbox{tab-index:0;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0;padding:5px 10px;width:fit-content;height:30px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox:focus{outline:solid 2px hsl(223,80%,95%)}.checkbox:not(:focus-visible){outline:none}.checkbox__label{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;width:100%;height:100%;cursor:inherit;-webkit-user-select:inherit;user-select:inherit;pointer-events:none}.checkbox__icon-container{position:relative;height:100%;aspect-ratio:1/1;cursor:inherit;-webkit-user-select:inherit;user-select:inherit}.checkbox__icon{position:absolute;top:0;left:0;width:100%;height:100%;cursor:inherit;-webkit-user-select:inherit;user-select:inherit;opacity:1;transform:scale(1);transition:opacity .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.checkbox__icon:not(.checked){opacity:0;transform:scale(0);transition:opacity .3s ease,transform .3s ease}.ripple-container{z-index:-1;position:relative;display:grid;overflow:hidden}.ripple-container__wrapper{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100vw;height:100vh}.ripple-container__overlay__top,.ripple-container__overlay__bottom,.ripple-container__overlay__left,.ripple-container__overlay__right{position:fixed}.ripple-container__overlay__top,.ripple-container__overlay__bottom{width:100vw;height:var(--overlay-size-y);left:0}.ripple-container__overlay__left,.ripple-container__overlay__right{width:var(--overlay-size-x);height:100vh;top:0}.ripple-container__overlay__top{top:0;background:linear-gradient(to bottom,hsl(222,22%,4%),transparent)}.ripple-container__overlay__bottom{bottom:0;background:linear-gradient(to top,hsl(222,22%,4%),transparent)}.ripple-container__overlay__left{left:0;background:linear-gradient(to right,hsl(222,22%,4%),transparent)}.ripple-container__overlay__right{right:0;background:linear-gradient(to left,hsl(222,22%,4%),transparent)}.ripple__item{width:100%;aspect-ratio:1;background:#0c0e13;border-radius:10px}.ripple__item--playing{animation:ripple 1s forwards ease}@keyframes ripple{0%{transform:scale(1);background:#0c0e13}25%{transform:scale(.9);background:#101319}to{transform:scale(1);background:#0c0e13}}.search-bar{position:relative;display:flex;flex-flow:column wrap;padding:10px;width:100%;height:50px;color:#e8eefc;background:#1c212c;border-radius:10px}.search-bar__input{height:40px;border-radius:0}.search-bar.disabled{cursor:not-allowed}.search-bar.disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;border-radius:10px}.parent{position:relative;display:grid;grid-template-columns:450px repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;padding:10px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.div1,.div2,.div3,.div4{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.div2,.div3,.div4{gap:10px}.div1{grid-area:1/1/3/2;padding:10px;color:#e8eefc;background:#1c212c;border-radius:10px;border-bottom:solid 5px hsl(243,50%,47%)}.div2{grid-area:1/2/2/3}.div3{grid-area:1/3/2/4}.div4{grid-area:2/2/3/4;gap:0}.sidebar-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;padding:10px;color:#e8eefc;background:#1c212c;border-radius:10px;border-bottom:solid 5px hsl(239,48%,68%)}.sidebar{position:sticky;display:flex;flex-direction:column;align-items:center;top:0;width:100%;height:fit-content}.section{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:fit-content;min-height:200px;max-height:400px}.section:hover .tag-clear-button{right:-32px;opacity:1}.h-section{position:relative;display:flex;flex-direction:row;align-items:flex-start;gap:10px}.h-section .section-subheader{z-index:1;background:#1c212c;-webkit-user-select:none;user-select:none}.h-section .tag-clear-button{position:absolute;right:0;opacity:0;margin:24px 0 10px;width:24px;height:24px;transition:transform .2s ease,right .5s cubic-bezier(.34,1.56,.64,1),opacity .5s cubic-bezier(.34,1.56,.64,1)}.h-section .tag-clear-button:hover svg{fill:#ff5757}.h-section .tag-clear-button:active{right:-28px}.h-section .tag-clear-button svg{width:inherit;height:inherit;transition:fill .2s ease}.stats-section__item{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px}.section-header{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px;width:100%;color:#d1ddfa;border-radius:10px;background:#1c212c}@media (max-width: 1276px){.parent{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;height:fit-content}.div1{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100px;max-height:fit-content;color:#e8eefc;border-radius:10px;transition:height var(--release-time) ease;overflow:hidden}.div1.expanded{height:fit-content;max-height:fit-content}.projects-section{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:fit-content}.section{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:fit-content;min-height:200px;max-height:400px}.stats-section__item{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.stats-section__item img{width:100%;height:100%}.section-header{position:relative;padding:10px;width:100%;height:80px;color:#e8eefc;border-radius:10px;background:#1c212c}footer{position:relative;margin:auto auto 0;color:#101319;transition:color .2s ease}footer:hover{color:#d1ddfa}.section-btn{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:5px;width:50px;height:50px;border-radius:10px;cursor:pointer;transition:background var(--release-time) ease,transform var(--release-time) ease}.section-btn:hover svg{fill:#ff5757;transition:fill var(--release-time) ease}.section-btn:active{transform:scale(.9)}.section-btn svg{width:100%;height:100%;fill:#e8eefc;transition:fill var(--release-time) ease}}.img-container{position:relative;display:flex;flex-direction:column;align-items:center;width:50%;aspect-ratio:1/1;overflow:hidden;border-radius:50%;border:solid 2px hsl(0,100%,67%);transition:border-radius .2s ease}.img-container:hover{cursor:pointer;border-radius:10px}.img-container img{position:absolute;width:100%;height:100%;object-fit:cover}.about-me-section{position:relative;display:flex;flex-direction:column;align-items:flex-start}.about-me-section .about-me-text{font-size:medium;color:#d1ddfa}.stats-section{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px;width:100%;height:100%;background:#1c212c;border-radius:10px}.centered-section{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;height:fit-content}h2.underline{text-decoration:underline solid hsl(0,100%,67%);text-decoration-thickness:2px;text-underline-offset:5px;transition:color .2s ease,transform .2s ease}.section-subheader{margin:20px 0 10px}.divider{width:100%;height:2px;background:#101319;border-radius:1px}.interactable-tag-list{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%;height:fit-content}.interactable-tag-list__tag,.interactable-tag-list__empty-tag{padding:5px;border-radius:5px;color:#d1ddfa;background:#0c0e13;box-shadow:none;transition:background .2s ease,color .2s ease,border .2s ease,box-shadow .2s ease,transform .2s ease}.interactable-tag-list__tag.selected{background:#423cb4;color:#e8eefc}.interactable-tag-list__tag:hover{transform:translateY(-2px);color:#08090c;background:#8688d5}.interactable-tag-list__tag:active{transform:translateY(2px)}.project-card-section{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:10px;padding-top:10px;width:100%;height:100%}.project-card-section__scroll-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:5px;height:100%;width:50px}.project-card-section__scroll-button>button{width:100%;height:100%;fill:#e8eefc;background:#1c212c;border-radius:10px;transition:background var(--release-time) ease,transform var(--release-time) ease}.project-card-section__scroll-button>button:hover:not(:disabled){background:#202532;transition:background var(--time) ease,transform var(--time) ease;cursor:pointer}.project-card-section__scroll-button>button:hover:not(:disabled) svg{fill:#ff5757;transition:fill var(--release-time) ease}.project-card-section__scroll-button>button:active:not(:disabled){transform:scale(.9)}.project-card-section__scroll-button>button svg{width:100%;height:100%;fill:#e8eefc;transition:fill var(--release-time) ease}.project-card-section__content{position:relative;display:flex;flex-direction:row;gap:10px;width:100%;height:100%;border-radius:10px}@media (max-width: 1276px){.project-card-section{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:10px;width:100%;max-width:100vw;height:100%}.project-card-section__content{position:relative;display:flex;flex-direction:row;align-items:stretch;scroll-snap-type:x mandatory;scroll-padding:0 50%;-webkit-overflow-scrolling:touch;gap:10px;width:100%;height:100%;overflow-x:scroll}}.project-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;scroll-snap-align:center;padding:10px;width:350px;min-width:350px;max-width:350px;background:#1c212c;border-radius:10px;border-bottom:solid 5px hsl(243,50%,47%);transition:color var(--release-time) ease,background var(--release-time) ease,transform var(--release-time) cubic-bezier(.34,1.56,.64,1),border var(--release-time) ease}.project-card:hover{transform:translateY(-5px);background:#242a38;border-bottom:solid 5px hsl(0,100%,67%)}.project-card:hover h2{color:#ff5757;transition:color var(--time) ease}.project-card:hover .project-card__type{color:#08090c}.project-card:hover .project-card__content{background:#242a38;transition:background var(--time) ease}.project-card:hover .project-card__date-text{color:#e8eefc;transition:color var(--time) ease}.project-card__type{z-index:1;position:absolute;top:5px;left:5px;padding:5px 10px;color:#08090c;background:#8688d5;border-radius:10px}.project-card__image-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:fit-content;margin:0 auto 10px;cursor:pointer}.project-card__image-container img{width:fit-content;max-width:100%;object-fit:scale-down;border-radius:10px}.project-card__content{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;background:#1c212c;border-radius:10px;transition:background var(--release-time) ease}.project-card__content__section{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:15px 0;width:100%;height:fit-content}.project-card__description{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-wrap:wrap;width:100%;height:fit-content;font-size:medium}.project-card__date{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;margin-top:auto;padding:5px;width:100%;height:20px;font-size:small;color:#acb7d2}.project-card__date span{color:inherit;transition:color var(--release-time) ease}.project-card a{text-decoration:none}.project-card h2{margin-top:0;text-decoration:underline solid hsl(0,100%,67%);text-decoration-thickness:2px;text-underline-offset:5px;color:#e8eefc;transition:color var(--release-time) ease}.project-card h3{text-decoration:underline solid hsl(239,48%,68%);text-decoration-thickness:2px;text-underline-offset:5px;color:#e8eefc}.project-card p{color:#acb7d2}.link-card-section{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;width:100%;height:100%}.link-card{position:relative;display:flex;flex-direction:row;align-items:flex-start;padding:10px;width:100%;height:100%;color:#e8eefc;background:#1c212c;border-radius:10px;cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease,scale .3s cubic-bezier(.34,1.56,.64,1)}.link-card *{transition:color .2s ease,background .2s ease,transform .2s ease}.link-card:hover{background:#242a38;scale:95%}.link-card:hover .link-card__icon-container svg path{fill:#ff5757}.link-card:hover .link-card__url-text{color:#ff5757}.link-card:hover .link-card__description{color:inherit}.link-card:active{transform:scale(95%)}.link-card__icon-container{position:relative;display:flex;align-items:center;justify-content:center;padding:20px;height:100%;width:125px}.link-card__icon-container svg{width:100%;height:100%}.link-card__icon-container svg path{fill:#e8eefc;transition:fill .2s ease}.link-card__info-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;width:100%;height:100%}.link-card__url-text{margin:0;text-decoration:underline solid hsl(0,100%,67%);text-decoration-thickness:2px;text-underline-offset:5px;transition:color .2s ease}.link-card__description{color:#d1ddfa}.collapsible-section{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:0;width:100%;color:#d1ddfa;border-radius:var(--border-radius);overflow:hidden}.collapsible-section label svg{width:fit-content;fill:currentColor;transition:transform .5s ease}.collapsible-section.expanded{color:#e8eefc}.collapsible-section.expanded label svg{transform:rotate(90deg);transition:transform .5s ease}.collapsible-section.expanded .collapsible-section__content{-webkit-animation-name:expand;-webkit-animation-fill-mode:forwards;-webkit-animation-duration:.5s}.collapsible-section__header{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px;width:100%;height:80px;color:inherit;background:#1c212c;border-radius:var(--border-radius)}.collapsible-section__label{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%;height:100%;color:inherit;transition:color .5s ease}.collapsible-section__content{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding-top:0;width:100%;max-height:0;-webkit-animation-name:collapse;-webkit-animation-fill-mode:forwards;-webkit-animation-duration:.5s}@-webkit-keyframes expand{0%{display:none;gap:0;padding-top:0;max-height:0}to{gap:10px;padding-top:10px;max-height:1000vh}}@-webkit-keyframes collapse{to{display:none;gap:0;padding-top:0;max-height:0}0%{gap:10px;padding-top:10px;max-height:1000vh}}.error-display{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:10px;gap:10px;width:100%;height:100%;color:#e8eefc}.error-display__content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.error-display__messages{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px;width:600px;max-width:100%}.error-display__status,.error-display__status-text{text-align:center;padding:10px;width:100%;height:fit-content;background:#1c212c;border-radius:var(--border-radius)}.nav-menu{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:10px;width:100%;max-width:600px;height:fit-content;color:#e8eefc}.nav-menu__button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100px;height:70px;background:#1c212c;border-radius:10px}.nav-menu__button:hover svg{transform:translateY(-15px);fill:#ff5757;background:#242a38;transition:transform var(--time) ease,fill var(--time) ease,height var(--time) ease,background var(--time) ease}.nav-menu__button:hover span{opacity:1;transform:translateY(12px);transition:transform var(--time) ease,opacity var(--time) ease}.nav-menu__button svg{z-index:1;position:relative;margin-bottom:10px;padding:10px 10px 0;width:100%;height:70px;fill:#e8eefc;background:#1c212c;border-radius:10px;transition:transform var(--release-time) ease,fill var(--release-time) ease,height var(--release-time) ease,background var(--release-time) ease}.nav-menu__button span{position:absolute;top:50%;opacity:0;transition:transform var(--release-time) ease,opacity var(--release-time) ease}.dice-roller{position:relative;display:flex;flex-direction:column;align-items:center;gap:50px;width:fit-content;margin:auto}.dice-roller__header{padding:10px;width:100%;height:fit-content;text-align:center;color:#e8eefc;background:#1c212c;border-radius:var(--border-radius)}.dice-roller__header h3{margin:auto;max-width:600px}.dice-roller button{margin-bottom:1rem}.dice-roller__edit{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px;width:100%;height:fit-content;background:#1c212c;border-radius:var(--border-radius)}.dice-roller__result{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;width:100%;height:fit-content;color:#e8eefc;background:#1c212c;border-radius:var(--border-radius)}.dice-roller__result__header{text-align:center}.dice-roller .dice-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 720px){.dice-roller .dice-list{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1080px){.dice-roller .dice-list{grid-template-columns:repeat(6,1fr)}}.dice-roller .result-die{transition:transform .2s ease}.dice-roller .result-die:active{transform:scale(1.1)}.dice-roller .die,.dice-roller .die-face{display:flex;align-items:center;justify-content:center;padding:10px;width:150px;height:150px;color:#1c212c;background:#e8eefc;border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer;font-size:xx-large}.dice-roller .die input{width:100%;border-radius:0}.dice-roller .die-face,.dice-roller .die-sides{-webkit-user-select:none!important;user-select:none!important}.dice-roller .controls{position:relative;display:grid;grid-template-columns:repeat(2,150px);grid-template-rows:repeat(2,150px);gap:10px;width:fit-content}.dice-roller .control{position:relative;display:flex;justify-content:center;align-items:center;margin:0;width:100%;height:100%;border-radius:var(--border-radius);transition:color .2s ease,background .2s ease;cursor:pointer}.dice-roller .control.roll{grid-area:1/1/2/3;color:#d1ddfa;background:#549ef280;border:2px solid hsl(212,86%,64%);font-size:xx-large}.dice-roller .control.roll:hover{color:#e8eefc;background:#549ef2}.dice-roller .control.add{grid-area:2/1/3/2;border:2px dashed hsl(120,39%,54%)}.dice-roller .control.add:hover,.dice-roller .control.add.over{background:#5cb75c80}.dice-roller .control.trash-area{grid-area:2/2/3/3;border:2px dashed hsl(0,78%,62%)}.dice-roller .control.trash-area:hover,.dice-roller .control.trash-area.over{background:#ea535380}