:root{--ff-sans:'Red Hat Display',sans-serif;--ff-monospace:'DM Mono',monospace;--font-family:var(--ff-sans);--font-size:initial;--font-weight:500;--line-height:initial;--base-space:.5rem;--base-radius:.5rem;--base-vpu:calc(.1vh + .1vw);--base-duration:.6s;--space:var(--base-space);--radius:0;--vpu:var(--base-vpu);--duration:var(--base-duration);--color:light-dark(#000,#fff);--bg-color:light-dark(#fff,#000);--heading-color:light-dark(#000,#fff);--paragraph-color:light-dark(#353c4a,#f1f1f1);--link-color:light-dark(#2da5e6,#70cdff);--accent-color:light-dark(#bae7ff,#2da5e6);--surface-color:hsl(from var(--bg-color) h s calc(l - ((var(--srs,5) + (var(--si,1) - 1) * (var(--srs,5) * 0.5)) * (1.5 - 0.5 * sign(l - .5))) * sign(l - .5)));color-scheme:light dark}[theme=light]{color-scheme:light}[theme=dark]{color-scheme:dark}:root{--brand-color:light-dark(#1d5abb,#93c5ff);--primary-color:light-dark(#3B82F6,#60A5FA);--secondary-color:light-dark(#94A3B8,#64748B);--surface-color-m:hsl(from var(--bg-color) h s calc(l - 2.5 * (1.5 - 0.5 * sign(l - .5)) * sign(l - .5)));--surface-color-2:hsl(from var(--bg-color) h s calc(l - 10 * (1.5 - 0.5 * sign(l - .5)) * sign(l - .5)));--surface-color-3:hsl(from var(--bg-color) h s calc(l - 15 * (1.5 - 0.5 * sign(l - .5)) * sign(l - .5)));--surface-color-4:hsl(from var(--bg-color) h s calc(l - 20 * (1.5 - 0.5 * sign(l - .5)) * sign(l - .5)));--surface-color-5:hsl(from var(--bg-color) h s calc(l - 25 * (1.5 - 0.5 * sign(l - .5)) * sign(l - .5)));--surface-color-6:hsl(from var(--bg-color) h s calc(l - 30 * (1.5 - 0.5 * sign(l - .5)) * sign(l - .5)));--success-color:light-dark(#10B981,#34D399);--warning-color:light-dark(#F59E0B,#FBBF24);--danger-color:light-dark(#EF4444,#F87171);--info-color:light-dark(#0EA5E9,#38BDF8)}:root{--_color:var(--scrollbar-color,var(--color,#000));scrollbar-width:thin;scrollbar-color:rgb(from var(--_color) r g b / .3) var(--bg-color,#fff)}body{scrollbar-color:rgb(from var(--_color) r g b / .3) transparent}*{scrollbar-width:thin}.sb-auto{scrollbar-width:auto}.sb-thin{scrollbar-width:thin}.sb-none{scrollbar-width:none}@layer base{*,*::before,*::after{box-sizing:border-box;background-repeat:no-repeat}:root{interpolate-size:allow-keywords}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;min-height:100dvh;color:var(--color);background-color:var(--bg-color);font-family:var(--font-family,sans-serif);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);accent-color:var(--accent-color);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}img,picture,video,canvas,svg{display:block;max-width:100%;vertical-align:middle}iframe{display:block;border:0}hr{margin-block:1rem;color:inherit;opacity:.25}ol,ul{padding-inline-start:1.5rem;&:not(:last-child,:only-child){margin-block:1rem}ol,ul &{margin-bottom:0}li{padding-block:.25rem}}input,textarea,select{font:inherit}table{display:block;overflow-x:auto;width:fit-content;max-width:100%;border-collapse:collapse;tr{th,td{padding:.75rem 1rem;border:1px solid rgb(from currentColor r g b / .2)}}}b,strong{font-weight:650}q{font-style:italic;opacity:.8}blockquote{margin:1rem 0;padding:0 1rem;border-left:.25rem solid var(--accent-color,#55c1ff);opacity:.8}pre,code,kbd,samp{font-size:min(calc(.8rem + .15vw),1rem)}pre{display:block;max-width:100%;overflow-x:auto;margin-block:0}code{white-space:pre;font-family:monospace;color:var(--code-color,#d63384)}kbd{width:fit-content;padding:0.1875rem 0.375rem;color:var(--kbd-color,var(--bg-color));background-color:var(--kbd-bg-color,var(--color))}small{font-size:min(calc(.8rem + .1vw),1rem);font-weight:475}a{text-decoration:none;color:var(--link-color)}[popover]{border:initial;color:inherit;background-color:inherit}backdrop,::backdrop{position:fixed;inset:0;visibility:hidden;opacity:0;z-index:2;background:var(--backdrop-bg,rgb(from var(--color,#000) r g b / .3));transition:var(--backdrop-transition,.6s) allow-discrete;backdrop-filter:blur(var(--blur));@starting-style{opacity:0 !important}&[open],&.open,[open] &{visibility:visible;opacity:1}}}@font-face{font-family:'Red Hat Display';font-style:normal;font-weight:300 900;font-display:swap;src:url(/assets/font/Red_Hat_Display_variable.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}p,.p,h6,h5,h4,h3,h2,h1,.h6,.h5,.h4,.h3,.h2,.h1{--_t_scale:var(--typography-base-scale,1);margin-block:0;&:not(:last-child,:only-child){margin-block-end:.5rem}&.base{margin:0;line-height:1}&.bl{text-wrap-style:balance}&.pr{text-wrap-style:pretty}&.ca{text-box:trim-both cap alphabetic}&.ct{text-box:trim-both cap text}}h6,h5,h4,h3,h2,h1,.h6,.h5,.h4,.h3,.h2,.h1{font-weight:var(--heading-font-weight,500);line-height:var(--heading-line-height,1.2);color:var(--heading-color);text-wrap-style:balance}h1,.h1{font-size:calc(min(1.5rem + 1.8vw,4.125rem) * var(--_t_scale))}h2,.h2{font-size:calc(min(1.4rem + 1.5vw,3.625rem) * var(--_t_scale))}h3,.h3{font-size:calc(min(1.3rem + 1.2vw,3rem) * var(--_t_scale))}h4,.h4{font-size:calc(min(1.2rem + .9vw,2.5rem) * var(--_t_scale))}h5,.h5{font-size:calc(min(1.1rem + .6vw,1.875rem) * var(--_t_scale))}h6,.h6{font-size:calc(min(1rem + .3vw,1.375rem) * var(--_t_scale))}p,.p{font-size:calc(min(.9rem + .3vw,1.1rem) * var(--_t_scale));font-weight:var(--paragraph-font-weight,500);line-height:var(--paragraph-line-height,1.5);color:var(--paragraph-color);text-wrap-style:pretty}@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/font/DM_Mono/DM_Mono_500_v14.woff2) format('woff2')}:root{--ease-out-quad:cubic-bezier(0.25,0.46,0.45,0.94);--ease-out-cubic:cubic-bezier(0.215,0.61,0.355,1);--ease-out-quart:cubic-bezier(0.165,0.84,0.44,1);--ease-out-quint:cubic-bezier(0.23,1,0.32,1);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-in-quad:cubic-bezier(0.55,0.085,0.68,0.53);--ease-in-cubic:cubic-bezier(0.55,0.055,0.675,0.19);--ease-in-quart:cubic-bezier(0.895,0.03,0.685,0.22);--ease-in-out-quad:cubic-bezier(0.455,0.03,0.515,0.955);--ease-in-out-cubic:cubic-bezier(0.645,0.045,0.355,1)}@keyframes _opacity{to{opacity:var(--_o,1)}}@keyframes _translate{to{translate:var(--_t,0)}}@keyframes _rotate{to{rotate:var(--_r,0deg)}}@keyframes flickerColor{0%,18%,22%,25%,53%,57%,100%{opacity:1}20%,24%,55%{opacity:0.3;color:var(--brand-color)}}layout,.layout{display:grid;grid-template-columns:repeat(var(--num-x,12),1fr);grid-template-rows:repeat(var(--num-y,none),1fr);gap:var(--gap-y,normal) var(--gap-x,normal);&:not([class*="num-x-"]):not(:has([class*="x-"])){grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}&.edge{--edge-offset-x:.75rem;grid-template-columns:calc(var(--edge-offset-x) - var(--gap-x,0px)) repeat(var(--num-x,12),1fr) calc(var(--edge-offset-x) - var(--gap-x,0px));@media (width >=576px){--edge-offset-x:2.5% !important}@media (width >=992px){--edge-offset-x:5% !important}@media (aspect-ratio >=21/9) and (width >=2000px){--edge-offset-x:15% !important}@media (aspect-ratio >=32/9) and (width >=3000px){--edge-offset-x:25% !important}}.sub,.sub-x,.sub-y{display:grid;&:is(.gap,[class*="gap-"]):not([class*="gap-x"],[class*="gap-y"]){gap:var(--gap-y,normal) var(--gap-x,normal)}&[class*="gap-x"]{column-gap:var(--gap-x,normal)}&[class*="gap-y"]{row-gap:var(--gap-y,normal)}}.sub{grid-template-columns:subgrid;grid-template-rows:subgrid}.sub-x{grid-template-columns:subgrid}.sub-y{grid-template-rows:subgrid}&.masonry{grid-template-rows:masonry}}layout,.layout,.sub,.sub-x,.sub-y{&.gap-x,&.gap{--gap-x:clamp(.2rem,1vw,1rem)}&.gap-x-2,&.gap-2{--gap-x:clamp(.4rem,2vw,2rem)}&.gap-x-3,&.gap-3{--gap-x:clamp(.6rem,3vw,3rem)}&.gap-x-4,&.gap-4{--gap-x:clamp(.8rem,4vw,4rem)}&.gap-x-5,&.gap-5{--gap-x:clamp(1rem,5vw,5rem)}&.gap-y,&.gap{--gap-y:clamp(.2rem,1vh,1rem)}&.gap-y-2,&.gap-2{--gap-y:clamp(.4rem,2vh,2rem)}&.gap-y-3,&.gap-3{--gap-y:clamp(.6rem,3vh,3rem)}&.gap-y-4,&.gap-4{--gap-y:clamp(.8rem,4vh,4rem)}&.gap-y-5,&.gap-5{--gap-y:clamp(1rem,5vh,5rem)}}@layer layout.helper{.x-3{grid-column-end:span 3}.x-4{grid-column-end:span 4}.x-12{grid-column-end:span 12}}@layer layout.helper{.y-2{grid-row-end:span 2}.y-4{grid-row-end:span 4}}@layer layout.helper{@media (width >= 768px){.x-md-6{grid-column-end:span 6}}}@layer layout.helper{@media (width >= 992px){.x-lg-4{grid-column-end:span 4}.x-lg-8{grid-column-end:span 8}}}@layer layout.helper{@media (width >= 1200px){.x-xl-4{grid-column-end:span 4}.x-xl-6{grid-column-end:span 6}}}@layer layout.helper{@media (width >= 1400px){.x-xxl-1{grid-column-end:span 1}.x-xxl-3{grid-column-end:span 3}.x-xxl-4{grid-column-end:span 4}.x-xxl-6{grid-column-end:span 6}.x-xxl-7{grid-column-end:span 7}.x-xxl-8{grid-column-end:span 8}}}button,.btn{--padding-x:1em;--padding-y:.6em;--radius:0;--bg:var(--surface-color,rgb(250,250,250));display:inline-block;padding:var(--padding-y,var(--padding,.5em)) var(--padding-x,var(--padding,.5em));color:var(--color,inherit);background:var(--bg);border:var(--border,unset);border-radius:var(--radius,.35em);font-family:inherit;font-size:var(--font-size,1rem);font-weight:500;user-select:none;text-align:center;vertical-align:middle;&:not(:disabled){cursor:pointer}&:focus-visible{outline:1px solid var(--accent-color,#b7f7ff)}}a.btn{text-decoration:none;opacity:1}navbar{--edge-offset-x:1.5rem;--padding:1rem;--transition-dur:.6s;--m-ef:cubic-bezier(0.19,1,0.22,1);position:fixed;z-index:3;inset:0;display:grid;grid-template-rows:max-content 1fr;pointer-events:none;.scrolled &{inset:0 0 auto}@media (width >=1400px){--edge-offset-x:3rem}.main-wrapper{grid-column:1;grid-row:1;z-index:1;display:flex;justify-content:center;.main{display:grid;grid-template-columns:1fr max-content 1fr;margin-inline:calc(var(--edge-offset-x) - var(--padding));padding:var(--padding);gap:clamp(5rem,5vw,10rem);flex-grow:1;transition-property:translate,flex-grow;transition-duration:var(--transition-dur);translate:0 .5rem;pointer-events:initial;&::after{content:'';position:absolute;inset:0;z-index:-1;background-color:rgb(from var(--surface-color-2) r g b / .6);backdrop-filter:blur(calc(1vh + .5vw));opacity:0;transition:opacity var(--transition-dur)}.scrolled &{flex-grow:0;translate:0 2.5vh;margin-inline:10%;&::after{opacity:1}@media (width < 768px){margin-inline:5%}}.scrolled.down &{translate:0 -100%;transition-delay:calc(var(--transition-dur) * 1.25),0s,0s}.open &{flex-grow:1;&::after{opacity:0}}.start,.center,.end{align-content:center;position:relative}.start{justify-self:start;.search-btn{padding:unset;background:unset;height:32px;width:32px;border:1px solid;display:grid;place-content:center;transition:calc(var(--transition-dur) / 2);.scrolled &{border-color:transparent;scale:1.5;translate:-10% 0}.open &{border-color:currentColor;scale:1;translate:0}@media (width < 576px){border-color:transparent !important;scale:1.4 !important;translate:-10% 0 !important}}.search-input{position:absolute;padding:0 .5rem;top:0;left:100%;min-width:7.5rem;max-width:14rem;field-sizing:content;height:32px;background:unset;border:1px solid;border-radius:0;transition:opacity calc(var(--transition-dur) / 2);&:focus{outline:1px solid var(--accent-color)}.scrolled &{opacity:0;pointer-events:none}.open &{opacity:1;pointer-events:initial}@media (width < 576px){display:none}}}.center{a{all:unset;cursor:pointer}.logo{height:2rem;aspect-ratio:1;transition:scale calc(var(--transition-dur) / 2);scale:1.25;.scrolled &{scale:1}}}.end{justify-self:end;.link__wrapper{display:flex;gap:2rem;position:absolute;right:calc(100% + 5rem);transition:opacity calc(var(--transition-dur) / 2);:is(.open,.scrolled) &{opacity:0;pointer-events:none}.scrolled &{visibility:hidden}.link{display:flex;line-height:1;font-family:'DM Mono',monospace;padding-block:.25rem}@media (width < 1400px){display:none}}.menu-btn{height:16px;padding-block:.25rem;background:unset;padding:0;display:flex;flex-direction:column;justify-content:space-between;&::before,&::after{content:'';display:block;background-color:var(--color);height:2px;width:32px;transition:.3s}&::before{--_dir:1;translate:4px 0;scale:.75 1}&::after{--_dir:-1}.open &{&::before,&::after{scale:1;rotate:calc(45deg * var(--_dir));translate:0 calc(7px * var(--_dir));@media (width < 576px){scale:.75}}}}}}}.menu{display:grid;grid-template-columns:7fr 5fr;grid-template-rows:subgrid;grid-column:1;grid-row:1 / span 2;padding-left:var(--edge-offset-x);transition:translate var(--transition-dur);transition-timing-function:var(--m-ef);translate:0 -100%;background-color:var(--bg-color);overflow:clip;pointer-events:initial;interactivity:inert;.open &{translate:0 0;interactivity:auto}.scrolled &{margin-inline:10%;padding-left:var(--padding);.open &{translate:0 2.5vh}@media (width < 768px){margin-inline:5%}}.left{grid-row:1 / 3;container-type:inline-size;display:flex;align-items:center;.link__wrapper{display:flex;flex-direction:column;padding-block:7.5rem;.link{all:unset;cursor:pointer;font-size:8.5cqw;line-height:1;transition-property:opacity,translate;transition-duration:var(--transition-dur);padding-block:3.5%;.scrolled &{font-size:5cqw;padding-block:5%}}@media (hover:hover){&:has(.link:hover) .link:not(:hover){opacity:.3;translate:-25% 0}}}@media (width < 768px){grid-column:span 2;.link{font-size:14cqw !important;.scrolled &{font-size:10cqw !important}}}}.right{grid-column:2;grid-row:span 2;background-image:url(/assets/image/base/bg.avif);background-size:cover;display:flex;justify-content:center;z-index:-1;.dec__logo{opacity:.75;width:35%;aspect-ratio:1;color:#fff}@media (width < 768px){display:none}}.bottom{grid-column:span 2;align-self:end;display:flex;justify-content:space-between;align-items:end;padding-bottom:2rem;padding-right:var(--edge-offset-x);.scrolled &{padding-bottom:var(--padding);padding-right:var(--padding)}#pre-btn{padding:0;background:unset}}}}body:has(navbar.open){overflow:clip}section,.section{:is(body,main) > &{--edge-offset-x:1rem;--padding-y:clamp(1rem,5vh,3rem);padding:var(--padding-y,var(--padding,0)) var(--padding-x,var(--padding,0));@media (width >=768px){--edge-offset-x:2rem}@media (width >=1200px){--edge-offset-x:3rem}@media (width >=1400px){--edge-offset-x:4rem}&:not(.default){layout{margin-inline:var(--edge-offset-x)}.info__wrapper{display:flex;justify-content:space-between;font-family:var(--ff-monospace);&:not(:last-child){margin-bottom:2rem}&:not(:first-child){margin-top:2rem}@media (width < 768px){&.c-md{justify-content:center}&:not(:last-child){margin-bottom:1rem}}}}}}footer{background-color:var(--surface-color);@media (width >=1400px){margin:1rem}.footer__layout{.brand__space{padding-bottom:2.5rem}.divider{&::after{content:'';display:block;margin-inline:auto;border-left:1px solid;width:1px;height:100%}}.link__block_wrapper{display:flex;justify-content:space-between;flex-grow:1;flex-wrap:wrap;gap:2rem;padding-block:2.5rem;border-top:1px solid;.link__block{display:flex;flex-direction:column;gap:.5rem;.link{color:inherit;font-size:min(1.2rem + .9vw,2.5rem);&::before{content:'> ';transition:opacity .3s}&:hover{&::before{opacity:.5}}}span{opacity:.6}}}}}.icon{display:inline-block;height:1em;aspect-ratio:1;fill:currentColor;vertical-align:middle}[data-code-lang]{--padding:1rem;display:block;font-family:monospace;font-size:1rem;line-height:1.5;max-width:100%;color:inherit;background-color:var(--surface-color);border-radius:var(--radius);white-space:pre;&.multiline{.header{display:flex;justify-content:space-between;padding:var(--padding);border-bottom:1px solid var(--bg-color);.lang,.copy{line-height:1;font-size:.9rem}}.wrapper{display:flex;padding:var(--padding)}}&.oneline{position:relative;padding:var(--padding) calc(var(--padding) + 3.25rem) var(--padding) var(--padding);.copy{position:absolute;inset:0 var(--padding) 0 auto;padding:0 0 0 1rem;background:linear-gradient(to right,transparent,var(--surface-color) 20% 100%)}}.wrapper{max-width:100%;overflow-x:auto;scrollbar-width:thin}.code{color:inherit;font:inherit}.copy{padding:0;background:none;border:none;&::before{content:'Copy'}&.copied::before{content:'Copied'}}.numbers{padding-left:5px;counter-reset:line}.numbers div{padding-right:5px}.numbers div::before{display:block;content:counter(line);opacity:.6;font:inherit;font-variant-numeric:tabular-nums;text-align:right;margin-right:5px;counter-increment:line}.cmnt{font-style:italic}.err,.kwd{color:light-dark(#e16,#ff5898)}.num,.class{color:light-dark(#f60,#ff9d5b)}.numbers,.cmnt{color:light-dark(#999,#acacac)}.insert,.str{color:light-dark(#7d8,#97ffa8)}.bool{color:light-dark(#3bf,#4ea7ff)}.type,.oper{color:light-dark(#5af,#8ac5ff)}.section,.func{color:light-dark(#84f,#a672ff)}.deleted,.var{color:light-dark(#f44,#f57)}.http.oneline .kwd{background:#25f;color:#fff;padding:5px 7px;border-radius:5px}}:root{scrollbar-gutter:stable;--smt-bg:rgb(from var(--surface-color) r g b / .6);--ef-menu:cubic-bezier(0.19,1,0.22,1)}.dec_bra{&::before,&::after{display:inline-block;white-space:pre;transition:opacity .3s,translate .3s}&::before{--_dir:-1;content:'[ '}&::after{--_dir:1;content:' ]'}}.dec_meta{line-height:1;font-family:var(--ff-monospace)}.dec_link{color:inherit;&::before,&::after{opacity:.6}&:hover{text-decoration:none;opacity:1;&::before,&::after{opacity:1;translate:calc(var(--_dir) * .5rem) 0}}}@media (width < 768px){.dec_meta,.info__wrapper{font-size:.8rem}.d-md{display:none !important}}backdrop{--blur:calc(2vh + 2vw)}code{font-family:var(--ff-monospace)}[data-code-lang]{font-family:var(--ff-monospace);position:relative;font-weight:400;.header{.multiline &{position:sticky;top:0;backdrop-filter:blur(1rem);z-index:2}.lang{text-transform:uppercase}.copy{&::before{content:'[ COPY ]'}&.copied::before{content:'[ COPIED ]'}}}}@media (prefers-reduced-motion:reduce){*,::before,::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}[data-pref-motion="false"]{*,::before,::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}.preference-menu,.search-menu{display:grid;grid-template-rows:max-content 1fr;visibility:hidden;inset:auto 0 0;height:auto;width:auto;min-width:clamp(250px,100%,600px);max-height:80dvh;padding:1.5rem 1rem;overflow:clip;translate:0 100%;transition:.6s allow-discrete;transition-property:translate,visibility,overlay;transition-timing-function:var(--ef-menu);background-color:var(--smt-bg);backdrop-filter:blur(calc(2vh + .75vw));overscroll-behavior:contain;&.search-menu{max-width:800px;margin-inline:auto;height:75svh}@media (width >=768px){padding:2rem;&.preference-menu{margin:.5rem;inset:0 0 0 auto;translate:110% 0;max-height:initial}&:popover-open{@starting-style{translate:110% 0}}}&:popover-open{translate:0;visibility:visible;@starting-style{translate:0 100%}}.header{margin-bottom:2rem;.wrapper{display:flex;align-items:start;justify-content:space-between;.heading{line-height:.8}.close-btn{padding:0;background:unset}}.input__wrapper{margin-top:1rem;.search-input{padding:1.25rem 1rem;width:100%;border-radius:0;background-color:var(--bg-color);border:0;&:focus{outline:1px solid var(--accent-color)}}}}.scroller{max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:.5rem;overscroll-behavior:contain;.preference-menu &{justify-content:end;.item__wrapper{display:flex;justify-content:space-between;padding:1rem;background-color:var(--smt-bg);&.smooth-scroll{display:none;@media (pointer:coarse){display:none !important}}&.page-transition,&.show-loader{display:none}&.theme{.btn__wrapper{display:flex;position:relative;padding:.5rem;background-color:var(--smt-bg);isolation:isolate;&::before{content:'';position:absolute;inset:.5rem auto .5rem .5rem;width:3rem;background:var(--accent-color);z-index:-1;transition:translate .3s}&:has(.active:nth-child(2)){&::before{translate:100% 0}}&:has(.active:nth-child(3)){&::before{translate:200% 0}}.btn{line-height:.8;padding:1rem;background:none;&:nth-child(2){scale:1.25}}}}.title{margin:0;line-height:.8;text-box:trim-both cap alphabetic;padding-block:.5rem}.switch{appearance:none;height:100%;width:auto;aspect-ratio:2 / 1;padding:.25rem;background-color:var(--bg-color);transition:background-color .3s;cursor:pointer;&::before{display:block;content:'';height:100%;width:50%;background-color:currentColor;transition:translate .3s}&:checked{background-color:var(--accent-color);background-image:none;&::before{translate:100% 0}}}}}.search-menu &{--gap:.75rem;--_ms:.5rem;gap:calc(var(--gap) * 1.5);@media (width >=768px){--gap:1.25rem;--_ms:.9rem}.item__wrapper{color:inherit;display:grid;grid-template-columns:3fr 7fr;gap:var(--gap);container-type:inline-size;.img{aspect-ratio:16 / 9;object-fit:cover}.right{display:flex;flex-direction:column;justify-content:space-between;.title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:max(.9rem,3.75cqw);text-box:trim-both cap alphabetic}.dec_meta{font-size:var(--_ms);background-color:var(--smt-bg);width:fit-content;padding:calc(var(--_ms) / 2) calc(var(--_ms) / 1.5)}}}}}}.inventory__section{.inventory__layout{.header__wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;.sec__heading{margin:0}p{max-width:45ch}margin-bottom:1rem}.item__wrapper{grid-template-rows:repeat(4,max-content);.item{--padding:.75rem;border:1px solid;grid-row:span 4;display:grid;grid-template-rows:subgrid;gap:0;.thumbnail{position:relative;border-bottom:1px solid;.img{aspect-ratio:16 / 9;object-fit:cover;width:100%}&.preview{&::after{content:'';position:absolute;inset:0;background-image:url(/assets/image/base/tra.avif);transition:background-image .3s;background-size:cover}&:hover{&::after{transition-delay:.3s;background-image:var(--preview)}}}}.title{margin:0;padding:var(--padding)}.tag__wrapper{display:flex;flex-wrap:wrap;gap:.5rem;border-block:1px solid;padding:var(--padding);.tag{display:block;color:inherit;font-family:var(--ff-monospace);font-size:.8rem;padding:.25rem .5rem;background-color:var(--surface-color-2)}}.action__wrapper{padding:var(--padding);.action__btn{--padding-y:1.5rem;display:block;font-family:var(--ff-monospace);background-color:var(--surface-color)}}}}.info__wrapper{&:last-child{@media (width >=768px){display:grid !important;grid-template-columns:1fr max-content 1fr;>:last-child{justify-self:end}}}}}}