/*.quick-access{*/
|
/* --buttonWidth: 6rem;*/
|
/* --navHeight: 4rem;*/
|
/* z-index: 999;*/
|
/* height: var(--navHeight);*/
|
/* position: fixed;*/
|
/* bottom: 0;*/
|
/* left: 0;*/
|
/* right: var(--navHeight);*/
|
/* display: flex;*/
|
/* justify-content: space-between;*/
|
/* align-items: center;*/
|
/* background-color: var(--base);*/
|
/* box-shadow: var(--shadow);*/
|
/*}*/
|
/*button#randomizor,*/
|
/*.quick-access input:checked + label,*/
|
/*.quick-access label,*/
|
/*.quick-access button {*/
|
/* height: var(--navHeight);*/
|
/* display: flex;*/
|
/* justify-content: center;*/
|
/* align-items: center;*/
|
/* flex-direction: column;*/
|
/* background-color: var(--base);*/
|
/* color: var(--contrast);*/
|
/* transition: all var(--timing) var(--function);*/
|
/* transition-property: background-color, color;*/
|
/*}*/
|
/*.quick-access .open label {*/
|
/* background-color: var(--base-50);*/
|
/*}*/
|
/*.quick-access .search button,*/
|
/*button#randomizor {*/
|
/* width: var(--buttonWidth);*/
|
/* transition: width var(--timing) var(--function);*/
|
/* transition-property: width, transform;*/
|
/*}*/
|
/*button#randomizor span {*/
|
/* font-size: var(--small);*/
|
/*}*/
|
/*button#randomizor sup {*/
|
/* font-size: .75em;*/
|
/*}*/
|
/*.quick-access button.close,*/
|
/*.quick-access button.toggle {*/
|
/* border: .5rem solid var(--base-50);*/
|
/* width: var(--navHeight);*/
|
/* transition: width var(--timing) var(--function);*/
|
/* transition-property: width, transform;*/
|
/*}*/
|
|
/*.quick-access .open button.toggle .more,*/
|
/*.quick-access button.toggle .close {*/
|
/* transform: scale(0);*/
|
/* max-width: 0;*/
|
/* max-height: 0;*/
|
/* transition: all var(--timing) var(--function);*/
|
/* transition-property: transform;*/
|
/*}*/
|
/*.quick-access .open button.toggle .close,*/
|
/*.quick-access button.toggle .more {*/
|
/* transform: scale(1);*/
|
/* max-width: 100%;*/
|
/* max-height: 100%;*/
|
/* transition: transform var(--timing) var(--function);*/
|
/*}*/
|
|
/*.quick-access label {*/
|
/* font-size: var(--small);*/
|
/* cursor: pointer;*/
|
/* width: var(--navHeight);*/
|
/*}*/
|
/*.quick-access .open label {*/
|
/* width: 100%;*/
|
/*}*/
|
|
/*.quick-access .randomizor label {*/
|
/* transform: scaleX(0);*/
|
/* max-width: 0;*/
|
/*}*/
|
/*.quick-access .randomizor.open label,*/
|
/*.quick-access .randomizor input:checked + label {*/
|
/* transform: scaleX(1);*/
|
/* max-width: 100%;*/
|
/*}*/
|
/*button#randomizor:hover,*/
|
/*.quick-access label:hover,*/
|
/*.quick-access .open input:checked + label,*/
|
/*.quick-access button:hover {*/
|
/* background-color: var(--action-50);*/
|
/* color: var(--base-100);*/
|
/* transition: all var(--timing) var(--function);*/
|
/* transition-property: background-color, color;*/
|
/*}*/
|
/*button#randomizor span,*/
|
/*.quick-access label span{*/
|
/* transform: scaleY(0);*/
|
/* max-height: 0;*/
|
/* transition: all var(--timing) var(--function);*/
|
/* transition-property: transform, max-height;*/
|
/*}*/
|
|
/*button#randomizor:hover span,*/
|
/*.quick-access .open a span,*/
|
/*.quick-access input:checked + label:hover span,*/
|
/*.quick-access .open label span,*/
|
/*.quick-access .open input:checked + label span {*/
|
/* transform: scaleY(1);*/
|
/* max-height: 100%;*/
|
/* transition: all var(--timing) var(--function);*/
|
/* transition-property: transform, max-height;*/
|
/*}*/
|
|
/*button#randomizor svg,*/
|
/*.quick-access label svg {*/
|
/* width: 32px;*/
|
/* height: 32px;*/
|
/* transition: all var(--timing) var(--function);*/
|
/* transition-property: width, height;*/
|
/*}*/
|
/*button#randomizor:hover svg,*/
|
/*.quick-access .open input:checked + label svg,*/
|
/*.quick-access input:checked + label:hover svg {*/
|
/* width: 25px;*/
|
/* height: 25px;*/
|
/* transition: all var(--timing) var(--function);*/
|
/* transition-property: width, height;*/
|
/*}*/
|
/*input[type=radio],*/
|
/*input[type=checkbox]{*/
|
/* position: absolute;*/
|
/* left: -300vw;*/
|
/* transform: scale(0);*/
|
/* max-width: 0;*/
|
/* max-height: 0;*/
|
/*}*/
|
/*.quick-access .randomizor.close .options,*/
|
/*.quick-access .close input:checked + label,*/
|
/*.quick-access .close button.toggle {*/
|
/* transform: scale(0);*/
|
/* max-width: 0;*/
|
/* max-height: 0;*/
|
/* transition: width var(--timing) var(--function);*/
|
/* transition-property: width, transform;*/
|
/*}*/
|
/*.quick-access .close a,*/
|
/*.quick-access .close button.search {*/
|
/* width: 4rem;*/
|
/* transition: width var(--timing) var(--function);*/
|
/*}*/
|
|
/*.quick-access form {*/
|
/* display: flex;*/
|
/* height: var(--navHeight);*/
|
/* margin-bottom: 0;*/
|
/*}*/
|
/*.quick-access form.search {*/
|
/* justify-content: flex-end;*/
|
/*}*/
|
/*.quick-access.search {*/
|
/* flex-wrap: wrap;*/
|
/*}*/
|
/*.quick-access.search form.search {*/
|
/* width: 100%;*/
|
/* order: 1;*/
|
/* justify-content: center;*/
|
/*}*/
|
/*.quick-access.search form.randomizor {*/
|
/* order: 2;*/
|
/* width: 0;*/
|
/*}*/
|
|
/*.quick-access .options {*/
|
/* padding: 0;*/
|
/* margin: 0;*/
|
/* border: 2px solid var(--base-100);*/
|
/* padding-block-end: 0;*/
|
/* padding-block-start:0;*/
|
/* padding-inline-start:0;*/
|
/* padding-inline-end: 0;*/
|
/* margin-inline-start: 0;*/
|
/* margin-inline-end: 0;*/
|
/* min-inline-size: 0;*/
|
/* display: flex;*/
|
/* transform-origin: bottom;*/
|
/* width: 100%;*/
|
/* bottom: 0;*/
|
/* overflow: visible;*/
|
/* transition: bottom var(--timing) var(--function) .25s;*/
|
/*}*/
|
/*.quick-access .open .options {*/
|
/* z-index: -1;*/
|
/*}*/
|
|
/*.quick-access .randomizor .options {*/
|
/* justify-content: flex-start;*/
|
/* width: 4rem;*/
|
/*}*/
|
/*.quick-access .randomizor.open .options {*/
|
/* left: 0;*/
|
/* width: 100%;*/
|
/* position: fixed;*/
|
/*}*/
|
/*.quick-access .search .options {*/
|
/* justify-content: flex-end;*/
|
/* position: fixed;*/
|
/* transform: scaleY(0);*/
|
/* max-height: 0;*/
|
/* right: 0;*/
|
/*}*/
|
/*.quick-access .search.open .options,*/
|
/*.quick-access .randomizor.open .options {*/
|
/* bottom: calc(var(--navHeight) - 2px);*/
|
/* transform: scaleY(1);*/
|
/* max-height: 4rem;*/
|
/* transition: bottom var(--timing) var(--function);*/
|
/*}*/
|
/*.quick-access legend {*/
|
/* transform: scale(0) translateX(-50%);*/
|
/* max-width: 0;*/
|
/* max-height: 0;*/
|
/* position: absolute;*/
|
/* background-color: var(--base);*/
|
/* bottom: 0;*/
|
/* left: 50%;*/
|
/* z-index: -1;*/
|
/* width: 66.666%;*/
|
/* text-align: center;*/
|
/* margin: 0 auto;*/
|
/* border-top-left-radius: .75rem;*/
|
/* border-top-right-radius: .75rem;*/
|
/* padding: .5rem 1rem;*/
|
/* transition: bottom var(--timing) var(--function);*/
|
/*}*/
|
/*.quick-access .open legend {*/
|
/* transform: scale(1) translateX(-50%);*/
|
/* max-width: 100%;*/
|
/* max-height: 100%;*/
|
/* bottom: 100%;*/
|
/* transition: bottom var(--timing) var(--function) .35s;*/
|
/*}*/
|
/*.quick-access button.close,*/
|
/*.quick-access input[type=search] {*/
|
/* transform: scaleX(0);*/
|
/* max-width: 0;*/
|
/* transition: width var(--timing) var(--function);*/
|
/* transition-property: width, transform;*/
|
/*}*/
|
/*.quick-access .open button.close,*/
|
/*.quick-access .open input[type=search] {*/
|
/* transform: scale(1);*/
|
/* max-width: 100%;*/
|
/* max-height: 100%;*/
|
/* transition: width var(--timing) var(--function);*/
|
/* transition-property: width, transform;*/
|
/*}*/
|
/*.quick-access input[type=search] {*/
|
/* width: calc(100% - 10rem);*/
|
/* padding: 0 1rem;*/
|
/* font-size: var(--large);*/
|
/* font-family: var(--body);*/
|
/*}*/
|
|
/*aside#seen-all {*/
|
/* position: fixed;*/
|
/* width: 66.6vw;*/
|
/* right: .25rem;*/
|
/* bottom: -200vh;*/
|
/* z-index: 999;*/
|
/* padding: 1rem;*/
|
/* border-radius: 1rem;*/
|
/* background: var(--base);*/
|
/* transition: bottom var(--timing) var(--function);*/
|
/* box-shadow: var(--shadow);*/
|
/*}*/
|
/*aside#seen-all.did-it{*/
|
/* bottom: 4.5rem;*/
|
/* transition: bottom var(--timing) var(--function) .5s;*/
|
/*}*/
|
/*aside#seen-all button {*/
|
/* position: absolute;*/
|
/* right: .5rem;*/
|
/* top: .5rem;*/
|
/* background: transparent;*/
|
/* color: var(--base-100);*/
|
/*}*/
|
/*aside#seen-all .button {*/
|
/* padding: .5rem 1.5rem;*/
|
/* border-radius: 4px;*/
|
/* text-decoration: none;*/
|
/*}*/
|
/*.quick-access label.screen-reader-text {*/
|
/* width: 0;*/
|
/*}*/
|
/*@media (max-width: 768px){*/
|
/* .quick-access .search {*/
|
/* width: 25vw;*/
|
/* }*/
|
/* .quick-access input[type=search] {*/
|
/* font-size: var(--medium);*/
|
/* }*/
|
/*}*/
|
|
/*button[aria-busy="true"] {*/
|
/* position: relative;*/
|
/* cursor: wait;*/
|
/*}*/
|
|
/*button[aria-busy="true"]::after {*/
|
/* content: "";*/
|
/* position: absolute;*/
|
/* width: 1em;*/
|
/* height: 1em;*/
|
/* border: 2px solid var(--overlay-light);*/
|
/* border-top-color: var(--contrast);*/
|
/* border-radius: 50%;*/
|
/* animation: loading 0.75s infinite linear;*/
|
/*}*/
|
|
/*@keyframes loading {*/
|
/* to {*/
|
/* transform: rotate(360deg);*/
|
/* }*/
|
/*}*/
|
|
/*.quick-access.loading #randomizor,*/
|
/*.quick-access.loading #random-item label,*/
|
/*.quick-access.loading #random-item .toggle{*/
|
/* color: var(--lighter);*/
|
/* cursor: wait;*/
|
/* pointer-events: none;*/
|
/*}*/
|
|
/*.quick-access.loading #random-item {*/
|
/* position: relative;*/
|
/*}*/
|
/*.quick-access.loading #random-item:after {*/
|
/* content: "";*/
|
/* position: absolute;*/
|
/* top: calc(50% - .5em);*/
|
/* left: calc(50% - .5em);*/
|
/* width: 1em;*/
|
/* height: 1em;*/
|
/* border: 2px solid var(--action-200);*/
|
/* border-top-color: var(--action-50);*/
|
/* border-radius: 50%;*/
|
/* animation: loading 0.75s infinite linear;*/
|
/*}*/
|
