*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul{padding:0}:root{--font: "Open Sans", Helvetica, Arial;--site-gutter: 1.25rem;--wrapper-width-3: 1000px;--wrapper-width-2: 750px;--wrapper-width-1: 550px;--space-1: .2rem;--space-2: .5rem;--space-3: .7rem;--space-4: 1rem;--space-5: 2rem;--space-6: 4rem;--space-7: 8rem;--space-8: 10rem;--f1-min: 1.8rem;--f1-val: 5.5vw;--f1-max: 2.2rem;--f2-min: 1.6rem;--f2-val: 5vw;--f2-max: 2rem;--f3-min: 1.6rem;--f3-val: 4.5vw;--f3-max: 1.8rem;--f4-min: 1.4rem;--f4-val: 4vw;--f4-max: 1.6rem;--f5-min: 1.2rem;--f5-val: 3.5vw;--f5-max: 1.4rem;--f6-min: .95rem;--f6-val: 3vw;--f6-max: 1.1rem;--f7-min: .9rem;--f7-val: 2.5vw;--f7-max: .95rem;--f8-min: .78rem;--f8-val: 2vw;--f8-max: .85rem;--f9-min: .72rem;--f9-val: 1.5vw;--f9-max: .8rem;--f-1: clamp(var(--f1-min), var(--f1-val), var(--f1-max));--f-2: clamp(var(--f2-min), var(--f2-val), var(--f2-max));--f-3: clamp(var(--f3-min), var(--f3-val), var(--f3-max));--f-4: clamp(var(--f4-min), var(--f4-val), var(--f4-max));--f-5: clamp(var(--f5-min), var(--f5-val), var(--f5-max));--f-6: clamp(var(--f6-min), var(--f6-val), var(--f6-max));--f-7: clamp(var(--f7-min), var(--f7-val), var(--f7-max));--f-8: clamp(var(--f8-min), var(--f8-val), var(--f8-max));--f-9: clamp(var(--f9-min), var(--f9-val), var(--f9-max));--measure: 30em;--measure-narrow: 20em;--measure-wide: 35em;--letter-spacing-tight: -.05em;--letter-spacing-1: .1em;--letter-spacing-2: .25em;--br-small: .25rem;--br-medium: .5rem;--primary-1: rgba(69, 39, 0, 1);--primary-2: rgba(153, 78, 1, 1);--primary-3: rgba(191, 115, 0, 1);--primary-4: rgba(242, 146, 0, 1);--primary-5: rgba(255, 161, 19, 1);--primary-6: rgba(255, 201, 109, 1);--primary-7: rgba(255, 220, 144, 1);--primary-8: rgba(255, 237, 190, 1);--primary-9: rgba(255, 241, 210, 1);--primary-10: rgba(254, 247, 234, 1);--secondary-1: rgba(4, 48, 79, 1);--secondary-2: rgba(2, 76, 100, 1);--secondary-3: rgba(20, 122, 165, 1);--secondary-4: rgba(0, 161, 225, 1);--secondary-5: rgba(0, 187, 255, 1);--secondary-6: rgba(80, 214, 255, 1);--secondary-7: rgba(139, 236, 255, 1);--secondary-8: rgba(182, 243, 255, 1);--secondary-9: rgba(194, 249, 255, 1);--secondary-10: rgba(229, 252, 255, 1);--grey-1: rgba(38, 38, 38, 1);--grey-2: rgba(77, 77, 77, 1);--grey-3: rgba(117, 117, 117, 1);--grey-4: rgba(155, 155, 155, 1);--grey-5: rgba(178, 178, 178, 1);--grey-6: rgba(214, 214, 214, 1);--grey-7: rgba(231, 231, 231, 1);--grey-8: rgba(240, 240, 240, 1);--grey-9: rgba(241, 241, 241, 1);--grey-10: rgba(242, 242, 242, 1);--success-1: rgba(2, 64, 0, 1);--success-2: rgba(4, 151, 0, 1);--success-3: rgba(3, 181, 0, 1);--success-4: rgba(0, 206, 5, 1);--success-5: rgba(0, 224, 23, 1);--success-6: rgba(0, 237, 44, 1);--success-7: rgba(48, 246, 93, 1);--success-8: rgba(115, 252, 149, 1);--success-9: rgba(151, 254, 177, 1);--success-10: rgba(188, 255, 205, 1);--warning-1: rgba(120, 72, 0, 1);--warning-2: rgba(151, 91, 0, 1);--warning-3: rgba(181, 112, 0, 1);--warning-4: rgba(206, 134, 0, 1);--warning-5: rgba(224, 162, 0, 1);--warning-6: rgba(237, 188, 0, 1);--warning-7: rgba(246, 212, 48, 1);--warning-8: rgba(252, 231, 115, 1);--warning-9: rgba(254, 238, 151, 1);--warning-10: rgba(255, 245, 188, 1);--danger-1: rgba(120, 0, 0, 1);--danger-2: rgba(151, 0, 0, 1);--danger-3: rgba(181, 2, 0, 1);--danger-4: rgba(206, 6, 0, 1);--danger-5: rgba(224, 14, 0, 1);--danger-6: rgba(237, 24, 0, 1);--danger-7: rgba(246, 72, 48, 1);--danger-8: rgba(252, 133, 115, 1);--danger-9: rgba(254, 165, 151, 1);--danger-10: rgba(255, 197, 188, 1);--black: rgba(0, 0, 0, 1);--white: rgba(255, 255, 255, 1);--transparent: rgba(0, 0, 0, 0);--color-linkedin: rgb(60, 80, 191);--color-google: rgba(248, 47, 84, 1);--color-google-dark: rgba(81, 0, 15, 1);--primary-a1: rgba(255, 244, 141, .032);--secondary-a1: rgba(5, 180, 224, .02)}@media screen and (max-width: 768px){:root :root{--f1-min: 1.7rem;--f1-val: 5vw;--f1-max: 2.3rem;--f2-min: 1.65rem;--f2-val: 4vw;--f2-max: 2rem;--f3-min: 1.6rem;--f3-val: 4vw;--f3-max: 2rem}}.pa-1{padding:.2rem}.pv-1{padding-top:.2rem;padding-bottom:.2rem}.ph-1{padding-left:.2rem;padding-right:.2rem}.ma-1{margin:.2rem}.mv-1{margin-top:.2rem;margin-bottom:.2rem}.mh-1{margin-left:.2rem;margin-right:.2rem}.gap-1{gap:.2rem}.pa-2{padding:.5rem}.pv-2{padding-top:.5rem;padding-bottom:.5rem}.ph-2{padding-left:.5rem;padding-right:.5rem}.ma-2{margin:.5rem}.mv-2{margin-top:.5rem;margin-bottom:.5rem}.mh-2{margin-left:.5rem;margin-right:.5rem}.gap-2{gap:.5rem}.pa-3{padding:.7rem}.pv-3{padding-top:.7rem;padding-bottom:.7rem}.ph-3{padding-left:.7rem;padding-right:.7rem}.ma-3{margin:.7rem}.mv-3{margin-top:.7rem;margin-bottom:.7rem}.mh-3{margin-left:.7rem;margin-right:.7rem}.gap-3{gap:.7rem}.pa-4{padding:1rem}.pv-4{padding-top:1rem;padding-bottom:1rem}.ph-4{padding-left:1rem;padding-right:1rem}.ma-4{margin:1rem}.mv-4{margin-top:1rem;margin-bottom:1rem}.mh-4{margin-left:1rem;margin-right:1rem}.gap-4{gap:1rem}.pa-5{padding:2rem}.pv-5{padding-top:2rem;padding-bottom:2rem}.ph-5{padding-left:2rem;padding-right:2rem}.ma-5{margin:2rem}.mv-5{margin-top:2rem;margin-bottom:2rem}.mh-5{margin-left:2rem;margin-right:2rem}.gap-5{gap:2rem}.pa-6{padding:4rem}.pv-6{padding-top:4rem;padding-bottom:4rem}.ph-6{padding-left:4rem;padding-right:4rem}.ma-6{margin:4rem}.mv-6{margin-top:4rem;margin-bottom:4rem}.mh-6{margin-left:4rem;margin-right:4rem}.gap-6{gap:4rem}.pa-7{padding:8rem}.pv-7{padding-top:8rem;padding-bottom:8rem}.ph-7{padding-left:8rem;padding-right:8rem}.ma-7{margin:8rem}.mv-7{margin-top:8rem;margin-bottom:8rem}.mh-7{margin-left:8rem;margin-right:8rem}.gap-7{gap:8rem}.pa-8{padding:10rem}.pv-8{padding-top:10rem;padding-bottom:10rem}.ph-8{padding-left:10rem;padding-right:10rem}.ma-8{margin:10rem}.mv-8{margin-top:10rem;margin-bottom:10rem}.mh-8{margin-left:10rem;margin-right:10rem}.gap-8{gap:10rem}.f-1{font-size:clamp(var(--f1-min),var(--f1-val),var(--f1-max))}.f-2{font-size:clamp(var(--f2-min),var(--f2-val),var(--f2-max))}.f-3{font-size:clamp(var(--f3-min),var(--f3-val),var(--f3-max))}.f-4{font-size:clamp(var(--f4-min),var(--f4-val),var(--f4-max))}.f-5{font-size:clamp(var(--f5-min),var(--f5-val),var(--f5-max))}.f-6{font-size:clamp(var(--f6-min),var(--f6-val),var(--f6-max))}.f-7{font-size:clamp(var(--f7-min),var(--f7-val),var(--f7-max))}.f-8{font-size:clamp(var(--f8-min),var(--f8-val),var(--f8-max))}.f-9{font-size:clamp(var(--f9-min),var(--f9-val),var(--f9-max))}.color-primary-1{--data-color: var(--primary-1)}.hover-primary-1{--data-hover: var(--primary-1)}.color-primary-2{--data-color: var(--primary-2)}.hover-primary-2{--data-hover: var(--primary-2)}.color-primary-3{--data-color: var(--primary-3)}.hover-primary-3{--data-hover: var(--primary-3)}.color-primary-4{--data-color: var(--primary-4)}.hover-primary-4{--data-hover: var(--primary-4)}.color-primary-5{--data-color: var(--primary-5)}.hover-primary-5{--data-hover: var(--primary-5)}.color-primary-6{--data-color: var(--primary-6)}.hover-primary-6{--data-hover: var(--primary-6)}.color-primary-7{--data-color: var(--primary-7)}.hover-primary-7{--data-hover: var(--primary-7)}.color-primary-8{--data-color: var(--primary-8)}.hover-primary-8{--data-hover: var(--primary-8)}.color-primary-9{--data-color: var(--primary-9)}.hover-primary-9{--data-hover: var(--primary-9)}.color-primary-10{--data-color: var(--primary-10)}.hover-primary-10{--data-hover: var(--primary-10)}.color-primary-a1{--data-color: var(--primary-a1)}.hover-primary-a1{--data-hover: var(--primary-a1)}.color-secondary-1{--data-color: var(--secondary-1)}.hover-secondary-1{--data-hover: var(--secondary-1)}.color-secondary-2{--data-color: var(--secondary-2)}.hover-secondary-2{--data-hover: var(--secondary-2)}.color-secondary-3{--data-color: var(--secondary-3)}.hover-secondary-3{--data-hover: var(--secondary-3)}.color-secondary-4{--data-color: var(--secondary-4)}.hover-secondary-4{--data-hover: var(--secondary-4)}.color-secondary-5{--data-color: var(--secondary-5)}.hover-secondary-5{--data-hover: var(--secondary-5)}.color-secondary-6{--data-color: var(--secondary-6)}.hover-secondary-6{--data-hover: var(--secondary-6)}.color-secondary-7{--data-color: var(--secondary-7)}.hover-secondary-7{--data-hover: var(--secondary-7)}.color-secondary-8{--data-color: var(--secondary-8)}.hover-secondary-8{--data-hover: var(--secondary-8)}.color-secondary-9{--data-color: var(--secondary-9)}.hover-secondary-9{--data-hover: var(--secondary-9)}.color-secondary-10{--data-color: var(--secondary-10)}.hover-secondary-10{--data-hover: var(--secondary-10)}.color-secondary-a1{--data-color: var(--secondary-a1)}.hover-secondary-a1{--data-hover: var(--secondary-a1)}.color-grey-1{--data-color: var(--grey-1)}.hover-grey-1{--data-hover: var(--grey-1)}.color-grey-2{--data-color: var(--grey-2)}.hover-grey-2{--data-hover: var(--grey-2)}.color-grey-3{--data-color: var(--grey-3)}.hover-grey-3{--data-hover: var(--grey-3)}.color-grey-4{--data-color: var(--grey-4)}.hover-grey-4{--data-hover: var(--grey-4)}.color-grey-5{--data-color: var(--grey-5)}.hover-grey-5{--data-hover: var(--grey-5)}.color-grey-6{--data-color: var(--grey-6)}.hover-grey-6{--data-hover: var(--grey-6)}.color-grey-7{--data-color: var(--grey-7)}.hover-grey-7{--data-hover: var(--grey-7)}.color-grey-8{--data-color: var(--grey-8)}.hover-grey-8{--data-hover: var(--grey-8)}.color-grey-9{--data-color: var(--grey-9)}.hover-grey-9{--data-hover: var(--grey-9)}.color-grey-10{--data-color: var(--grey-10)}.hover-grey-10{--data-hover: var(--grey-10)}.color-success-1{--data-color: var(--success-1)}.hover-success-1{--data-hover: var(--success-1)}.color-success-2{--data-color: var(--success-2)}.hover-success-2{--data-hover: var(--success-2)}.color-success-3{--data-color: var(--success-3)}.hover-success-3{--data-hover: var(--success-3)}.color-success-4{--data-color: var(--success-4)}.hover-success-4{--data-hover: var(--success-4)}.color-success-5{--data-color: var(--success-5)}.hover-success-5{--data-hover: var(--success-5)}.color-success-6{--data-color: var(--success-6)}.hover-success-6{--data-hover: var(--success-6)}.color-success-7{--data-color: var(--success-7)}.hover-success-7{--data-hover: var(--success-7)}.color-success-8{--data-color: var(--success-8)}.hover-success-8{--data-hover: var(--success-8)}.color-success-9{--data-color: var(--success-9)}.hover-success-9{--data-hover: var(--success-9)}.color-success-10{--data-color: var(--success-10)}.hover-success-10{--data-hover: var(--success-10)}.color-warning-1{--data-color: var(--warning-1)}.hover-warning-1{--data-hover: var(--warning-1)}.color-warning-2{--data-color: var(--warning-2)}.hover-warning-2{--data-hover: var(--warning-2)}.color-warning-3{--data-color: var(--warning-3)}.hover-warning-3{--data-hover: var(--warning-3)}.color-warning-4{--data-color: var(--warning-4)}.hover-warning-4{--data-hover: var(--warning-4)}.color-warning-5{--data-color: var(--warning-5)}.hover-warning-5{--data-hover: var(--warning-5)}.color-warning-6{--data-color: var(--warning-6)}.hover-warning-6{--data-hover: var(--warning-6)}.color-warning-7{--data-color: var(--warning-7)}.hover-warning-7{--data-hover: var(--warning-7)}.color-warning-8{--data-color: var(--warning-8)}.hover-warning-8{--data-hover: var(--warning-8)}.color-warning-9{--data-color: var(--warning-9)}.hover-warning-9{--data-hover: var(--warning-9)}.color-warning-10{--data-color: var(--warning-10)}.hover-warning-10{--data-hover: var(--warning-10)}.color-danger-1{--data-color: var(--danger-1)}.hover-danger-1{--data-hover: var(--danger-1)}.color-danger-2{--data-color: var(--danger-2)}.hover-danger-2{--data-hover: var(--danger-2)}.color-danger-3{--data-color: var(--danger-3)}.hover-danger-3{--data-hover: var(--danger-3)}.color-danger-4{--data-color: var(--danger-4)}.hover-danger-4{--data-hover: var(--danger-4)}.color-danger-5{--data-color: var(--danger-5)}.hover-danger-5{--data-hover: var(--danger-5)}.color-danger-6{--data-color: var(--danger-6)}.hover-danger-6{--data-hover: var(--danger-6)}.color-danger-7{--data-color: var(--danger-7)}.hover-danger-7{--data-hover: var(--danger-7)}.color-danger-8{--data-color: var(--danger-8)}.hover-danger-8{--data-hover: var(--danger-8)}.color-danger-9{--data-color: var(--danger-9)}.hover-danger-9{--data-hover: var(--danger-9)}.color-danger-10{--data-color: var(--danger-10)}.hover-danger-10{--data-hover: var(--danger-10)}.color-white{--data-color: var(--white)}.hover-white{--data-hover: var(--white)}.color-black{--data-color: var(--black)}.hover-black{--data-hover: var(--black)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr}.grid-2{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 750px){.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 550px){.grid-3,.grid-2{grid-template-columns:1fr}}:root{--focus-color: var(--primary-4)}*:focus-visible{outline:solid 3px var(--focus-color)}.row{display:flex}.wrapped-row{display:flex;flex-wrap:wrap}.col{display:flex;flex-direction:column}.center{margin:0 auto}.center-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.wrapper-1{margin:0 auto;width:100%;max-width:var(--wrapper-width-1)}.wrapper-2{margin:0 auto;width:100%;max-width:var(--wrapper-width-2)}.wrapper-3{margin:0 auto;width:100%;max-width:var(--wrapper-width-3)}.sidebar{display:grid;grid-template-columns:3fr 1fr}.sidebar[data-direction=ltr]{grid-template-columns:1fr 3fr}@media (max-width: 550px){.sidebar{grid-template-columns:1fr}}body{font-family:var(--font)}h1[class*=color-],h2[class*=color-],h3[class*=color-],h4[class*=color-],h5[class*=color-],h6[class*=color-],p[class*=color-],span[class*=color-],strong[class*=color-]{color:var(--data-color)}p{font-size:var(--f-6);white-space:normal;line-height:1.5}a,.link{text-decoration:underline;cursor:pointer;color:var(--black)}a:not(.btn,.card):hover,.link:hover{color:var(--primary-3)}.nowrap{white-space:nowrap}.break-all{word-break:break-all}.noselect{-webkit-user-select:none;user-select:none}.bold{font-weight:700}.measure{max-width:var(--measure)}.measure-wide{max-width:var(--measure-wide)}[data-hidden]{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.field{--field-error-color: var(--danger-5);--field-border-color: var(--grey-4);--field-input-border: 2px solid var(--field-border-color);--field-background-color: var(--white);--field-text-color: var(--black);max-width:var(--wrapper-width-2);position:relative}.field label{margin-bottom:var(--space-1);justify-content:space-between}.field .icon[data-size]{--icon-size: 24px;--data-color: var(--field-border-color);background-color:var(--field-background-color);position:absolute;right:var(--space-3);top:calc(var(--space-5) + var(--space-1))}.field [data-icon=chevron]{transform:rotate(270deg)}.field input,.field textarea,.field select{padding:var(--space-2) var(--space-3);border:var(--field-input-border);border-radius:var(--br-small);background-color:var(--field-background-color);color:var(--field-text-color)}.field textarea{resize:vertical}.field fieldset{border:0;padding:var(--space-3) 0}.field input:focus,.field textarea:focus,.field select:focus{outline:none}.field:has(input[type=file]){max-width:22rem}.field input[type=file]{padding:var(--space-4)}.field[data-has-error]{--field-border-color: var(--field-error-color)}.field[data-has-error] label,.field .error{color:var(--field-error-color)}.field:has(input:focus),.field:has(textarea:focus),.field:has(select:focus){--field-border-color: var(--primary-4)}.field:has([disabled]){--field-background-color: var(--grey-8);--field-text-color: var(--grey-4)}.field:has(input[disabled]),.field:has(textarea[disabled]),.field:has(select[disabled]){--field-border-color: var(--grey-5)}.field select{opacity:1;appearance:none}.field:has(input[type=checkbox]){gap:var(--space-3);flex-direction:row-reverse;align-items:center;justify-content:flex-end}.field:has(input[type=checkbox]) label{margin:0}.form header{margin-bottom:var(--space-4)}.form footer{margin:var(--space-4) 0}.avatar{--avatar-size: 3rem;--avatar-border: 2px solid var(--primary-5);--avatar-background: var(--primary-8);--avatar-font-size: var(--f-6);min-width:var(--avatar-size);width:var(--avatar-size);height:var(--avatar-size);border:var(--avatar-border);font-size:var(--avatar-font-size);background-color:var(--avatar-background);border-radius:100%;display:flex;align-items:center;justify-content:center}.avatar img{border-radius:100%;width:var(--avatar-size);height:var(--avatar-size);border:1px solid black;box-sizing:content-box}.avatar:has(img){--avatar-border: none}.btn{--btn-color: var(--primary-4);--btn-hover: var(--primary-1);--btn-text: var(--white);width:fit-content;height:fit-content;display:flex;gap:var(--space-1);flex-shrink:0;align-items:center;border-width:2px;border-radius:var(--br-small);border-style:solid;white-space:nowrap;font-size:var(--f-7);padding:var(--space-2) var(--space-4);border-color:var(--btn-color);background-color:var(--btn-color);color:var(--btn-text);transition:.1s ease;transition-property:background,border,color;position:relative}.btn:hover,.btn:focus{border-color:var(--btn-hover);background-color:var(--btn-hover);cursor:pointer}[role=button]{cursor:pointer}a.btn{text-decoration:none}.btn[disabled]{cursor:not-allowed}.row>.btn[data-stretch]{display:grid;flex:1}.col>.btn[data-stretch]{display:grid;flex:1;width:100%}.btn[data-stretch][data-content=custom-text]{grid-template-columns:1fr 3fr 1fr}.btn[data-pill]{border-radius:5rem}.btn[data-size=small]{font-size:var(--f-9);padding:0 var(--space-2)}.btn[data-size=regular]{padding:var(--space-2) var(--space-4)}.btn[data-size=regular]:has(.icon){padding:calc(var(--space-1) + var(--space-1)) var(--space-2)}.btn[data-size=large]{font-size:var(--f-7);padding:var(--space-3) var(--space-5)}.btn[data-fill=hollow]{--btn-text: var(--btn-hover);border-width:2px;background-color:var(--white)}.btn[data-fill=hollow]:hover{--btn-text: var(--white);background-color:var(--btn-hover)}.btn[data-size=underline]{--btn-text: var(--btn-color);padding:var(--space-1) 0;background-color:transparent;border:none;text-decoration:underline}.btn[data-size=underline]:hover{--btn-text: var(--black);background-color:transparent}.btn[data-shade=dark][data-btn-color=primary]{--btn-color: var(--primary-1);--btn-hover: var(--primary-4)}.btn[data-btn-color=secondary]{--btn-color: var(--secondary-5);--btn-hover: var(--secondary-1)}.btn[data-shade=dark][data-btn-color=secondary]{--btn-color: var(--secondary-1);--btn-hover: var(--secondary-4)}.btn[data-btn-color=danger]{--btn-color: var(--danger-6);--btn-hover: var(--danger-1)}.btn[data-shade=dark][data-btn-color=danger]{--btn-color: var(--danger-1);--btn-hover: var(--danger-6)}.btn[data-btn-color=grey]{--btn-color: var(--grey-2);--btn-hover: var(--black)}.btn[data-shade=dark][data-btn-color=grey]{--btn-color: var(--black);--btn-hover: var(--grey-2)}.btn[data-btn-color=google]{--btn-color: var(--color-google);--btn-hover: var(--color-google-dark)}.btn[data-btn-color=linkedin]{--btn-color: var(--color-linkedin);--btn-hover: var(--secondary-1)}.btn:not([data-content=custom]) .icon{--icon-color: var(--btn-text)}.btn[data-size=large] .icon{--icon-size: 28px}.btn[data-size=regular] .icon{--icon-size: 25px}.btn[data-size=small] .icon,.btn[data-size=underline] .icon{--icon-size: 20px}.btn[data-content=custom] .icon{--icon-size: 28px}.btn[data-content=custom][data-size=small] .icon{--icon-size: 24px}.btn[data-content=custom]{background-color:transparent;border:none;padding:0}.btn[data-content=custom]:hover{background-color:transparent;border:none}.btn[disabled],.btn[disabled][data-btn-color]{--btn-color: var(--grey-4);--btn-hover: var(--grey-4)}.btn[disabled][data-content=custom] .icon{--icon-color: var(--btn-color)}.btn[disabled][data-content=custom] .icon{--icon-color: var(--btn-color);--icon-hover: var(--btn-color)}.btn[data-loading] span,.btn[data-loading] .icon{opacity:0}.btn .spinner{--spinner-color: var(--btn-color);position:absolute;margin:0 auto;left:0;right:0}.btn[data-fill=solid] .spinner{--spinner-color: var(--white)}.btn[data-loading]:hover,.btn[data-loading]:focus,.btn[disabled]:hover,.btn[disabled]:focus{border-color:var(--btn-color)}.btn[data-fill=solid][data-loading]:hover,.btn[data-fill=solid][disabled]:hover{background-color:var(--btn-color)}.btn[data-fill=hollow][data-loading]:hover,.btn[data-fill=hollow][disabled]:hover{--btn-text: var(--btn-color);background-color:transparent}.card{--card-padding: var(--space-4);border-radius:var(--br-small);border:solid 1px var(--grey-5);background-color:#fff;width:100%;height:fit-content}a.card{display:block;text-decoration:none}.card[data-padded] .content{padding:var(--card-padding)}.card .expander{border-bottom-left-radius:var(--br-small);border-bottom-right-radius:var(--br-small);padding:var(--space-2) var(--card-padding);background-color:var(--grey-10)}.dot{--dot-size: 18px;--dot-border: 2px;--dot-color: var(--data-color);--dot-opacity: 1;position:relative;width:var(--dot-size);height:var(--dot-size);min-width:var(--dot-size);border:var(--dot-border) solid var(--dot-color);border-radius:100%}.dot[data-size=large]{--dot-size: 30px}.dot[data-fill=transparent]{--dot-opacity: .1}.dot[data-fill=hollow]{--dot-opacity: 0}.dot:after{content:" ";width:var(--dot-size);height:var(--dot-size);top:calc(var(--dot-border) * -1);left:calc(var(--dot-border) * -1);position:absolute;border-radius:100%;opacity:var(--dot-opacity);background-color:var(--dot-color)}.filters{display:flex;flex-direction:column;gap:var(--space-2);position:relative;--filters-background: rgb(255 255 255 / 80%)}.filters ul{display:flex;gap:var(--space-1)}.filters li{list-style:none}.filters .selected{display:flex;flex-wrap:wrap;gap:var(--space-1);background-color:var(--filters-background);box-shadow:0 0 5px 5px var(--filters-background)}.filters[data-floating] .selected{position:absolute;top:calc(var(--space-5) + var(--space-2));z-index:5}.header-bar{--header-bar-gap: var(--space-2);display:grid;grid-template-areas:"title search menu";grid-template-columns:10.5rem 1fr 10.5rem;gap:var(--space-5);position:relative;z-index:12;margin-bottom:var(--space-3);margin-top:var(--space-2)}.header-bar .title{grid-area:title}.header-bar .search{grid-area:search;width:100%;max-width:var(--wrapper-width-2);padding:var(--space-1) 0}.header-bar .menu{grid-area:menu;justify-self:flex-end}.header-bar .avatar{--avatar-size: 2.5rem;--avatar-font-size: var(--f-7)}@media (max-width: 750px){.header-bar{grid-template-areas:"title title menu" "search search search";grid-template-columns:10.5rem 1fr 10.5rem;gap:var(--space-1)}.header-bar .title{align-self:flex-end}.header-bar .avatar{--avatar-size: 2.1rem;--avatar-font-size: var(--f-8)}}@media (max-width: 550px){.header-bar{margin-top:0}}.icon{--icon-size: 28px;--icon-color: var(--data-color, var(--black));--icon-hover: var(--data-hover, var(--black));width:var(--icon-size);height:var(--icon-size);fill:var(--icon-color)}.icon[data-size=large]{--icon-size: 35px}.icon[class*=hover-]:hover{fill:var(--icon-hover)}.icon .stroke{stroke:var(--icon-color)}.icon[class*=hover-]:hover .stroke{stroke:var(--icon-hover)}body:has(.layout[data-background=primary]){background-color:var(--primary-a1)}body:has(.layout[data-background=secondary]){background-color:var(--secondary-a1)}.layout[data-fixed]{position:fixed;width:100%;height:100%}.logo{--logo-size: 80px;max-width:var(--logo-size);width:100%;height:100%}.logo[data-size=small]{--logo-size: 40px}.logo[data-size=large] .line{stroke:var(--primary-2)}.logo[data-size=large] .dot{fill:var(--primary-10)}.logo[data-size=large] .dot-dark{fill:var(--primary-4)}.logo[data-size=small] .line{fill:var(--primary-2)}.logo[data-size=small] .dot{fill:var(--primary-10)}.logo[data-size=small] .dot-dark{fill:var(--primary-5)}.menu{position:relative}.menu .avatar{position:relative;z-index:4}.menu ul{position:absolute;z-index:3;right:0;min-width:12rem;max-width:15rem;display:flex;flex-direction:column;border-radius:var(--br-small);gap:var(--space-1);background-color:var(--white);padding:var(--space-4);margin:var(--space-2) 0;list-style:none}.menu a{display:block}.menu .backdrop{position:fixed;z-index:2;cursor:pointer;top:0;left:0;width:100%;height:100%;opacity:.2;background-color:var(--black)}.modal{--modal-z-index: 13;position:fixed;z-index:var(--modal-z-index);display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0}body:has(.modal){overflow:hidden}.modal .backdrop{position:fixed;z-index:var(--modal-z-index);cursor:pointer;background-color:var(--black);opacity:.2;top:0;left:0;width:100%;height:100%}.modal .content{position:relative;z-index:calc(var(--modal-z-index) + 1);width:100%;max-width:500px;margin:var(--space-4);padding:var(--space-4) var(--space-5);background-color:var(--white);border-radius:var(--br-small)}@media (max-width: 550px){.modal .content{padding:var(--space-3) var(--space-4)}}.modal .close .btn{background-color:var(--primary-4);border-radius:100%;padding:calc(var(--space-1) * 2);position:absolute;top:calc(var(--space-3) * -1);right:calc(var(--space-3) * -1)}.modal .close .btn:hover{background-color:var(--primary-1)}.modal .close .btn:hover .icon{--icon-color: var(--white)}.progress{display:flex;gap:var(--space-4);align-items:center}.search{--search-color: var(--grey-2);--search-focus-color: var(--grey-1)}.search .bar{position:relative;display:flex;align-items:center}.search:has(input:focus){--search-color: var(--white)}.search input{width:100%;border:2px solid var(--search-color);color:var(--search-color);padding:.2rem var(--space-3);border-radius:1.5rem;transition:.1s ease}.search input:focus{background-color:var(--search-focus-color);border-color:var(--search-focus-color);outline:solid 1px black}.search [data-icon=search],.search [data-icon=cross]{--icon-color: var(--search-color)}.search .btn[data-action]{position:absolute;right:var(--space-2)}.search .btn[data-action][disabled]{cursor:initial}.search .icon[data-icon=chevron]{--icon-size: 28px}.search .btn:has([data-icon=chevron]){padding:0}.search .filters{padding:var(--space-2) var(--space-4)}.search .autocomplete{box-sizing:unset;position:relative;z-index:10}.search:has(.filters) .autocomplete .inner{padding:var(--space-1) var(--space-4)}.search .autocomplete .inner{display:flex;position:absolute;padding:var(--space-4);width:100%;height:fit-content;background-color:#ffffffe6;box-shadow:0 0 4px 2px #fff;flex-direction:column;gap:var(--space-2)}.search .autocomplete .inner *{width:100%;border-radius:var(--br-small);background-color:var(--white);border:2px solid var(--grey-4);padding:var(--space-2)}.spinner{--spinner-size: 14px;--spinner-border-size: 2px;--spinner-color: var(--data-color, var(--black));width:var(--spinner-size);height:var(--spinner-size);min-width:var(--spinner-size);border-width:var(--spinner-border-size);border-color:var(--spinner-color) var(--spinner-color) var(--spinner-color) transparent;border-style:solid;border-radius:50%}.spinner[data-size=regular]{--spinner-size: 20px;--spinner-border-size: 3px}.feedback{--feedback-icon-color: var(--grey-2);--feedback-text-color: var(--grey-1);z-index:11;position:fixed;left:0;bottom:0;opacity:1;transition:opacity .3s ease;margin:var(--space-4);color:var(--feedback-text-color)}.feedback[data-hidden]{opacity:0}.feedback .icon{--icon-color: var(--feedback-icon-color)}.feedback:hover{--feedback-icon-color: var(--primary-4);--feedback-text-color: var(--primary-2)}.optech-card{display:flex;flex-direction:column;justify-content:space-between;text-wrap:wrap;min-height:15rem;width:100%}.optech-card header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--space-5) + var(--space-2))}.card .body{width:100%;display:flex;justify-content:space-between}@media (max-width: 550px){.optech-card{min-height:12rem}}.skeleton{--skeleton-scale: 50svh;position:relative;display:flex;aspect-ratio:7 / 9;max-width:clamp(250px,var(--skeleton-scale),450px);width:100%;margin:0 auto}.skeleton .body{display:flex;height:100%;width:100%;left:0;right:0;margin:0 auto}.skeleton .overlay{position:absolute;height:100%;width:100%;left:0;right:0;margin:0 auto}.skeleton .overlay circle{fill:var(--primary-5);stroke:var(--primary-3)}.skeleton .overlay circle[data-disabled]{fill:var(--grey-5);stroke:var(--grey-3)}@media (max-width: 500px){.skeleton{--skeleton-scale: 45svh}}.use-category-overlay{--uc-padding: calc(var(--space-5) + var(--space-3));position:fixed;display:flex;top:0;left:0;z-index:10;width:100%;height:100%}.use-category-overlay .panel{width:100%;height:100%;display:flex;align-items:center}.use-category-overlay .panel:nth-child(1){color:var(--primary-1);background-color:var(--primary-a1);justify-content:flex-end;padding-right:var(--uc-padding)}.use-category-overlay .panel:nth-child(2){color:var(--secondary-1);background-color:var(--secondary-a1);justify-content:flex-start;padding-left:var(--uc-padding)}@media (max-width: 450px){.use-category-overlay{--uc-padding: var(--space-4)}}