@font-face{font-family:source sans pro;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Source_Sans_Pro/SourceSansPro-Regular-Fiq0HJN.ttf)format('truetype')}@font-face{font-family:source sans pro;font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/Source_Sans_Pro/SourceSansPro-Italic-feg5cjj.ttf)format('truetype')}@font-face{font-family:source sans pro;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Source_Sans_Pro/SourceSansPro-SemiBold-vujiWPI.ttf)format('truetype')}@font-face{font-family:source sans pro;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Source_Sans_Pro/SourceSansPro-Bold-m-L3GgP.ttf)format('truetype')}@font-face{font-family:source sans pro;font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/Source_Sans_Pro/SourceSansPro-BoldItalic-kAJ0sYU.ttf)format('truetype')}@font-face{font-family:source code pro;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Source_Code_Pro/SourceCodePro-Regular-rzEgEM-.ttf)format('truetype')}:root{--sidebar-width:290px;--aside-button-size:36px;--gap:0.75rem;--clr-100:206 14% 90%;--clr-200:235 8% 70%;--clr-400:220 13% 23%;--clr-500:220 13% 18%;--clr-600:216 13% 15%;--clr-900:0 0% 0%;--clr-code-bg:220 13% 16%;--clr-blue:200 85% 45%;--clr-blue-accent:200 85% 55%;--clr-valid:152 69% 31%;--clr-invalid:354 70% 54%;--clr-tag:0 0% 0%;--clr-tag-bg:42 93% 64%;--clr-tag-home-bg:198 61% 39%;--clr-tag-public-bg:94 38% 59%;--clr-tag-private-bg:359 94% 62%;--clr-tag-admin-bg:162 43% 46%;--clr-tag-category1-bg:21 89% 56%;--clr-tag-category2-bg:33 94% 55%;--clr-tag-selected-bg:216 98% 62%;--clr-tag-update-bg:284 100% 42%;--clr-tag-delete-bg:0 100% 42%;--clr-tag-random-bg:178 30% 43%;--clr-tag-prev-next-bg:208 25% 45%;--clr-tag-note-num:0 0% 25%}::-moz-focus-inner{border:0}::selection{background:hsl(var(--clr-blue))}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0;font:inherit;-webkit-tap-highlight-color:transparent}html{color-scheme:dark;scroll-padding-top:var(--gap)}body{min-height:100dvh;font-family:source sans pro,sans-serif;color:hsl(var(--clr-100));background-color:hsl(var(--clr-500));display:grid;grid:1fr/auto}img,picture,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid hsl(var(--clr-blue))}button{cursor:pointer}form{display:flex;flex-direction:column;gap:var(--gap)}label,.note-form__preview-label{font-size:.9rem}input,textarea{padding:calc(var(--gap)/1.5)var(--gap);color:var(--clr-100);background-color:hsl(var(--clr-400));border:1px solid hsl(var(--clr-600));border-radius:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{border:1px solid hsl(var(--clr-blue));outline:none}input:not([type=checkbox],[type=date],[type=time]){width:100%}input[type=checkbox]{accent-color:hsl(var(--clr-blue))}input[type=checkbox]:focus-visible{outline:1px solid hsl(var(--clr-blue))}textarea{width:100%;min-height:138px;line-height:1.5;resize:none;field-sizing:content;overflow-wrap:anywhere}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--clr-100);transition:background-color 5e3s ease-in-out 0s}.page{min-height:100%;padding-inline:var(--gap);display:grid;grid:auto/minmax(auto,1320px);gap:var(--gap);place-content:center}.page--75ch{grid:auto/minmax(auto,75ch)}.page--full-width{grid:auto/auto}.page--text-center{text-align:center}.page--note-index{padding-inline:0;grid-template-rows:auto auto 1fr auto}.page--note-show{padding-inline:0;grid-template-rows:auto auto 1fr;align-items:center}.page--note-cu{gap:calc(var(--gap) * 1.5)}.page--bicycle-gear{grid:auto/minmax(auto,calc(800px + var(--gap)))}.page--contact{grid:auto/minmax(auto,480px);gap:calc(var(--gap) * 1.5)}.page--sign-in{grid:auto/minmax(auto,275px);gap:calc(var(--gap) * 1.5)}.page__spinner{filter:brightness(90%)}.page__title{position:relative;padding-bottom:var(--gap);font-size:1.75rem;line-height:1.5}.page__title::after{content:'';position:absolute;left:0;bottom:0;display:block;width:3rem;height:3px;background-color:hsl(var(--clr-blue))}.page__title--center{text-align:center}.page__title--center::after{left:50%;transform:translateX(-50%)}.button{border:none;border-radius:3px;padding:calc(var(--gap) * .5)calc(var(--gap) * 1.25);font-size:1.05rem;text-align:center}.button:focus-visible{outline:1px solid hsl(var(--clr-blue));outline-offset:3px}.button[disabled]{color:hsl(var(--clr-100))}.button:not([disabled]):active{transform:translate(1px,1px)}.button--primary{background-color:hsl(var(--clr-blue))}.button--primary:focus-visible{outline-color:hsl(var(--clr-blue))}.button--secondary{background-color:hsl(var(--clr-400))}.button--secondary:focus-visible{outline-color:hsl(var(--clr-400))}.button--warning{background-color:hsl(var(--clr-invalid))}.button--warning:focus-visible{outline-color:hsl(var(--clr-invalid))}.flex{display:flex}.flex--col{flex-direction:column;align-items:flex-start;gap:2px}.flex--row{align-items:center;gap:calc(var(--gap)/2)}.form__message{list-style:none;font-size:1.1rem;line-height:1.4;text-align:center}.form__message--valid{color:hsl(var(--clr-valid))}.form__message--invalid{color:hsl(var(--clr-invalid))}.form__label-wrapper{width:100%;display:flex;align-items:center}.form__label-wrapper .form__help{margin-inline-start:auto}.form__element{padding-right:calc(1.5em + .75rem);background-position:right calc(.375em + .1875rem)center;background-size:calc(.75em + .375rem)calc(.75em + .375rem);background-repeat:no-repeat}textarea.form__element{background-position:top calc(.375em + .1875rem)right calc(.375em + .1875rem)}.form__element--valid{border:1px solid hsl(var(--clr-valid));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")}.form__element--invalid{border:1px solid hsl(var(--clr-invalid));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")}.form__error{list-style:none;font-size:.9rem;color:hsl(var(--clr-invalid))}.form__error--hidden{display:none}.form__help{font-size:.75rem;color:hsl(var(--clr-200))}.form__bottom-checkbox{font-size:.85rem}:has(>.form__bottom-checkbox){margin-top:calc(var(--gap) * .5)}.homepage-route{background-image:linear-gradient( rgba(0,0,0,.6),rgba(0,0,0,.6) ),url(../images/bg-ZcQuI3e.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}.preloader{position:fixed;inset:0;display:grid;place-content:center;z-index:1000}.preloader::before,.preloader::after{content:'';background-color:#0d0d0d;position:absolute;inset:0;width:50%;height:100%;z-index:-1}.preloader::after{left:auto;right:0}.preloader--loaded::before,.preloader--loaded::after{animation:preloader-finish 300ms ease-in-out 150ms forwards}@keyframes preloader-finish{0%{width:50%}100%{width:0%}}.preloader__spinner{opacity:1;filter:brightness(90%)}.preloader__spinner--loaded{animation:preloader-hide 150ms ease-in-out 0ms forwards}@keyframes preloader-hide{0%{opacity:1}100%{opacity:0}}.aside-toggle{position:fixed;top:var(--gap);right:var(--gap);width:var(--aside-button-size);height:var(--aside-button-size);border:0;border-radius:50%;color:hsl(var(--clr-500));background-color:hsl(var(--clr-100)/90%);z-index:998}@media(min-width:1200px){.aside-toggle{display:none}}.aside-toggle__line{transform-origin:center;transition:rotate 250ms ease-in,opacity 0ms 250ms,y 250ms ease-in 250ms}.aside-toggle[aria-expanded=true] .aside-toggle__line{transition:y 250ms ease-in,opacity 0ms 250ms,rotate 250ms ease-in 250ms}.aside-toggle[aria-expanded=true] :is(.aside-toggle__line--top,.aside-toggle__line--bottom){y:45}.aside-toggle[aria-expanded=true] .aside-toggle__line--top{rotate:45deg}.aside-toggle[aria-expanded=true] .aside-toggle__line--middle{opacity:0}.aside-toggle[aria-expanded=true] .aside-toggle__line--bottom{rotate:-45deg}.mobile-nav-active{overflow:hidden}.mobile-nav-active .header{transform:translateX(0)}.mobile-nav-active .back-to-top{display:none}.header{position:fixed;inset:0 auto 0 0;transform:translateX(-100%);transition:transform .5s ease-out;width:var(--sidebar-width);padding:var(--gap);background-color:hsl(var(--clr-600)/95%);overflow-y:auto;line-height:1;z-index:997;display:grid;grid:auto 1fr auto auto/auto;gap:calc(var(--gap) * 2)}.homepage-route .header{background-color:hsl(var(--clr-900)/80%)}@media(min-width:1200px){.header{transform:translateX(0)}}.header__profile{text-align:center}.header__brand{margin:var(--gap)auto;border:3px solid hsl(var(--clr-400));border-radius:50%}.header__address{font-size:1.3rem}.header__address:focus-visible{outline-offset:3px}.header__nav-list{list-style:none;font-size:1.1rem;color:hsl(var(--clr-200))}.header__nav-item{display:flex;align-items:center;gap:var(--gap)}.header__nav-link{flex-grow:1;padding:calc(var(--gap)/2);display:flex;align-items:center;gap:calc(var(--gap)/1.5)}.header__nav-link--option{flex-grow:0;display:inline;padding:0;font-size:18px}.header__nav-link--option:focus-visible{outline-offset:2px}.header__nav-link:hover,.header__nav-link--current{color:hsl(var(--clr-100))}.header__nav-icon{min-width:28px;font-size:20px;text-align:center}.header__nav-link--current .header__nav-icon{color:hsl(var(--clr-blue))}.header__nav-link:hover .header__nav-icon{color:hsl(var(--clr-blue-accent))}.copyright{font-size:.8rem;text-align:center;color:darkgrey}.main{padding-block:var(--gap)}@media(min-width:1200px){.main{padding-left:var(--sidebar-width)}}.homepage__hero{position:absolute;left:calc(1.5 * var(--gap));top:50%;line-height:1.6}@media(min-height:320px){.homepage__hero{top:63%}}@media(min-width:576px){.homepage__hero{left:15%}}@media(min-width:1200px){.homepage__hero{left:28%}}.homepage__address{font-size:3.5rem;border-bottom:3px solid hsl(var(--clr-blue))}.homepage__strings{display:none}.bicycle-gear__input{padding:1px;text-align:center}.bicycle-gear__input--invalid{background-color:#b22222!important}.bicycle-gear__show-wrapper{margin-inline:auto}.bicycle-gear__show{padding:1px;-moz-padding-start:5px;background-color:hsl(var(--clr-400));border:1px solid hsl(var(--clr-600));border-radius:3px}.bicycle-gear__wrapper{display:grid;grid:auto/1fr;gap:var(--gap);align-items:start;justify-items:center;justify-content:center;line-height:1.6}@media(min-width:628px){.bicycle-gear__wrapper{grid:auto/repeat(auto-fit,minmax(296px,.5fr))}}.bicycle-gear__element{min-width:296px;max-width:400px}.bicycle-gear__top{line-height:1;text-align:right}.bicycle-gear__close-button{visibility:hidden;margin-bottom:1px}.bicycle-gear__close-button--visible{visibility:visible}.bicycle-gear__close-button,.bicycle-gear__add-button{padding-inline:calc(var(--gap) * .66);font-size:1rem;line-height:1;background-color:hsl(var(--clr-400))}.bicycle-gear__close-button:focus-visible,.bicycle-gear__add-button:focus-visible{outline-offset:0}.bicycle-gear__header{display:grid;grid:auto/auto 1fr 1fr;justify-items:center;align-items:end;text-align:center}.bicycle-gear__header--hidden{display:none}.bicycle-gear__title{font-size:.8rem}.bicycle-gear__wheel{height:100%;background-color:hsl(var(--clr-400));border:1px solid hsl(var(--clr-600));border-radius:3px;padding:1px;-moz-padding-start:5px}.bicycle-gear__table{table-layout:fixed;border-collapse:collapse;height:100%;width:100%}.bicycle-gear__table td{text-align:center}.bicycle-gear__table tbody tr:nth-child(even),.bicycle-gear__x,.bicycle-gear__cog-diff{background-color:#2c313a}.bicycle-gear__gears-td{width:100px}.bicycle-gear__gears{display:grid;grid:auto/4fr auto 5fr}.bicycle-gear__x{border:1px solid hsl(var(--clr-600));border-radius:3px;padding-inline:1px}.bicycle-gear__crankshaft,.bicycle-gear__cog{font-weight:600}@media(hover:hover) and (pointer:fine){.bicycle-gear__cog{padding-left:15px}}.bicycle-gear__cog-diff{position:absolute;padding:1px 2px;font-size:.75em;line-height:1;border-radius:3px;transform:translate(3px,-50%)}.bicycle-gear__cog-diff--hidden{display:none}.bicycle-gear__add-button{display:block;margin-inline:auto}.bicycle-gear__add-button--hidden{display:none}.photo{position:relative;margin-inline:calc(-1 * var(--gap));background-color:hsl(var(--clr-900)/13%);min-height:74px}.photo__img{max-height:218px;margin-inline:auto;border-radius:2px;cursor:pointer}.homepage-route .photo__img{filter:brightness(80%)}.photo__buttons{position:absolute;font-size:1.1rem;pointer-events:none;display:flex;justify-content:space-between;align-items:center}.photo__buttons--top{inset:0 0 auto 0}.photo__buttons--bottom{inset:auto 0 0 0}.photo__button{border:0;padding:5px;background:0 0;pointer-events:all}.photo__button:focus-visible{outline:1px solid currentColor;outline-offset:-1px}.photo__buttons--top .photo__button,.photo__buttons--bottom .photo__button{padding-inline:7px}.photo__buttons--top .photo__button{padding-bottom:7px}.photo__buttons--bottom .photo__button{padding-top:7px}.photo__spinner{display:none;height:1.1rem}.photo__spinner--active{display:block}.photo__empty{text-align:center}.photo__delete-form{gap:0}.photo-upload__message{display:none;list-style:none;font-size:1.1rem;line-height:1.4}.photo-upload__message--active{display:block}.photo-upload__message--success{color:hsl(var(--clr-valid))}.photo-upload__message--error{color:hsl(var(--clr-invalid))}.photo-upload__progress{display:none;position:relative;border-radius:3px;font-size:.9rem;background-color:hsl(var(--clr-600)/95%)}.photo-upload__progress--active{display:block}.photo-upload__progress-bar{position:absolute;inset:1px;border-radius:3px;background-color:hsl(var(--clr-blue))}.photo-upload__progress-percent{position:absolute;inset:0;text-align:center}.back-to-top{visibility:hidden;opacity:0;position:fixed;right:var(--gap);bottom:var(--gap);font-size:var(--aside-button-size);line-height:1;color:hsl(var(--clr-100)/90%);background-color:initial;border:0;transition:visibility .5s,opacity .5s;z-index:996}.back-to-top--visible{visibility:visible;opacity:1}.back-to-top:active{transform:translateY(1px)}.cookies-notice{inset-inline:unset;width:unset;height:unset;border:0;position:fixed;right:var(--gap);bottom:var(--gap);padding:var(--gap);color:hsl(var(--clr-600));background-color:hsl(var(--clr-200));border-radius:3px;line-height:1.2;z-index:999;gap:var(--gap);align-items:center}.cookies-notice[open]{display:flex}.error-page__title{font-size:2.5rem}.error-page__link{color:hsl(var(--clr-blue))}.note-search{position:sticky;top:var(--gap);margin-left:-1px;padding-inline:var(--gap)}.note-search__wrapper{--_icon-size:1.125rem;--_spinner-size:calc(var(--_icon-size) * 1.25);position:relative}.note-search__icon,.note-search__spinner{position:absolute;top:50%;transform:translateY(-50%)}.note-search__icon{z-index:1;left:var(--gap);width:var(--_icon-size);height:var(--_icon-size);fill:hsl(var(--clr-200))}.note-search__spinner{display:none;right:var(--gap);width:var(--_spinner-size);height:var(--_spinner-size)}.note-search__spinner--visible{display:block}.note-search__input{max-width:calc(100% - var(--aside-button-size) - var(--gap));min-height:25px;padding-left:calc(var(--_icon-size) + var(--gap) * 2);padding-right:calc(var(--_spinner-size) + var(--gap) * 2)}@media(min-width:768px){.note-search__input{max-width:50%}}.note-search__results{position:absolute;inset-inline:var(--gap);max-height:251px;border-radius:3px;border:1px solid hsl(var(--clr-600));background-color:hsl(var(--clr-400));list-style:none;overflow-y:auto}.note-search__results:empty{display:none}.note-search__item{padding:calc(var(--gap)/2)var(--gap);line-height:1.1;overflow-wrap:anywhere;cursor:pointer}.note-search__item:first-child{padding-top:var(--gap)}.note-search__item:last-child{padding-bottom:var(--gap)}.note-search__item.active,.note-search__item:hover{color:hsl(var(--clr-blue))}.note-index__list{max-width:75ch;margin:var(--gap)auto;display:grid;gap:calc(var(--gap) * 1.5)}.note-index__element{display:grid;gap:calc(var(--gap)/2)}.note-index__title{padding-inline:var(--gap);font-size:1.125rem;line-height:1.1;text-wrap:pretty;overflow-wrap:anywhere}.note-index__title:hover{color:hsl(var(--clr-blue))}.pagination{justify-self:center;margin-right:calc(var(--aside-button-size) + var(--gap));padding-inline:var(--gap);display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--gap)/3)}@media(min-width:576px){.pagination{margin-right:0}}.pagination__item{display:inline-block;border-radius:3px;border:1px solid hsl(var(--clr-400));color:hsl(var(--clr-100));padding:.25em .35em;text-decoration:none;font-size:.9rem}.pagination__item:hover{background:hsl(var(--clr-400))}.pagination__item.pagination__item--separator{border:none}.pagination__item.pagination__item--current-page{background:hsl(var(--clr-400));font-weight:600}.pagination__item.pagination__item--disabled{border-color:hsl(var(--clr-400));color:hsl(var(--clr-400))}.pagination__item.pagination__item--separator:hover,.pagination__item.pagination__item--disabled:hover{background:inherit}.note-form__pinned{max-width:66px}.note-form__content-wrapper{display:grid;gap:var(--gap)}@media(min-width:768px){.note-form__content-wrapper{grid:auto/1fr 1fr}}.note-form__preview-wrapper{min-width:0}.note-form__preview{margin-top:var(--gap);overflow-wrap:anywhere}.note-markdown>*:not(a:has(>img:only-child),img,video,pre,blockquote,ul,ol,hr){padding-inline:var(--gap)}.note-markdown>div:has(>a:only-child){margin-block:calc(var(--gap)/2);font-size:.75rem;line-height:1.2}.note-markdown p{line-height:1.5}.note-markdown a{color:hsl(var(--clr-blue))}.note-markdown img{display:block;margin-inline:auto;border-radius:3px}.note-markdown a:has(>img:only-child){position:relative}.note-markdown a:has(>img:only-child)::after{content:'';position:absolute;inset:0;border-radius:3px;background-color:hsl(var(--clr-600));z-index:-1}.note-markdown .video-wrapper{position:relative;min-width:100%;height:0;padding-bottom:56.25%}.note-markdown .video-wrapper>iframe{position:absolute;top:0;left:0;width:100%;height:100%}.note-markdown :is(img,video,.video-wrapper){margin-block:1px}.note-markdown :is(pre,code){font-family:source code pro,monospace}.note-markdown pre{font-size:.75rem;line-height:1.4;overflow:auto}.note-markdown :is(p,li)>code{font-size:.85rem;background-color:hsl(var(--clr-400));border-radius:3px;padding-inline:2px;overflow-wrap:break-word}.note-markdown pre code{display:block;padding:0 var(--gap)}.note-markdown pre code[class^=language-]{padding:var(--gap)}.note-markdown .hljs{background:hsl(var(--clr-code-bg))}.note-markdown pre:has(.hljs){box-shadow:0 0 3px hsl(var(--clr-900))}.note-markdown :is(p,ul,ol,pre,blockquote){margin-block:calc(var(--gap)/2)}.note-markdown>p:empty{padding-block:1px}.note-markdown h3{font-size:1.2rem}.note-markdown h4{font-size:1.15rem}.note-markdown h5{font-size:1.1rem}.note-markdown h6{font-size:1.05rem}.note-markdown small{font-size:.9rem}.note-markdown strong{font-weight:600}.note-markdown em{font-style:italic}.note-markdown hr{margin-block:var(--gap);border:0;height:1px;background-image:linear-gradient(to right,hsl(0 0% 100%/0),hsl(var(--clr-200)/.75),hsl(0 0% 100%/0))}.note-markdown blockquote{margin-inline:5px;border-left:2px solid hsl(var(--clr-200));padding:.5em .625em;quotes:"\201C" "\201D"}.note-markdown blockquote p{margin:0}.note-markdown blockquote p::before{content:open-quote;margin-right:.1em;font-size:2em;line-height:0;color:hsl(var(--clr-200));vertical-align:-.2em}.note-markdown>:is(ul,ol){padding-left:2.2rem;padding-right:var(--gap)}.note-markdown>:is(ul,ol) :is(ul,ol){padding-left:var(--gap)}.note-markdown li::marker{color:hsl(var(--clr-200))}.note-markdown li:not(:last-child){margin-bottom:calc(var(--gap)/2)}.note-markdown>:first-child{margin-top:0}.note-markdown>:last-child{margin-bottom:0}.note-show__title-wrapper{display:grid;gap:calc(var(--gap) * .75)}.note-show__title{padding-inline:var(--gap);font-size:clamp(1.2rem,1.1273rem + .3636vw,1.4rem);line-height:1.2;text-wrap:balance}.note-show__content-wrapper{min-width:0}.note-show__content{max-width:75ch;margin-inline:auto;padding-top:var(--gap);overflow-wrap:anywhere}.note-progress{display:none}.note-progress--active{width:100%;display:grid;grid:auto/1fr 1fr;gap:var(--gap)}.note-progress__container{position:relative}.note-progress__num{width:max-content;margin:auto;font-size:.9rem}.note-progress__bar{position:absolute;inset:0;background-color:hsl(var(--clr-blue));border-radius:3px;z-index:-1}.tags-update__tips{font-size:.9rem;line-height:1.3;color:hsl(var(--clr-200))}.tags-update__tips>p:not(:last-child){margin-bottom:calc(var(--gap)/2)}.tags-update__tags{display:grid;grid:auto/minmax(120px,4fr)minmax(75px,1fr);gap:calc(var(--gap)/3)}.tags{padding-inline:var(--gap);display:flex;flex-wrap:wrap;gap:calc(var(--gap)/3);line-height:1}.tags__tag{display:grid;grid-auto-flow:column;gap:.125em;align-items:center;border-radius:3px;color:hsl(var(--clr-tag));background-color:hsl(var(--clr-tag-bg));padding:3px 5px;font-size:.9rem}.tags__tag:active{transform:translate(1px,1px)}.tags__tag--home{background-color:hsl(var(--clr-tag-home-bg))}.tags__tag--public{background-color:hsl(var(--clr-tag-public-bg))}.tags__tag--private{background-color:hsl(var(--clr-tag-private-bg))}.tags__tag--admin{background-color:hsl(var(--clr-tag-admin-bg))}.tags__tag--category1{background-color:hsl(var(--clr-tag-category1-bg))}.tags__tag--category2{background-color:hsl(var(--clr-tag-category2-bg))}.tags__tag--selected{background-color:hsl(var(--clr-tag-selected-bg))}.tags__tag--update{background-color:hsl(var(--clr-tag-update-bg))}.tags__tag--delete{background-color:hsl(var(--clr-tag-delete-bg))}.tags__tag--random{background-color:hsl(var(--clr-tag-random-bg))}.tags__tag--prev-next{background-color:hsl(var(--clr-tag-prev-next-bg))}.tags__num{align-self:start;font-size:.7rem;color:hsl(var(--clr-tag-note-num))}.modal{margin:auto;max-width:calc(var(--sidebar-width) + 6px);border:3px solid hsl(var(--clr-900));border-radius:.5rem;background-color:hsl(var(--clr-600));box-shadow:0 0 1rem hsl(var(--clr-900))}.modal::backdrop{background:hsl(var(--clr-900)/.2);backdrop-filter:blur(2px)}.modal__title,.modal__subtitle,.modal__error{line-height:1.1;text-align:center;text-wrap:balance}.modal__title{padding:.5rem 1rem;font-size:1.1rem;background-color:hsl(var(--clr-900))}.modal__subtitle{padding:var(--gap);font-size:1.2rem}.modal__error{display:none;font-size:.9rem;color:hsl(var(--clr-invalid))}.modal__error--visible{display:block}.modal__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--gap)/2);margin:calc(var(--gap)/2)auto;padding-inline:calc(var(--gap)/2)}