@import "//fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=PT+Serif:wght@700&display=swap";@import "//fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap";.h1{font-size:1.625rem}.h2{font-size:1.375rem}.h3{font-size:1.25rem}.h4{font-size:1rem}body{color:#000;font-family:inter,sans-serif;font-weight:400;font-size:.875rem}a{color:#000;font-weight:500}.link{display:inline-flex;align-items:center;border:none;border-bottom:2px solid transparent;background-color:transparent;cursor:pointer;padding:0 0 12px;padding:0;text-decoration:none;color:#000;font:inherit;font-weight:500;gap:4px}.link--emphasis{border-bottom:2px solid #e6e6e6}.link--emphasis:hover{border-color:#000}.link--secondary{color:#fff}.link--isActive{border-bottom:2px solid #000}.resource-hidden{display:none}.resourceGuide-hidden{display:none}.flash{animation:flash 1s ease-in-out forwards;background-color:#f2f2f2}@keyframes flash{0%{background-color:#f2f2f2}50%{background-color:#ffffce}100%{background-color:#f2f2f2}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0}code,pre{font-family:monospace,monospace;font-size:1em;margin-bottom:1rem;margin-top:0;-ms-overflow-style:scrollbar;white-space:pre-wrap}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}img{border:0;display:block;height:auto;max-width:100%;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden;vertical-align:middle}fieldset{border:none;margin:0;min-width:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;outline-offset:-2px}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}iframe{border:0;max-width:100%;width:100%}h1,h2,h3,h4,h5,h6{margin:0}ul,ol{margin:0}p{margin:0}.container{margin:0 auto;padding:0 20px;max-width:1240px}.container--sm{max-width:520px}.grid-primary{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:flex-start;gap:32px}@media only screen and (min-width:800px){.grid-primary{grid-template-columns:1fr}}.grid-list{display:grid;align-self:start;grid-template-rows:1fr;grid-template-columns:1fr 1fr;gap:48px}.grid-list{display:grid;align-self:start;grid-template-rows:1fr;grid-template-columns:1fr 1fr;gap:48px}.grid-bento{display:grid;flex-direction:column;grid-template-rows:1fr;grid-template-columns:1fr;align-items:flex-start;gap:32px}@media only screen and (min-width:800px){.grid-bento{grid-template-columns:1fr 1fr 1fr}}.grid-bento .col{display:flex;flex-direction:column;gap:32px}.grid-grid{display:grid;flex-direction:column;grid-template-rows:1fr;grid-template-columns:1fr;gap:32px}@media only screen and (min-width:800px){.grid-grid{grid-template-columns:1fr 1fr}}@media only screen and (min-width:1140px){.grid-grid{grid-template-columns:1fr 1fr 1fr}}.grid-single{display:grid;flex-direction:column;grid-template-rows:1fr;grid-template-columns:1fr;align-items:flex-start;margin-top:24px;gap:56px}@media only screen and (min-width:800px){.grid-single{grid-template-columns:1fr minmax(min-content,370px)}}.grid-transient{display:grid;flex-direction:column;grid-template-rows:1fr;grid-template-columns:1fr;padding:56px;text-align:center}h1{font-size:1.375rem;margin-bottom:16px;line-height:1.4}@media only screen and (min-width:800px){h1{font-size:1.625rem}}h2{font-size:1.25rem;margin-bottom:12px}@media only screen and (min-width:800px){h2{font-size:1.375rem}}h3{font-size:1.25rem;margin-bottom:8px}@media only screen and (min-width:800px){h3{font-size:1.25rem}}p{margin-bottom:20px;line-height:1.8;font-weight:400}.subheading{margin-bottom:8px}ul{display:flex;flex-direction:column;padding:0 0 0 16px;gap:8px}ul.list-naked{padding:0;list-style:none}ul.list-naked--md{gap:12px}ul.list-justified{display:flex;list-style:none;padding:0}ul.list-justified li{border-bottom:2px solid #f2f2f2;transition:.2s border ease-in-out}ul.list-justified li:hover{border-color:#000}ul.list-justified li a{display:flex;justify-content:space-between;padding:8px 0 16px}ul.list-border li{padding:12px 0;border-bottom:2px solid #4d4d4d}ul.list-check{display:flex;list-style:none;flex-direction:row;padding:0;gap:16px}ul.list-check li{padding-left:24px;background-image:url(https://uxrepo.co/images/icon-check-primary.svg);background-repeat:no-repeat;background-position:0}ul.links-list{display:flex;width:100%;list-style:none;padding:0;color:#fff;gap:4px}ul.links-list li{display:flex;align-items:center;justify-content:space-between;border-radius:6px;background-color:#1a1a1a;padding:16px;gap:16px}ul.links-list li:first-child{border-radius:22px 22px 6px 6px}ul.links-list li:last-child{border-radius:6px 6px 22px 22px}ol{display:flex;flex-direction:column;padding:0 0 0 20px;gap:12px}ol p{margin-bottom:0;font-weight:500}.aside{display:flex;padding-top:8px;gap:48px;flex-direction:column}.aside__header{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.aside__image{display:flex;align-items:center;justify-content:center;border:2px solid #f2f2f2;border-radius:30px;width:100%;height:200px;overflow:hidden}.aside__links{display:flex;flex-direction:column;gap:12px}.aside__links h2{display:flex;align-items:center;gap:8px;font-size:1rem}.aside__list{display:flex;flex-direction:column;gap:12px}.avatar{display:flex;align-items:center;border-radius:50px;background-color:#f2f2f2;padding:4px 16px 4px 4px;gap:8px}.avatar--naked{background:0 0;padding:0}.avatar--dark{background-color:#000;color:#f2f2f2}.avatar__image{border-radius:100%;width:26px;height:26px}.avatar__content,.avatar a{font-weight:500}.btn,a.btn{border:none;background-color:transparent;cursor:pointer;text-decoration:none;color:inherit;font:inherit;display:inline-flex;align-items:center;justify-content:center;transition:.2s background-color ease-in-out,.2s color ease-in-out;border:2px solid transparent;border-radius:10px;background-color:#f2f2f2;padding:8px 12px;line-height:1;color:#000;font-weight:500;gap:4px}.btn:hover,.btn:active,.btn--isActive,a.btn:hover,a.btn:active,a.btn--isActive{background-color:#e6e6e6}.btn:disabled,.btn button[disabled],a.btn:disabled,a.btn button[disabled]{background:0 0;color:#000;cursor:not-allowed}.btn:disabled:hover,.btn button[disabled]:hover,a.btn:disabled:hover,a.btn button[disabled]:hover{background:0 0}.btn--sm,a.btn--sm{padding:6px 10px}.btn--lg,a.btn--lg{padding:18px 24px}.btn--primary,a.btn--primary{background-color:#000;color:#fff}.btn--primary:hover,a.btn--primary:hover{background-color:#333}.btn--withIcon,a.btn--withIcon{padding:5px 12px}.btn-circle{border:none;background-color:transparent;cursor:pointer;text-decoration:none;color:inherit;font:inherit;display:flex;align-items:center;justify-content:center;border-radius:100%;background:#fff;padding:0;width:34px;height:34px}.btn-circle svg{width:100%}.btn-circle--naked{background:0 0}.btn-tab{border:none;background-color:transparent;cursor:pointer;text-decoration:none;color:inherit;font:inherit;display:inline-flex;flex-basis:50%;align-items:center;justify-content:center;border-radius:8px;padding:8px 12px;line-height:1;color:#000;font-weight:500;gap:8px}.btn-tab--isActive{outline:2px solid #000;border-radius:8px;color:#000}.btn-notification{position:absolute;top:-5px;right:-5px;border:2px solid #fff;border-radius:100%;background-color:red;width:12px;height:12px;animation:scaleIn .4s ease-in-out}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.callout{display:flex;flex-direction:column;align-items:flex-start;border:2px solid #f2f2f2;border-left:8px solid #000;border-color:#e6e6e6;padding:16px 20px;gap:8px}.callout--success{border-color:#389460}.callout--danger{border-color:#b94646}.callout__header{margin-bottom:4px}.callout__content{flex-basis:100%}.callout__content p:last-child{margin-bottom:0}.footer{margin-top:80px;background-color:#f2f2f2;padding:56px 0}.footer__profile{max-width:380px}.footer .container{padding-bottom:100px;background-image:url(../images/ux-repo-logo-gray.svg);background-position:50% 100%;background-repeat:no-repeat;background-size:80px;text-align:center}@media only screen and (min-width:800px){.footer .container{padding-bottom:0;background-position:center right 20px;background-size:80px;text-align:left}}.quiz-item{display:flex;gap:16px;align-items:center;margin-bottom:8px;border-radius:6px;background-color:#f2f2f2;cursor:pointer;border:2px solid transparent;padding:8px 16px;transition:.2s background ease-in-out;line-height:1.6}.quiz-item:hover{background-color:#e6e6e6}.quiz-item--isActive{border-color:#389460;box-shadow:inset 0 0 0 2px white}.quiz-item--isActive:hover{background-color:#f2f2f2}.quiz-item--isIncorrect{border-color:#b94646;box-shadow:inset 0 0 0 2px white}.quiz-item--isDisabled{cursor:not-allowed;pointer-events:none}.quiz-item span{font-size:1.25rem;font-weight:600}#quizMessage{margin-bottom:16px}input[type=radio]+label{line-height:1.6;cursor:pointer}input[type=radio]{appearance:none;display:grid;border:2px solid #000;border-radius:100%;width:20px;height:20px;-webkit-appearance:none;place-content:center;cursor:pointer}input[type=radio]::before{content:"";width:12px;height:12px;border-radius:100%;transform:scale(0);transition:120ms transform ease-in-out;background-color:#000}input[type=radio]:checked::before{transform:scale(1)}input[type=radio]:hover{border-color:#000}.guide ul,.guide ol{display:flex;gap:4px}.guide ul li,.guide ol li{line-height:1.8}.header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:48px}.header__heading{margin-bottom:4px}.hero{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;margin:32px 0}@media only screen and (min-width:800px){.hero{margin:72px 0}}.hero__title{margin:0;font-size:1.25rem;text-align:center;font-weight:600;line-height:1.8}@media only screen and (min-width:800px){.hero__title{font-size:1.625rem;max-width:600px}}@media only screen and (min-width:1140px){.hero__title{max-width:100%}}.hero__title a{font-weight:600;padding-bottom:4px;border-bottom:2px solid #f2f2f2}@media only screen and (min-width:800px){.hero__title a{padding-bottom:8px}}.hero__title a:hover{border-color:#000}.markup{font-family:inconsolata,monospace;font-size:15px;font-weight:400;background-color:#f2f2f2;padding:20px;border-radius:10px;margin-bottom:12px}.markup h2{font-size:1rem;font-weight:600;margin:20px 0 8px}.markup h2:first-child{margin-top:0}.markup h3{font-size:1.25rem;font-weight:600;margin:20px 0 8px}.markup h3:first-child{margin-top:0}.markup p{margin-bottom:20px}.markup ul,.markup ol{margin-top:12px;display:flex;gap:4px}.markup ul li,.markup ol li{line-height:1.8}.markup table{width:100%;border-collapse:collapse;margin-bottom:20px}.markup th{font-weight:700;padding:8px;text-align:left;border:0;border-bottom:4px solid #f2f2f2}.markup thead tr:hover{background:0 0}.markup td{padding:8px}.markup tr{border-bottom:1px solid #e6e6e6}.navigationPrimary{display:flex;flex-direction:row;padding:28px 0;gap:16px;justify-content:space-between}.navigationPrimary__logo{display:flex;align-self:flex-start;width:30px}.navigationPrimary__links{display:flex;align-items:flex-start;gap:8px}.navigationSecondary{display:flex;flex-direction:row;border-bottom:2px solid #f2f2f2;margin-bottom:32px;gap:28px}.navigationSecondary__item{display:flex;position:relative;top:2px;align-items:center;border-bottom-width:2px;border-bottom-style:solid;border-color:#f2f2f2;padding-bottom:16px;color:#000;font-weight:500;gap:8px}.navigationSecondary__item:hover{border-color:#ccc}.navigationSecondary__item:hover,.navigationSecondary__item:active{color:#000}.navigationSecondary__item--isActive,.navigationSecondary__item--isActive:hover{border-color:#000}.pagination{display:flex;justify-content:flex-end;gap:24px;padding:20px 0}.pagination__first{margin-right:auto}.pagination__last{margin-left:auto}.pagination__label{display:none}@media only screen and (min-width:1140px){.pagination__label{display:inline-flex}}.panel{border:2px solid #f2f2f2;border-radius:20px;padding:30px}.previewResource{display:flex;position:relative;top:0;flex-direction:column;justify-content:space-between;transition:.2s top ease-in-out;border-radius:30px;background-color:#000;padding:24px}.previewResource:hover{top:-4px;transition:.2s all ease-in-out}.previewResource__header{display:flex;justify-content:space-between;align-items:center;color:#b3b3b3}.previewResource__header+.previewResource__content{margin-top:24px}.previewResource__image{margin:12px 0;display:flex;align-items:center;justify-content:center}@media only screen and (min-width:800px){.previewResource__image{margin:32px 0}}.previewResource__content{display:flex;flex-direction:column;align-items:flex-start;width:100%;color:#e6e6e6}.previewResource__content p:last-child{margin-bottom:0}.previewResource__title{color:#fff;font-size:1.25rem}.previewResource__title a{color:#fff}@media only screen and (min-width:800px){.previewResource__title{font-size:1.625rem}}.previewMethod{display:flex;position:relative;flex-direction:column;border-radius:30px;background-color:#000;padding-top:24px;overflow:hidden;color:#fff;gap:20px}.previewMethod--isLayered .previewMethod__content{display:none}.previewMethod__header{display:flex;justify-content:space-between;padding:0 24px;gap:12px;color:#b3b3b3}.previewMethod__content{display:flex;flex-direction:column;margin:4px;margin-top:auto;border-radius:26px;background-color:#fff;padding:20px;color:#000}.previewMethod__content p:last-child{margin-bottom:0}.previewMethod__content h3{font-size:.875rem}.previewMethod__title{margin:0;padding:0 24px;color:#fff;font-size:1.25rem}@media only screen and (min-width:800px){.previewMethod__title{font-size:1.625rem}}.previewMethod__slideOver{display:flex;position:absolute;bottom:5px;left:5px;flex-direction:column;opacity:0;z-index:1;border-radius:26px;background-color:#333;width:calc(100% - 10px);color:#f2f2f2}.previewMethod__slideOver--isVisible{animation:.4s slideIn forwards;gap:8px}.previewMethod__slideOver--isClosing{animation:.4s slideOut forwards;gap:8px}.previewMethod__slideOver a{color:#fff}.previewMethod__slideOverContent{padding:4px}.previewMethod__slideOverButton{z-index:2}@keyframes slideIn{0%{opacity:0;height:0}100%{opacity:100%;height:144px}}@keyframes slideOut{0%{opacity:100%;height:144px}100%{opacity:0;height:0}}.quiz{display:flex;position:relative;flex-direction:column;border-radius:30px;background-color:#000;padding-top:24px;overflow:hidden;color:#fff;gap:20px}.quiz__header{display:flex;justify-content:space-between;padding:0 24px;gap:12px}.quiz__count{margin-bottom:4px;color:#4d4d4d}.quiz__content{display:flex;flex-direction:column;margin:4px;margin-top:auto;border-radius:26px;background-color:#fff;padding:20px;color:#000}.quiz__content p:last-child{margin-bottom:0}.quiz__content p{padding:0 20px;text-align:center}.quiz__content img{margin:0 auto}.quiz__title{margin:0;padding:0 24px;color:#fff;font-size:1.25rem}@media only screen and (min-width:800px){.quiz__title{font-size:1.625rem}}.tabs__header{display:flex;flex-direction:row;justify-content:space-between;gap:20px;align-items:flex-start}.tab__content{margin-top:24px}.tab__content--resource{display:flex;flex-direction:column;gap:20px}.tab__content--resource .resource-hidden{display:block}.tab__content--resourceGuide{display:flex;flex-direction:column;gap:20px}.tab__content--resourceGuide .resourceGuide-hidden{display:block}.tabGroup{position:relative;display:flex;justify-content:center;flex-direction:row;border-radius:10px;background-color:#f2f2f2;padding:2px;flex:1;max-width:180px}.tagGroup{display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}@media only screen and (min-width:800px){.tagGroup{flex-direction:row}}.tagGroup::-webkit-scrollbar{display:none}.tagGroup--row{flex-direction:row}button.tag,a.tag{color:#000}button.tag:hover,a.tag:hover{background-color:#e6e6e6}.tag{display:inline-flex;align-items:center;justify-content:center;transition:.2s border ease-in-out;background-color:#f2f2f2;border-radius:50px;border:2px solid transparent;padding:8px 12px;line-height:1;gap:4px;white-space:nowrap;font-weight:500;transition:.2s background-color ease-in-out}.tag img{display:flex;width:100%}.tag--withIcon{padding:6px 12px}.tag--isActive{border:2px solid #000}.tag--sm{font-size:.875rem;padding:6px 10px}.tag--xs{font-size:.75rem;padding:4px 8px}.tag--dark{background-color:#fff;color:#e6e6e6;border-color:#333}.tag--type{border:none;background:0 0;padding:8px 12px 12px 0}.tag--naked{border:none;background:0 0;padding:8px 0}.tag--naked:hover{background:0 0}.tag--secondary{border-width:2px;border-style:solid;border-color:#000;background:0 0}.tag--secondary:hover{background:0 0}.tag--tertiary{border-width:2px;border-style:solid;border-color:#4d4d4d;background:0 0;color:#fff}.tag--tertiary:hover{background:0 0}.prebanner{box-shadow:none!important;min-width:30px!important;min-height:30px!important;padding:4px!important;border-radius:50px!important;border:2px solid #000!important}.prebanner svg{margin-right:0!important}.glowCookies__left{bottom:8px!important;left:8px!important}.glowCookies__banner__1{border-radius:30px}.glowCookies__banner__1 h3{font-size:1rem!important}.glowCookies__banner__1 p{font-family:inter,sans-serif!important;font-size:.875rem!important;line-height:1.8!important}.glowCookies__banner__1 .btn__section{justify-content:flex-start!important;gap:8px}.glowCookies__banner .accept__btn__styles,.glowCookies__banner .settings__btn__styles{font-family:inter,sans-serif!important;font-size:.875rem!important;font-weight:500!important;padding:8px 12px!important;height:100%!important;width:auto!important}