@import"https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&family=Archivo+Black&family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";t-box{display:block;padding:var(--size-3);border-width:var(--border-size-1);outline:var(--border-size-1) solid transparent;outline-offset:calc(var(--border-size-1) * -1)}t-center{display:block;box-sizing:content-box;margin-inline:auto;max-inline-size:var(--size-lg)}t-cluster{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}t-container{display:block}t-cover{display:flex;flex-direction:column;min-block-size:100vh;padding:var(--size-3)}t-frame{aspect-ratio:16 / 9;overflow:hidden;display:flex;justify-content:center;align-items:center}t-frame>img,t-frame>video{inline-size:100%;block-size:100%;object-fit:cover}t-grid{display:grid;grid-gap:var(--size-3);align-content:start;grid-template-columns:100%}t-icon svg{height:.875em;height:1.125cap;width:.875em;width:1.125cap;fill:none;stroke:currentColor;stroke-width:2px}t-imposter{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}t-reel{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-color:white black}t-reel>*{flex:0 0 var(--item-width)}t-reel>img{block-size:100%;flex-basis:auto;inline-size:auto}t-reel::-webkit-scrollbar{block-size:1rem}t-reel::-webkit-scrollbar-track{background-color:#000}t-reel::-webkit-scrollbar-thumb{background-color:#000;background-image:linear-gradient(#000 0,#000 .25rem,#fff .25rem,#fff .75rem,#000 .75rem)}t-sidebar{display:flex;flex-wrap:wrap}t-sidebar>*{flex-grow:1}t-stack{display:flex;flex-direction:column;justify-content:flex-start}t-stack>*+*{margin-block-start:var(--size-3)}t-switcher{display:flex;flex-wrap:wrap}t-switcher>*{flex-basis:calc((var(--size-lg) - 100%) * 999);flex-grow:1}t-card{background-color:var(--gray-0);border:1px solid transparent;border-block-color:white var(--gray-3);border-radius:var(--radius-2);padding:var(--size-3);align-items:first baseline;display:grid;grid-template-columns:[metadata-start heading-start] 1fr [heading-end buttons-start] max-content [buttons-end metadata-end];grid-template-rows:[heading buttons] auto [metadata] auto;gap:var(--size-3)}t-card[data-login],t-card[data-register]{gap:0}t-card[data-ingredient]{align-items:start;row-gap:0}t-chip{border:1px solid currentColor;border-radius:var(--radius-round);font-size:var(--font-size-0);padding:.25ch 1.75ch}t-chip[inverted]{--background-color: var(--gray-8);background-color:var(--background-color);border-color:var(--background-color);color:var(--gray-0)}t-empty-state{color:var(--gray-7);font-size:var(--font-size-2);padding-block:var(--size-6)}t-empty-state p.secondary{border-block-start:1px solid var(--gray-4);color:var(--gray-6);font-size:var(--font-size-1);padding-block-start:var(--size-3)}body:has(.loading)>header{margin-block-start:1rem}body:has(.loading) t-loader{position:fixed;inset-block:0 auto;inset-inline:0;block-size:.25rem;overflow:hidden}body:has(.loading) t-loader div{animation:load 3s ease-in-out infinite;background-color:color-mix(in oklch,springgreen,black 12.5%);block-size:100%}@keyframes load{0%{translate:-100% 0;inline-size:0}to{translate:100% 0;inline-size:100%}}t-macronutrient-display .macronutrient .label{color:color-mix(in oklch,currentColor,transparent);font-size:var(--font-size-00);font-weight:600;letter-spacing:var(--font-letterspacing-2);text-transform:uppercase}t-macronutrient-display .macronutrient .value{font-size:var(--font-size-1)}t-macronutrient-display .macronutrient .value.highlight{color:color-mix(in oklch,springgreen,black 12.5%);font-weight:600}t-macronutrient-display[variant=full]{margin-block-start:0}t-macronutrient-display[variant=full] t-cluster{border-block:1px solid var(--gray-3);gap:var(--size-fluid-3);justify-content:start;padding-block:var(--size-fluid-2)}t-paginator{background-color:var(--gray-1);inset-inline:0;padding-block:var(--size-3);position:sticky;inset-block-end:0;margin-block-start:var(--size-3)!important}*:has(t-paginator){block-size:100%}t-toaster{inset-inline:0;inset-block-end:0;padding:var(--size-fluid-3);position:fixed;z-index:var(--layer-important);display:grid;justify-items:end;justify-content:center;gap:1vh;pointer-events:none}t-toaster .toast{--duration: 5s;--travel-distance: 0;background-color:var(--gray-0);border:var(--border-size-1) solid var(--gray-3);border-radius:var(--radius-2);max-inline-size:min(45ch,90vw);padding:var(--size-3);word-wrap:break-word;will-change:transform;animation:fade-in .3s ease,slide-in .3s ease,fade-out 3s ease var(--duration)}@media (prefers-reduced-motion: no-preference){t-toaster .toast{--travel-distance: var(--size-fluid-3)}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{transform:translateY(var(--travel-distance, 1rem))}}body:has(nav.visible){overflow:hidden}t-primary-nav nav.visible{display:grid;translate:0 0}t-primary-nav nav ul{align-items:baseline;display:flex;flex-direction:column;gap:var(--size-6)}t-primary-nav nav a{font-size:var(--font-size-0);letter-spacing:var(--font-letterspacing-2);text-transform:uppercase}@media (width < 600px){t-primary-nav button[data-action=open-menu]{display:block}t-primary-nav:has(nav.visible) button[data-action=open-menu]{opacity:0;pointer-events:none}t-primary-nav nav{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#ffffff40;grid-template-rows:[button] auto [list] 1fr;top:0;right:0;bottom:0;left:0;padding:var(--size-3);position:fixed;row-gap:var(--size-fluid-3);transition:all .25s ease;translate:-100% 0;z-index:1}t-primary-nav nav button{grid-row:button}t-primary-nav nav ul{grid-row:list}t-primary-nav nav ul li:last-of-type{margin-block-start:auto!important}t-primary-nav nav a{font-size:var(--font-size-2);letter-spacing:normal;text-transform:none}}@media (width >= 600px){t-primary-nav button:is([data-action=open-menu],[data-action=close-menu]){display:none}t-primary-nav button[data-action=log-out]{border-radius:var(--radius-round)}t-primary-nav nav{background-color:var(--gray-0);border:1px solid transparent;border-block-color:white var(--gray-3);border-radius:var(--radius-round);padding-block:var(--size-2);padding-inline:var(--size-3) var(--size-2)}t-primary-nav nav ul{display:flex;flex-direction:row;gap:var(--size-3)}t-primary-nav nav ul li:last-of-type{margin-inline-start:auto}}.metadata-wrapper{gap:var(--size-fluid-3);padding-block-start:var(--size-fluid-1)}.metadata-wrapper .metadata .label{color:color-mix(in oklch,currentColor,transparent);font-size:var(--font-size-00);font-weight:600;letter-spacing:var(--font-letterspacing-2);text-transform:uppercase}t-login-form{display:grid;place-content:center}t-login-form t-card,t-login-form p{inline-size:min(calc(100vi - var(--gutter-width) * 2),var(--size-xs))}t-login-form .register-link{font-size:var(--font-size-0);margin-block-start:var(--size-6);text-align:center}t-register-form{display:grid;place-content:center}t-register-form t-card,t-register-form p{inline-size:min(calc(100vi - var(--gutter-width) * 2),var(--size-xs))}t-register-form .login-link{font-size:var(--font-size-0);margin-block-start:var(--size-6);text-align:center}t-ingredients-list-item hgroup{display:flex;flex-direction:column}t-ingredients-list-item hgroup .heading{color:var(--gray-7);font-size:var(--font-size-2);font-weight:600}t-ingredients-list-item hgroup .brand-name{font-size:var(--font-size-00);letter-spacing:var(--font-letterspacing-3);text-transform:uppercase;order:-1}t-ingredients-list-item button[data-action]{border-radius:var(--radius-round)}t-recipe-details{display:block;padding-block:var(--size-fluid-3)}t-recipe-details .heading{color:var(--gray-7);font-family:Ribes,Aujournuit,Mattone Black,Archivo Black,Rockhill Sans;font-size:var(--font-size-8);font-weight:600;letter-spacing:-.025em;margin-block:var(--size-fluid-3) var(--size-fluid-2);line-height:.9}t-recipe-details .list-heading-group{justify-content:center;margin-block-end:var(--size-fluid-3);position:relative}t-recipe-details .list-heading-group:before{border-block-start:1px solid var(--gray-4);content:"";inset-block:1rem;inset-inline:calc(var(--size-3) * -1);position:absolute;z-index:-1}t-recipe-details .list-heading-group .subheading{color:var(--gray-7);font-size:var(--font-size-3);margin-block-start:var(--size-fluid-4);text-align:center}t-recipe-details .list-heading-group button{background-color:var(--gray-1);border-radius:var(--radius-round);border-color:var(--gray-6);margin-inline:auto;outline-offset:1rem;position:relative}t-recipe-details .list-heading-group button:after{background-color:var(--gray-1);border:1px solid var(--gray-4);border-radius:var(--radius-round);content:"";inset:calc(var(--size-3) * -1);position:absolute;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);z-index:-1}t-recipe-details .list-heading-group button svg{fill:none;stroke:var(--gray-7)}t-recipe-details t-chip-display{margin-block-start:var(--size-fluid-6)!important;order:-1}t-recipe-details t-recipe-metadata-display{grid-column:1 / -1}t-recipe-details .list{padding-block-start:var(--size-fluid-1)}t-recipe-details-list-item{display:grid;scroll-margin-block-start:var(--size-3)}t-recipe-details-list-item .card-wrapper{display:grid;grid-template-columns:7ch 1fr min-content;align-items:center;column-gap:0}t-recipe-details-list-item .card-wrapper>p{align-self:stretch;display:grid;place-content:center;position:relative;color:var(--gray-2)}t-recipe-details-list-item .card-wrapper>p:before{content:"";background-color:var(--gray-7);border-start-start-radius:var(--radius-2);border-end-start-radius:var(--radius-2);top:0;right:-1rem;bottom:0;left:0;position:absolute;z-index:-2}t-recipe-details-list-item .card-wrapper>t-card{border-start-start-radius:0;border-end-start-radius:0;display:grid;grid-template-columns:[heading metadata-start] 1fr [buttons] max-content [metadata-end];grid-template-rows:[heading buttons] auto [metadata] auto;column-gap:var(--size-3)}t-recipe-details-list-item .card-heading{grid-area:heading}t-recipe-details-list-item t-macronutrient-display{grid-area:metadata}t-recipe-details-list-item .buttons{grid-area:buttons}t-recipe-details-list-item .buttons :is(button)[data-action]{aspect-ratio:1;border-radius:var(--radius-round)}t-rating-widget t-icon.active svg{fill:inherit;stroke:none}t-recipes-list-item .heading{color:var(--gray-7);font-size:var(--font-size-2);font-weight:600;grid-area:heading;line-height:1.25}t-recipes-list-item t-recipe-metadata-display{grid-area:metadata}t-recipes-list-item .buttons{grid-area:buttons}t-recipes-list-item .buttons :is(a.button,button)[data-action]{aspect-ratio:1;border-radius:var(--radius-round)}t-weight-chart canvas{outline:2px dotted deeppink;outline-offset:2px;inline-size:100%}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}:where(html){--font-letterspacing-0: -.05em;--font-letterspacing-1: .025em;--font-letterspacing-2: .05em;--font-letterspacing-3: .075em;--font-letterspacing-4: .15em;--font-letterspacing-5: .5em;--font-letterspacing-6: .75em;--font-letterspacing-7: 1em;--font-size-00: .5rem;--font-size-0: .75rem;--font-size-1: 1rem;--font-size-2: 1.1rem;--font-size-3: 1.25rem;--font-size-4: 1.5rem;--font-size-5: 2rem;--font-size-6: 2.5rem;--font-size-7: 3rem;--font-size-8: 3.5rem;--font-size-fluid-0: max(.75rem, min(2vw, 1rem));--font-size-fluid-1: max(1rem, min(4vw, 1.5rem));--font-size-fluid-2: max(1.5rem, min(6vw, 2.5rem));--font-size-fluid-3: max(2rem, min(9vw, 3.5rem));--size-000: -.5rem;--size-00: -.25rem;--size-1: .25rem;--size-2: .5rem;--size-3: 1rem;--size-4: 1.25rem;--size-5: 1.5rem;--size-6: 1.75rem;--size-7: 2rem;--size-8: 3rem;--size-9: 4rem;--size-10: 5rem;--size-11: 7.5rem;--size-12: 10rem;--size-13: 15rem;--size-14: 20rem;--size-15: 30rem;--size-fluid-1: max(.5rem, min(1vw, 1rem));--size-fluid-2: max(1rem, min(2vw, 1.5rem));--size-fluid-3: max(1.5rem, min(3vw, 2rem));--size-fluid-4: max(2rem, min(4vw, 3rem));--size-fluid-5: max(4rem, min(5vw, 5rem));--size-fluid-6: max(5rem, min(7vw, 7.5rem));--size-fluid-7: max(7.5rem, min(10vw, 10rem));--size-fluid-8: max(10rem, min(20vw, 15rem));--size-fluid-9: max(15rem, min(30vw, 20rem));--size-fluid-10: max(20rem, min(40vw, 30rem));--size-xxs: 240px;--size-xs: 360px;--size-sm: 480px;--size-md: 768px;--size-lg: 1024px;--size-xl: 1440px;--size-xxl: 1920px;--layer-1: 1;--layer-2: 2;--layer-3: 3;--layer-4: 4;--layer-5: 5;--layer-important: 2147483647;--ratio-square: 1;--ratio-landscape: 4/3;--ratio-portrait: 3/4;--ratio-widescreen: 16/9;--ratio-ultrawide: 18/5;--ratio-golden: 1.618/1;--gray-0: #f8f9fa;--gray-1: #f1f3f5;--gray-2: #e9ecef;--gray-3: #dee2e6;--gray-4: #ced4da;--gray-5: #adb5bd;--gray-6: #868e96;--gray-7: #495057;--gray-8: #343a40;--gray-9: #212529;--gray-10: #16191d;--gray-11: #0d0f12;--gray-12: #030507;--border-size-1: 1px;--border-size-2: 2px;--border-size-3: 5px;--border-size-4: 10px;--border-size-5: 25px;--radius-1: 2px;--radius-2: 5px;--radius-3: 1rem;--radius-4: 2rem;--radius-5: 4rem;--radius-6: 8rem;--radius-round: 1e5px}@media (prefers-color-scheme: dark){:where(html){--shadow-color: 220 40% 2%;--shadow-strength: 25%;--inner-shadow-highlight: inset 0 -.5px 0 0 hsla(0, 0%, 100%, .067), inset 0 .5px 0 0 rgba(0, 0, 0, .467)}}@supports (background: linear-gradient(to right in oklab,#000,#fff)){:where(html){--gradient-space: in oklab}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes shake-z{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media (prefers-color-scheme: dark){@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}}@media (prefers-color-scheme: dark){@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}}.shadow{--from: var(--gray-4);--to: var(--gray-1);text-shadow:0 -1px 0 white,0 1px 0 var(--gray-3),0 0 0 color-mix(in oklch,var(--from),var(--to) 0%),-1px 1px 0 color-mix(in oklch,var(--from),var(--to) 5%),-2px 2px 0 color-mix(in oklch,var(--from),var(--to) 10%),-3px 3px 0 color-mix(in oklch,var(--from),var(--to) 15%),-4px 4px 0 color-mix(in oklch,var(--from),var(--to) 20%),-5px 5px 0 color-mix(in oklch,var(--from),var(--to) 25%),-6px 6px 0 color-mix(in oklch,var(--from),var(--to) 30%),-7px 7px 0 color-mix(in oklch,var(--from),var(--to) 35%),-8px 8px 0 color-mix(in oklch,var(--from),var(--to) 40%),-9px 9px 0 color-mix(in oklch,var(--from),var(--to) 45%),-10px 10px 0 color-mix(in oklch,var(--from),var(--to) 50%),-11px 11px 0 color-mix(in oklch,var(--from),var(--to) 55%),-12px 12px 0 color-mix(in oklch,var(--from),var(--to) 60%),-13px 13px 0 color-mix(in oklch,var(--from),var(--to) 65%),-14px 14px 0 color-mix(in oklch,var(--from),var(--to) 70%),-15px 15px 0 color-mix(in oklch,var(--from),var(--to) 75%),-16px 16px 0 color-mix(in oklch,var(--from),var(--to) 80%),-17px 17px 0 color-mix(in oklch,var(--from),var(--to) 85%),-18px 18px 0 color-mix(in oklch,var(--from),var(--to) 90%),-19px 19px 0 color-mix(in oklch,var(--from),var(--to) 95%),-20px 20px 0 color-mix(in oklch,var(--from),var(--to) 100%)}@font-face{font-family:Rockhill Sans;font-weight:100 400;src:url(/assets/RockhillSans-Regular-Bkx504oY.otf)}@font-face{font-family:Rockhill Sans;font-weight:500 900;src:url(/assets/RockhillSans-Rough-_L_4OjAS.otf)}@view-transition{navigation: auto;}html:has(dialog[open]){overflow:hidden}body{background-color:var(--gray-1);color:var(--gray-12);font-family:Apfel Grotezk,Archivo,Helvetica Neue,sans-serif}h1,h2,h3,h4{font-family:Ribes,Archivo,Helvetica Neue,sans-serif}h1{margin-block:var(--size-6) var(--size-3);font-size:var(--font-size-4)}h2{font-weight:400}p{line-height:1.4;max-inline-size:60ch;text-wrap:balance}b{font-weight:600}button,a.button{--background-color: var(--gray-8);background-color:var(--background-color);border-radius:var(--radius-2);border:1px solid var(--background-color);color:var(--gray-0);cursor:pointer;padding:.5rem 1.5rem;transition:all 50ms;max-inline-size:max-content;min-inline-size:2rem}button t-icon,a.button t-icon{-webkit-user-select:none;user-select:none}button svg,a.button svg{fill:var(--background-color)}button:where(:focus-visible,:hover):not(:disabled),a.button:where(:focus-visible,:hover):not(:disabled){--background-color-hover: color-mix(in oklch, var(--background-color), white 25%);background-color:var(--background-color-hover);scale:1.05}button:where(:focus-visible,:hover):not(:disabled) svg,a.button:where(:focus-visible,:hover):not(:disabled) svg{fill:var(--background-color-hover)}button:active:not(:disabled),a.button:active:not(:disabled){--background-color-active: color-mix(in oklch, var(--background-color), black 25%);background-color:var(--background-color-active);scale:.95}button:active:not(:disabled) svg,a.button:active:not(:disabled) svg{fill:var(--background-color-active)}button:disabled,a.button:disabled{cursor:not-allowed;opacity:.5}button[data-action=sort] svg,a.button[data-action=sort] svg{fill:none}button[data-cancel],a.button[data-cancel]{--background-color: var(--gray-4);color:var(--gray-10)}button[data-variant=circular],a.button[data-variant=circular]{aspect-ratio:1;display:grid;place-content:center;padding:0}button[data-variant=compact],a.button[data-variant=compact]{font-size:var(--font-size-0);padding:.5rem .75rem}button[data-variant=ghost],a.button[data-variant=ghost]{--background-color: none;--color: var(--gray-6);border:1px solid var(--gray-6);color:var(--gray-12);inline-size:fit-content;padding-inline:.75em}button[data-variant=ghost] svg,a.button[data-variant=ghost] svg{fill:none}button:is(.add-new-button),a.button:is(.add-new-button){--background-color: var(--gray-2);align-self:center;border:1px solid transparent;border-block-color:var(--gray-3) white;border-radius:var(--radius-2);color:var(--gray-6);font-size:var(--font-size-2);font-weight:600;inline-size:100%;max-inline-size:min(100%,var(--size-sm));padding-block:var(--size-4);text-align:center}button:is(.add-new-button) svg,a.button:is(.add-new-button) svg{fill:none}input{border:1px solid var(--gray-6);border-radius:var(--radius-2);inline-size:100%;padding:.5rem .75rem}input[type=hidden]+*{margin-block-start:0}input:read-only{cursor:not-allowed;pointer-events:none}form:not(t-search-widget form) :has(input:optional)>label:after{content:"(Optional)";font-size:var(--font-size-00);margin-inline-start:1ch}label{color:var(--gray-7);font-size:var(--font-size-0);font-weight:600;letter-spacing:var(--font-letterspacing-3);text-transform:uppercase}output{display:grid;font-style:italic;font-size:var(--font-size-1);grid-template-columns:auto}output:has(t-icon){column-gap:1ch;grid-template-columns:[icon] min-content auto}output:has(t-icon) t-icon{grid-column:icon}output:empty{display:none}select{border:1px solid var(--gray-6);border-radius:var(--radius-2);inline-size:100%;padding:.5rem .75rem}dialog::backdrop{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:color-mix(in oklch,var(--gray-12),transparent 87.5%)}dialog:not([open]){display:none}dialog[open]{background-color:var(--gray-1);border:1px solid transparent;border-block-color:white var(--gray-3);border-radius:var(--radius-2);display:grid;inline-size:min(100%,var(--size-sm));inset-block-end:0;max-block-size:min(100%,85vb);overflow:hidden;padding:0}dialog form{align-items:start;display:grid;grid-template-rows:[header] auto [main] 1fr [footer] auto;max-block-size:85vb}dialog :where(header,main,footer){padding:var(--size-3)}dialog header{background-color:var(--gray-0);border-block-end:1px solid var(--gray-3);grid-row:header}dialog header h2{color:var(--gray-8);font-size:var(--font-size-3);font-weight:600}dialog main{grid-row:main;max-block-size:100%;overflow-y:auto;overscroll-behavior-block:contain}dialog footer{background-color:var(--gray-0);border-block-start:1px solid white;display:grid;grid-auto-columns:1fr;grid-row:footer;grid-template-rows:[output] auto [menu] auto}dialog footer:has(output:not(:empty)){row-gap:var(--size-6)}dialog footer output{grid-row:output}dialog footer menu{display:flex;grid-row:menu;justify-content:flex-end}html{block-size:100%}body{--gutter-width: var(--size-3);--content-min-width: 100% - var(--gutter-width) * 2;--content-max-width: 900px;min-block-size:100%;display:grid;grid-template-columns:[full-width-start] minmax(var(--gutter-width),1fr) [content-start] min(var(--content-min-width),var(--content-max-width)) [content-end] minmax(var(--gutter-width),1fr) [full-width-end];grid-template-rows:[header] auto [main] 1fr [footer] auto}body>:where(header,){padding:var(--gutter-width)}body>header{grid-area:header / full-width}body>main{grid-area:main / content}body>footer{grid-area:footer / full-width}.push-top{margin-block-end:auto}.push-right{margin-inline-start:auto}.push-bottom{margin-block-start:auto}.push-left{margin-inline-end:auto}