@layer reset{@layer reset{*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}}}body{color:var(--mdf-color-text-default)}.mdf-title1,.mdf-title2,.mdf-title3,.mdf-title4{font-weight:700}.mdf-title1{font-size:3rem}.mdf-title2{font-size:2.4rem}.mdf-title3{font-size:1.7rem}.mdf-title4{font-size:1.2rem}.mdf-emphasis{font-weight:700}.mdf-italic{font-style:italic}.mdf-highlighted{color:var(--mdf-color-text-brand-primary-default);font-weight:700}.mdf-highlighted.mdf-highlighted-secondary{color:var(--mdf-color-text-brand-secondary-default)}.mdf-muted{color:var(--mdf-color-text-muted)}.mdf-block{background-color:var(--mdf-color-background-muted);border:1px solid var(--mdf-color-border-default);box-shadow:0px 1px 1px var(--mdf-color-transparent-300);border-radius:8px;padding:1rem}.mdf-block.mdf-block-brand-primary{background-color:var(--mdf-color-background-brand-primary);border-color:var(--mdf-color-border-brand-primary)}.mdf-block.mdf-block-brand-secondary{background-color:var(--mdf-color-background-brand-secondary);border-color:var(--mdf-color-border-brand-secondary)}.mdf-block.mdf-block-error{background-color:var(--mdf-color-background-error);border-color:var(--mdf-color-border-error)}.mdf-block.mdf-block-success{background-color:var(--mdf-color-background-success);border-color:var(--mdf-color-border-success)}.mdf-block.mdf-block-warning{background-color:var(--mdf-color-background-warning);border-color:var(--mdf-color-border-warning)}.mdf-badge{background:var(--mdf-color-background-muted);background:linear-gradient(var(--mdf-color-background-muted), var(--mdf-color-background-subtle));white-space:nowrap;box-shadow:var(--mdf-color-transparent-100) -1px -2px .5px inset;border-radius:8px;padding:5px 7px;display:inline-block}.mdf-link{--color-visited:var(--mdf-color-brand-primary-muted);--hover-luminosity-reduction:5;--text-luminosity-reduction:85;color:var(--mdf-color-text-default);background-color:var(--mdf-color-background-subtle);text-underline-offset:1.5px;border-radius:5px;padding:1px 3px;line-height:1rem;text-decoration:underline;text-decoration-thickness:1.5px;display:inline}.mdf-link:visited{background-color:var(--mdf-color-background-brand-secondary);color:var(--mdf-color-text-brand-secondary)}.mdf-link:hover{background-color:hsl(from var(--mdf-color-background-subtle) h s calc(l - 5))}.mdf-link:hover:visited{background-color:hsl(from var(--mdf-color-background-brand-secondary) h s calc(l - 5))}.mdf-link:focus-visible{outline:2px solid var(--mdf-color-outline-default);outline-offset:1px}.mdf-button,.mdf-button-brand-primary,.mdf-button-brand-secondary,.mdf-button-error,.mdf-button-success,.mdf-button-warning{--button-border:var(--mdf-color-border-default);--button-background:var(--mdf-color-background-default);--button-border-hover:var(--mdf-color-border-muted);border:1px solid var(--button-border);background:var(--button-background);cursor:pointer;color:var(--mdf-color-text-default);border-radius:5px;padding:.5rem .7rem;font-size:1rem;transition:box-shadow .1s ease-out,background-color .1s ease-out}:is(.mdf-button,.mdf-button-brand-primary,.mdf-button-brand-secondary,.mdf-button-error,.mdf-button-success,.mdf-button-warning):hover,:is(.mdf-button,.mdf-button-brand-primary,.mdf-button-brand-secondary,.mdf-button-error,.mdf-button-success,.mdf-button-warning):focus-visible{box-shadow:0 0 0 4px var(--button-border-hover);background:hsl(from var(--button-background) h s calc(l - 5))}:is(.mdf-button,.mdf-button-brand-primary,.mdf-button-brand-secondary,.mdf-button-error,.mdf-button-success,.mdf-button-warning):active{box-shadow:0px 0px 1px var(--button-border)}:is(.mdf-button,.mdf-button-brand-primary,.mdf-button-brand-secondary,.mdf-button-error,.mdf-button-success,.mdf-button-warning):focus-visible{outline:2px solid var(--mdf-color-outline-default);outline-offset:3px}.mdf-button-brand-primary{--button-border:var(--mdf-color-border-brand-primary);--button-background:var(--mdf-color-background-brand-primary);--button-border-hover:hsl(from var(--mdf-color-background-brand-primary) h s calc(l - 5))}.mdf-button-brand-secondary{--button-border:var(--mdf-color-border-brand-secondary);--button-background:var(--mdf-color-background-brand-secondary);--button-border-hover:hsl(from var(--mdf-color-background-brand-secondary) h s calc(l - 5))}.mdf-button-error{--button-border:var(--mdf-color-border-error);--button-background:var(--mdf-color-background-error);--button-border-hover:hsl(from var(--mdf-color-background-error) h s calc(l - 5))}.mdf-button-success{--button-border:var(--mdf-color-border-success);--button-background:var(--mdf-color-background-success);--button-border-hover:hsl(from var(--mdf-color-background-success) h s calc(l - 5))}.mdf-button-warning{--button-border:var(--mdf-color-border-warning);--button-background:var(--mdf-color-background-warning);--button-border-hover:hsl(from var(--mdf-color-background-warning) h s calc(l - 5))}.mdf-select-field{cursor:pointer;appearance:none;border:1px solid var(--mdf-color-border-muted);font-size:inherit;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;background-color:var(--mdf-color-background-default);width:250px;color:inherit;border-radius:8px;padding:9px 12px;font-family:inherit;line-height:1.5rem;box-shadow:0 3px 3px 2px #0000000d}.mdf-select-field:hover,.mdf-select-field:focus{background-color:var(--mdf-color-background-muted)}.mdf-select-field:focus{outline:2px solid var(--mdf-color-outline-default);outline-offset:3px}.mdf-input-label,.mdf-select-label,.mdf-textarea-label{margin-bottom:2px}.mdf-input-field[type=text],.mdf-input-field[type=number],.mdf-input-field[type=phone],.mdf-input-field[type=email],.mdf-input-field[type=search],.mdf-input-field[type=password],.mdf-textarea-field{border:1px solid var(--mdf-color-border-muted);font-size:inherit;background-color:var(--mdf-color-background-default);width:250px;color:var(--mdf-color-text-default);border-radius:8px;padding:9px 12px;font-family:inherit;line-height:1.5rem;box-shadow:0 3px 3px 2px #0000000d}:is(.mdf-input-field[type=text],.mdf-input-field[type=number],.mdf-input-field[type=phone],.mdf-input-field[type=email],.mdf-input-field[type=search],.mdf-input-field[type=password],.mdf-textarea-field):hover,:is(.mdf-input-field[type=text],.mdf-input-field[type=number],.mdf-input-field[type=phone],.mdf-input-field[type=email],.mdf-input-field[type=search],.mdf-input-field[type=password],.mdf-textarea-field):focus-visible{background-color:var(--mdf-color-background-muted)}:is(.mdf-input-field[type=text],.mdf-input-field[type=number],.mdf-input-field[type=phone],.mdf-input-field[type=email],.mdf-input-field[type=search],.mdf-input-field[type=password],.mdf-textarea-field):focus-visible{border:1px solid var(--mdf-color-outline-default);outline:none}.mdf-textarea-field{width:320px;height:150px}.mdf-checkbox{--width:1.5rem;--height:1.5rem;cursor:pointer;align-items:center;gap:10px;display:flex}.mdf-checkbox .mdf-checkbox-input{width:var(--width);height:var(--width);align-items:center;display:inline-flex;position:relative}.mdf-checkbox .mdf-checkbox-input .mdf-checkbox-field{appearance:none;cursor:pointer;width:var(--width);height:var(--width);border:1px solid var(--mdf-color-text-muted);background-color:var(--mdf-color-background-default);border-radius:5px;margin:0;padding:0;transition:background-color .1s ease-in-out,border-color .1s ease-in-out}.mdf-checkbox .mdf-checkbox-input .mdf-checkbox-field:checked{background-color:var(--mdf-color-blue-500);border-color:var(--mdf-color-blue-100)}.mdf-checkbox .mdf-checkbox-input .mdf-checkbox-field:focus-visible{outline:2px solid var(--mdf-color-outline-default);outline-offset:2px}.mdf-checkbox .mdf-checkbox-input:has(input:checked) .mdf-checkbox-field:before{display:none}.mdf-checkbox .mdf-checkbox-input:has(input:checked) .mdf-checkbox-tick{pointer-events:none;stroke-dasharray:1;stroke-dashoffset:1px;width:100%;height:100%;animation:.15s .1s forwards checkbox-draw-tick;position:absolute;top:0;left:0}.mdf-checkbox .mdf-checkbox-input:has(input:checked) .mdf-checkbox-tick path{color:#fff;stroke-width:1.5px}@media (prefers-reduced-motion:reduce){.mdf-checkbox .mdf-checkbox-input:has(input:checked) .mdf-checkbox-tick{stroke-dashoffset:0;animation:none}}.mdf-checkbox .mdf-checkbox-input:not(:has(input:checked)) .mdf-checkbox-tick{display:none}.mdf-checkbox:hover .mdf-checkbox-field{background-color:var(--mdf-color-background-muted)}.mdf-checkbox-box{border:1px solid var(--mdf-color-text-muted);border-radius:10px;padding:1rem}.mdf-checkbox-box:hover{background-color:var(--mdf-color-background-muted)}.mdf-checkbox-box:has(input:checked){background-color:var(--mdf-color-background-brand-primary);border-color:var(--mdf-color-border-brand-primary)}.mdf-checkbox-box:has(.mdf-checkbox-field:focus-visible){outline:1px solid var(--mdf-color-outline-default);outline-offset:2px}.mdf-checkbox-box:has(.mdf-checkbox-field:focus-visible) .mdf-checkbox-field{outline:none}@keyframes checkbox-draw-tick{to{stroke-dashoffset:0}}.mdf-color{--border-radius:8px;--background:var(--mdf-color-background-muted);--border:1px solid var(--mdf-color-border-muted);flex-direction:column;width:auto;display:flex}.mdf-color .mdf-color-label{background-color:var(--background);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border:var(--border);box-shadow:0px 1px 0px var(--mdf-color-transparent-300);border-top:none;padding:.5rem}.mdf-color .mdf-color-field{appearance:none;cursor:pointer;z-index:0;background:0 0;border:0;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;height:4rem;padding:0;position:relative}.mdf-color .mdf-color-field:focus{border-radius:var(--border-radius)}.mdf-color .mdf-color-field::-webkit-color-swatch{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border:var(--border);border-bottom-right-radius:0;border-bottom-left-radius:0}.mdf-color .mdf-color-field::-webkit-color-swatch-wrapper{padding:0}.mdf-table{box-shadow:0 1px 2px var(--mdf-color-transparent-200);border-style:hidden;border-radius:8px}.mdf-table .mdf-th:first-child{border-top-left-radius:8px}.mdf-table .mdf-th:last-child{border-top-right-radius:8px}.mdf-table tbody>tr:last-child>td:first-child{border-bottom-left-radius:8px}.mdf-table tbody>tr:last-child>td:last-child{border-bottom-right-radius:8px}.mdf-table .mdf-td,.mdf-table .mdf-th{border:1px solid var(--mdf-color-border-muted);padding:.5rem}.mdf-table .mdf-th{font-weight:600}.mdf-table .mdf-th,.mdf-table :nth-child(2n)>.mdf-td{background-color:var(--mdf-color-background-muted);text-align:start}.mdf-code-inline{background-color:var(--mdf-color-background-subtle);border-radius:5px;padding:1px 3px;font-family:monospace;font-weight:600;line-height:1rem}.mdf-code-block{background-color:var(--mdf-color-background-brand-primary);border:1px solid var(--mdf-color-border-brand-primary);box-shadow:0px 1px 1px var(--mdf-color-transparent-300);border-radius:8px;margin:0;padding:10px 1rem;font-family:monospace;line-height:1rem}.mdf-quote{background-color:var(--mdf-color-background-brand-secondary);box-shadow:0px 1px 1px var(--mdf-color-transparent-300);border-left:5px solid var(--mdf-color-border-brand-secondary);border-top-right-radius:8px;border-bottom-right-radius:8px;padding:1rem 2rem}.mdf-quote .mdf-quote-source{color:var(--mdf-color-text-muted);margin-top:1rem;font-style:italic}.mdf-kbd{border:1px solid var(--mdf-color-border-default);background-color:var(--mdf-color-background-subtle);border-radius:3px;padding:2px 4px;font-family:monospace;font-weight:500}.mdf-list{flex-direction:column;gap:5px;padding-left:1em;list-style:outside;display:flex}.mdf-list .mdf-list-item::marker{color:var(--mdf-color-text-muted)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}:root{--mdf-color-grey-100:#242424;--mdf-color-grey-200:#333;--mdf-color-grey-300:#474747;--mdf-color-grey-400:#656565;--mdf-color-grey-500:#878787;--mdf-color-grey-600:#aaa;--mdf-color-grey-700:#c9c9c9;--mdf-color-grey-800:#e6e6e6;--mdf-color-grey-900:#f5f5f5;--mdf-color-grey-1000:#fafafa;--mdf-color-blue-0:hsl(from var(--mdf-color-blue-100) h s calc(l - 20));--mdf-color-blue-100:#0063c0;--mdf-color-blue-500:hsl(from var(--mdf-color-blue-100) h s calc(l + 20));--mdf-color-blue-700:hsl(from var(--mdf-color-blue-100) h s calc(l + 40));--mdf-color-blue-900:hsl(from var(--mdf-color-blue-100) h s calc(l + 60));--mdf-color-purple-100:#462470;--mdf-color-purple-500:hsl(from var(--mdf-color-purple-100) h s calc(l + 20));--mdf-color-purple-700:hsl(from var(--mdf-color-purple-700) h s calc(l + 40));--mdf-color-purple-900:hsl(from var(--mdf-color-purple-100) h calc(s + 50) calc(l + 65));--mdf-color-green-0:hsl(from var(--mdf-color-green-100) h s calc(l - 20));--mdf-color-green-100:#31943b;--mdf-color-green-500:hsl(from var(--mdf-color-green-100) h s calc(l + 20));--mdf-color-green-900:hsl(from var(--mdf-color-green-100) h s calc(l + 55));--mdf-color-red-100:#af0023;--mdf-color-red-500:hsl(from var(--mdf-color-red-100) h s calc(l + 20));--mdf-color-red-900:hsl(from var(--mdf-color-red-100) h s calc(l + 62));--mdf-color-yellow-0:hsl(from var(--mdf-color-yellow-100) h s calc(l - 30));--mdf-color-yellow-100:#ffcf21;--mdf-color-yellow-500:hsl(from var(--mdf-color-yellow-100) h s calc(l + 16));--mdf-color-yellow-900:hsl(from var(--mdf-color-yellow-100) h s calc(l + 38));--mdf-color-transparent-100:#0000001a;--mdf-color-transparent-200:#0003;--mdf-color-transparent-300:#0000004d;--mdf-color-transparent-500:#00000080;--mdf-color-text-default:var(--mdf-color-grey-100);--mdf-color-text-muted:var(--mdf-color-grey-200);--mdf-color-text-brand-primary-default:var(--mdf-color-blue-100);--mdf-color-text-brand-primary-muted:var(--mdf-color-blue-500);--mdf-color-text-brand-secondary-default:var(--mdf-color-purple-100);--mdf-color-text-brand-secondary-muted:var(--mdf-color-purple-500);--mdf-color-background-default:var(--mdf-color-grey-1000);--mdf-color-background-muted:var(--mdf-color-grey-900);--mdf-color-background-subtle:var(--mdf-color-grey-800);--mdf-color-background-brand-primary:var(--mdf-color-blue-900);--mdf-color-background-brand-secondary:var(--mdf-color-purple-900);--mdf-color-background-error:var(--mdf-color-red-900);--mdf-color-background-warning:var(--mdf-color-yellow-900);--mdf-color-background-success:var(--mdf-color-green-900);--mdf-color-border-default:var(--mdf-color-grey-700);--mdf-color-border-muted:var(--mdf-color-grey-800);--mdf-color-border-brand-primary:var(--mdf-color-blue-500);--mdf-color-border-brand-secondary:var(--mdf-color-purple-500);--mdf-color-border-error:var(--mdf-color-red-500);--mdf-color-border-warning:var(--mdf-color-yellow-500);--mdf-color-border-success:var(--mdf-color-green-500);--mdf-color-outline-default:var(--mdf-color-grey-200)}:root[data-theme=dark]{--mdf-color-text-default:var(--mdf-color-grey-900);--mdf-color-text-muted:var(--mdf-color-grey-800);--mdf-color-text-brand-primary-default:var(--mdf-color-blue-700);--mdf-color-text-brand-primary-muted:var(--mdf-color-blue-500);--mdf-color-text-brand-secondary-default:var(--mdf-color-purple-700);--mdf-color-text-brand-secondary-muted:var(--mdf-color-purple-500);--mdf-color-background-default:var(--mdf-color-grey-100);--mdf-color-background-muted:var(--mdf-color-grey-200);--mdf-color-background-subtle:var(--mdf-color-grey-300);--mdf-color-background-brand-primary:var(--mdf-color-blue-0);--mdf-color-background-brand-secondary:var(--mdf-color-purple-100);--mdf-color-background-error:var(--mdf-color-red-100);--mdf-color-background-warning:var(--mdf-color-yellow-0);--mdf-color-background-success:var(--mdf-color-green-0);--mdf-color-border-default:var(--mdf-color-grey-300);--mdf-color-border-muted:var(--mdf-color-grey-400);--mdf-color-border-brand-primary:var(--mdf-color-blue-500);--mdf-color-border-brand-secondary:var(--mdf-color-purple-500);--mdf-color-border-error:var(--mdf-color-red-500);--mdf-color-border-warning:var(--mdf-color-yellow-500);--mdf-color-border-success:var(--mdf-color-green-500);--mdf-color-outline-default:var(--mdf-color-grey-800);--mdf-color-transparent-100:#0009;--mdf-color-transparent-200:#000000b3;--mdf-color-transparent-300:#000c;--mdf-color-transparent-500:#000000e6}@media (prefers-color-scheme:dark){:root{--mdf-color-text-default:var(--mdf-color-grey-900);--mdf-color-text-muted:var(--mdf-color-grey-800);--mdf-color-text-brand-primary-default:var(--mdf-color-blue-700);--mdf-color-text-brand-primary-muted:var(--mdf-color-blue-500);--mdf-color-text-brand-secondary-default:var(--mdf-color-purple-700);--mdf-color-text-brand-secondary-muted:var(--mdf-color-purple-500);--mdf-color-background-default:var(--mdf-color-grey-100);--mdf-color-background-muted:var(--mdf-color-grey-200);--mdf-color-background-subtle:var(--mdf-color-grey-300);--mdf-color-background-brand-primary:var(--mdf-color-blue-0);--mdf-color-background-brand-secondary:var(--mdf-color-purple-100);--mdf-color-background-error:var(--mdf-color-red-100);--mdf-color-background-warning:var(--mdf-color-yellow-0);--mdf-color-background-success:var(--mdf-color-green-0);--mdf-color-border-default:var(--mdf-color-grey-300);--mdf-color-border-muted:var(--mdf-color-grey-400);--mdf-color-border-brand-primary:var(--mdf-color-blue-500);--mdf-color-border-brand-secondary:var(--mdf-color-purple-500);--mdf-color-border-error:var(--mdf-color-red-500);--mdf-color-border-warning:var(--mdf-color-yellow-500);--mdf-color-border-success:var(--mdf-color-green-500);--mdf-color-outline-default:var(--mdf-color-grey-800);--mdf-color-transparent-100:#0009;--mdf-color-transparent-200:#000000b3;--mdf-color-transparent-300:#000c;--mdf-color-transparent-500:#000000e6}}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-VariableFont_wdth_wght-KuS8chgA.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-Italic-VariableFont_wdth_wght-EAdGDjzo.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}body{background-color:var(--mdf-color-background-default);min-height:100vh;font-family:IBM Plex Sans,"system-ui",Arial;line-height:1.5}body .header{background:linear-gradient(var(--mdf-color-background-brand-primary), transparent);justify-content:center;align-items:center;width:100%;min-height:40vh;display:flex;position:relative}body .header .title{text-align:center;max-width:1200px;padding:0 1rem;font-size:3rem;font-weight:600;line-height:1.2}body .header .illustrations{opacity:.9;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}body .header .illustrations svg{width:100px;height:100px;position:absolute}body .header .illustrations svg:first-child{opacity:.3;top:0;left:20%}body .header .illustrations svg:nth-child(2){opacity:.5;bottom:0;right:10%}body .header .illustrations svg:nth-child(3){opacity:.4;bottom:0;left:50px}body .header .illustrations svg:nth-child(4){opacity:.5;width:20px;height:20px;bottom:50%;left:20px;transform:rotate(10deg)}body .header .illustrations svg:nth-child(5){opacity:.3;width:20px;height:20px;bottom:0;right:50px;transform:rotate(60deg)}body .header .illustrations svg:nth-child(6){opacity:.5;width:20px;height:20px;top:30px;right:10%}body .header .illustrations path,body .header .illustrations polygon,body .header .illustrations circle{fill:none;stroke:var(--mdf-color-border-brand-secondary);stroke-width:2px}body .header .illustrations feDropShadow{flood-color:var(--mdf-color-border-brand-secondary);flood-opacity:.3}body .header .illustrations .star path{stroke:var(--mdf-color-border-brand-primary)}body .header .illustrations .star feDropShadow{flood-color:var(--mdf-color-border-brand-primary)}body .header .illustrations .cross polygon{stroke:var(--mdf-color-border-success)}body .header .illustrations .cross feDropShadow{flood-color:var(--mdf-color-border-success)}body main .content{flex-direction:column;gap:1rem;max-width:900px;margin:0 auto;padding:1rem;display:flex}body main .content .block{flex-direction:column;gap:10px;display:flex}body main .colors{flex-wrap:wrap;gap:1rem;display:flex}body main .colors .color{border-radius:8px;width:10rem;height:10rem}body .footer{max-width:900px;margin:0 auto;padding:1rem}