@nuvoui/core
Version:
NuvoUI is a human-friendly SCSS framework designed for simplicity, and modern responsive designs.
1 lines • 622 kB
CSS
*,::backdrop,::file-selector-button,:after,:before{box-sizing:border-box;margin:0;padding:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;text-rendering:optimizespeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,h1,h2,h3,h4,input,label{line-height:1.1}audio,canvas,embed,iframe,img,object,picture,svg,video{display:block;vertical-align:middle}img,picture,svg,video{height:auto;max-width:100%}button,input,select,textarea{cursor:pointer;font:inherit}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}ol[role=list],ul[role=list]{list-style:none;margin:0;margin-block:0;padding:0;padding-inline-start:0}ol[role=list]>li,ul[role=list]>li{margin:0;margin-block:0;padding:0}a{color:inherit;text-decoration:none;text-decoration-skip-ink:auto}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--font-family-base:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}html{font-size:16}body{color:var(--text-default);font-family:var(--font-family-base);font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:700;line-height:1.2;margin-bottom:.5em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}p{margin-bottom:1rem}small{font-size:.875rem}button{border:0;border-radius:.25rem;cursor:pointer;font-family:var(--font-family-base);padding:.5rem 1rem;transition:background-color .2s ease-in-out,color .2s ease-in-out}button:focus{outline:none}button:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}button:not([class*=bg-]){background-color:var(--button-bg-color,#007bff);color:var(--button-text-color,#fff)}button:not([class*=bg-]):hover{background-color:var(--button-bg-color-hover,#0056b3)}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],textarea{border:1px solid var(--border);border-radius:.25rem;font-family:var(--font-family-base);padding:.5rem;transition:border .2s ease-in-out;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,textarea:focus{border-color:var(--link-color);outline:none}input[type=checkbox],input[type=radio]{margin-right:.5rem}select{border:1px solid var(--border);border-radius:.25rem;font-family:var(--font-family-base);padding:.5rem;transition:border .2s ease-in-out;width:100%}select:focus{border-color:var(--link-color);outline:none}blockquote{border-left:4px solid var(--border);font-style:italic;margin:1rem 0;padding:.5rem 1rem}hr{border:none;border-top:1px solid var(--border);margin:1rem 0}img{height:auto;max-width:100%}figure{margin:1rem 0}figcaption{color:var(--text-muted,#666);font-size:.875rem}a{transition:color .2s ease-in-out}a:not([class*=text-]){color:var(--link-color)}a:not([class*=text-]):hover{color:var(--link-hover-color)}label[for]{cursor:pointer}.sr-only{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}code{background-color:#f8f8f8;border-radius:3px;color:#d63384;font-family:Courier New,Courier,monospace;padding:2px 6px;white-space:nowrap}[data-theme=dark] code{background-color:#333;color:#f8f8f2}@media (prefers-color-scheme:dark){[data-theme=system] code{background-color:#333;color:#f8f8f2}}.container{display:block;margin-left:auto;margin-right:auto;width:100%}@media (min-width:480px){.container{max-width:380px}}@media (min-width:640px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:668px}}@media (min-width:1024px){.container{max-width:924px}}@media (min-width:1280px){.container{max-width:1180px}}@media (min-width:1536px){.container{max-width:1436px}}.container{padding-bottom:1rem;padding-top:1rem}.flex{display:flex}.flex.row{flex-direction:row}.flex.row-reverse{flex-direction:row-reverse}.flex.col{flex-direction:column}.flex.col-reverse{flex-direction:column-reverse}.flex.wrap{flex-wrap:wrap}.flex.nowrap{flex-wrap:nowrap}.flex.wrap-reverse{flex-wrap:wrap-reverse}.flex.start{justify-content:flex-start}.flex.end{justify-content:flex-end}.flex.center{justify-content:center}.flex.stretch{justify-content:stretch}.flex.between{justify-content:space-between}.flex.around{justify-content:space-around}.flex.evenly{justify-content:space-evenly}.flex.x-start{align-items:flex-start}.flex.x-end{align-items:flex-end}.flex.x-center{align-items:center}.flex.x-baseline{align-items:baseline}.flex.x-stretch{align-items:stretch}.flex.x-content-start{align-content:flex-start}.flex.x-content-end{align-content:flex-end}.flex.x-content-center{align-content:center}.flex.x-content-between{align-content:space-between}.flex.x-content-around{align-content:space-around}.flex.x-content-evenly{align-content:space-evenly}.flex.x-content-stretch{align-content:stretch}.flex>.fill-auto{flex:1 1 auto}.flex>.fill-full{flex:0 0 100%}.flex>.grow{flex:1 1 0%}.flex>.no-grow{flex:none}.flex>.order-first{order:-1}.flex>.order-last{order:9999}.flex>.order-none{order:0}.flex>.shrink{flex-shrink:1}.flex>.no-shrink{flex-shrink:0}.flex>.shrink-twice{flex-shrink:2}.flex>.self-end{align-self:flex-end}.flex>.self-start{align-self:flex-start}.flex>.self-center{align-self:center}.flex>.self-stretch{align-self:stretch}.flex>.self-baseline{align-self:baseline}.flex>.self-auto{align-self:auto}.flex>.fill-1{flex:0 0 8.3333333333%}.flex>.order-1{order:1}.flex>.fill-2{flex:0 0 16.6666666667%}.flex>.order-2{order:2}.flex>.fill-3{flex:0 0 25%}.flex>.order-3{order:3}.flex>.fill-4{flex:0 0 33.3333333333%}.flex>.order-4{order:4}.flex>.fill-5{flex:0 0 41.6666666667%}.flex>.order-5{order:5}.flex>.fill-6{flex:0 0 50%}.flex>.order-6{order:6}.flex>.fill-7{flex:0 0 58.3333333333%}.flex>.order-7{order:7}.flex>.fill-8{flex:0 0 66.6666666667%}.flex>.order-8{order:8}.flex>.fill-9{flex:0 0 75%}.flex>.order-9{order:9}.flex>.fill-10{flex:0 0 83.3333333333%}.flex>.order-10{order:10}.flex>.fill-11{flex:0 0 91.6666666667%}.flex>.order-11{order:11}.flex>.fill-12{flex:0 0 100%}.flex>.order-12{order:12}@media (min-width:480px){.flex.row\@xs{flex-direction:row}.flex.row-reverse\@xs{flex-direction:row-reverse}.flex.col\@xs{flex-direction:column}.flex.col-reverse\@xs{flex-direction:column-reverse}.flex.wrap\@xs{flex-wrap:wrap}.flex.nowrap\@xs{flex-wrap:nowrap}.flex.wrap-reverse\@xs{flex-wrap:wrap-reverse}.flex.start\@xs{justify-content:flex-start}.flex.end\@xs{justify-content:flex-end}.flex.center\@xs{justify-content:center}.flex.between\@xs{justify-content:space-between}.flex.stretch\@xs{justify-content:stretch}.flex.around\@xs{justify-content:space-around}.flex.evenly\@xs{justify-content:space-evenly}.flex.x-start\@xs{align-items:flex-start}.flex.x-end\@xs{align-items:flex-end}.flex.x-center\@xs{align-items:center}.flex.x-baseline\@xs{align-items:baseline}.flex.x-stretch\@xs{align-items:stretch}.flex.x-content-start\@xs{align-content:flex-start}.flex.x-content-end\@xs{align-content:flex-end}.flex.x-content-center\@xs{align-content:center}.flex.x-content-between\@xs{align-content:space-between}.flex.x-content-around\@xs{align-content:space-around}.flex.x-content-evenly\@xs{align-content:space-evenly}.flex.x-content-stretch\@xs{align-content:stretch}.flex>.fill-auto\@xs{flex:1 1 auto}.flex>.fill-full\@xs{flex:0 0 100%}.flex>.grow\@xs{flex:1 1 0%}.flex>.no-grow\@xs{flex:none}.flex>.order-first\@xs{order:-1}.flex>.order-last\@xs{order:9999}.flex>.order-none\@xs{order:0}.flex>.shrink\@xs{flex-shrink:1}.flex>.no-shrink\@xs{flex-shrink:0}.flex>.shrink-twice\@xs{flex-shrink:2}.flex>.self-end\@xs{align-self:flex-end}.flex>.self-start\@xs{align-self:flex-start}.flex>.self-center\@xs{align-self:center}.flex>.self-stretch\@xs{align-self:stretch}.flex>.self-baseline\@xs{align-self:baseline}.flex>.self-auto\@xs{align-self:auto}.flex>.fill-1\@xs{flex:0 0 8.3333333333%}.flex>.order-1\@xs{order:1}.flex>.fill-2\@xs{flex:0 0 16.6666666667%}.flex>.order-2\@xs{order:2}.flex>.fill-3\@xs{flex:0 0 25%}.flex>.order-3\@xs{order:3}.flex>.fill-4\@xs{flex:0 0 33.3333333333%}.flex>.order-4\@xs{order:4}.flex>.fill-5\@xs{flex:0 0 41.6666666667%}.flex>.order-5\@xs{order:5}.flex>.fill-6\@xs{flex:0 0 50%}.flex>.order-6\@xs{order:6}.flex>.fill-7\@xs{flex:0 0 58.3333333333%}.flex>.order-7\@xs{order:7}.flex>.fill-8\@xs{flex:0 0 66.6666666667%}.flex>.order-8\@xs{order:8}.flex>.fill-9\@xs{flex:0 0 75%}.flex>.order-9\@xs{order:9}.flex>.fill-10\@xs{flex:0 0 83.3333333333%}.flex>.order-10\@xs{order:10}.flex>.fill-11\@xs{flex:0 0 91.6666666667%}.flex>.order-11\@xs{order:11}.flex>.fill-12\@xs{flex:0 0 100%}.flex>.order-12\@xs{order:12}}@media (min-width:640px){.flex.row\@sm{flex-direction:row}.flex.row-reverse\@sm{flex-direction:row-reverse}.flex.col\@sm{flex-direction:column}.flex.col-reverse\@sm{flex-direction:column-reverse}.flex.wrap\@sm{flex-wrap:wrap}.flex.nowrap\@sm{flex-wrap:nowrap}.flex.wrap-reverse\@sm{flex-wrap:wrap-reverse}.flex.start\@sm{justify-content:flex-start}.flex.end\@sm{justify-content:flex-end}.flex.center\@sm{justify-content:center}.flex.between\@sm{justify-content:space-between}.flex.stretch\@sm{justify-content:stretch}.flex.around\@sm{justify-content:space-around}.flex.evenly\@sm{justify-content:space-evenly}.flex.x-start\@sm{align-items:flex-start}.flex.x-end\@sm{align-items:flex-end}.flex.x-center\@sm{align-items:center}.flex.x-baseline\@sm{align-items:baseline}.flex.x-stretch\@sm{align-items:stretch}.flex.x-content-start\@sm{align-content:flex-start}.flex.x-content-end\@sm{align-content:flex-end}.flex.x-content-center\@sm{align-content:center}.flex.x-content-between\@sm{align-content:space-between}.flex.x-content-around\@sm{align-content:space-around}.flex.x-content-evenly\@sm{align-content:space-evenly}.flex.x-content-stretch\@sm{align-content:stretch}.flex>.fill-auto\@sm{flex:1 1 auto}.flex>.fill-full\@sm{flex:0 0 100%}.flex>.grow\@sm{flex:1 1 0%}.flex>.no-grow\@sm{flex:none}.flex>.order-first\@sm{order:-1}.flex>.order-last\@sm{order:9999}.flex>.order-none\@sm{order:0}.flex>.shrink\@sm{flex-shrink:1}.flex>.no-shrink\@sm{flex-shrink:0}.flex>.shrink-twice\@sm{flex-shrink:2}.flex>.self-end\@sm{align-self:flex-end}.flex>.self-start\@sm{align-self:flex-start}.flex>.self-center\@sm{align-self:center}.flex>.self-stretch\@sm{align-self:stretch}.flex>.self-baseline\@sm{align-self:baseline}.flex>.self-auto\@sm{align-self:auto}.flex>.fill-1\@sm{flex:0 0 8.3333333333%}.flex>.order-1\@sm{order:1}.flex>.fill-2\@sm{flex:0 0 16.6666666667%}.flex>.order-2\@sm{order:2}.flex>.fill-3\@sm{flex:0 0 25%}.flex>.order-3\@sm{order:3}.flex>.fill-4\@sm{flex:0 0 33.3333333333%}.flex>.order-4\@sm{order:4}.flex>.fill-5\@sm{flex:0 0 41.6666666667%}.flex>.order-5\@sm{order:5}.flex>.fill-6\@sm{flex:0 0 50%}.flex>.order-6\@sm{order:6}.flex>.fill-7\@sm{flex:0 0 58.3333333333%}.flex>.order-7\@sm{order:7}.flex>.fill-8\@sm{flex:0 0 66.6666666667%}.flex>.order-8\@sm{order:8}.flex>.fill-9\@sm{flex:0 0 75%}.flex>.order-9\@sm{order:9}.flex>.fill-10\@sm{flex:0 0 83.3333333333%}.flex>.order-10\@sm{order:10}.flex>.fill-11\@sm{flex:0 0 91.6666666667%}.flex>.order-11\@sm{order:11}.flex>.fill-12\@sm{flex:0 0 100%}.flex>.order-12\@sm{order:12}}@media (min-width:768px){.flex.row\@md{flex-direction:row}.flex.row-reverse\@md{flex-direction:row-reverse}.flex.col\@md{flex-direction:column}.flex.col-reverse\@md{flex-direction:column-reverse}.flex.wrap\@md{flex-wrap:wrap}.flex.nowrap\@md{flex-wrap:nowrap}.flex.wrap-reverse\@md{flex-wrap:wrap-reverse}.flex.start\@md{justify-content:flex-start}.flex.end\@md{justify-content:flex-end}.flex.center\@md{justify-content:center}.flex.between\@md{justify-content:space-between}.flex.stretch\@md{justify-content:stretch}.flex.around\@md{justify-content:space-around}.flex.evenly\@md{justify-content:space-evenly}.flex.x-start\@md{align-items:flex-start}.flex.x-end\@md{align-items:flex-end}.flex.x-center\@md{align-items:center}.flex.x-baseline\@md{align-items:baseline}.flex.x-stretch\@md{align-items:stretch}.flex.x-content-start\@md{align-content:flex-start}.flex.x-content-end\@md{align-content:flex-end}.flex.x-content-center\@md{align-content:center}.flex.x-content-between\@md{align-content:space-between}.flex.x-content-around\@md{align-content:space-around}.flex.x-content-evenly\@md{align-content:space-evenly}.flex.x-content-stretch\@md{align-content:stretch}.flex>.fill-auto\@md{flex:1 1 auto}.flex>.fill-full\@md{flex:0 0 100%}.flex>.grow\@md{flex:1 1 0%}.flex>.no-grow\@md{flex:none}.flex>.order-first\@md{order:-1}.flex>.order-last\@md{order:9999}.flex>.order-none\@md{order:0}.flex>.shrink\@md{flex-shrink:1}.flex>.no-shrink\@md{flex-shrink:0}.flex>.shrink-twice\@md{flex-shrink:2}.flex>.self-end\@md{align-self:flex-end}.flex>.self-start\@md{align-self:flex-start}.flex>.self-center\@md{align-self:center}.flex>.self-stretch\@md{align-self:stretch}.flex>.self-baseline\@md{align-self:baseline}.flex>.self-auto\@md{align-self:auto}.flex>.fill-1\@md{flex:0 0 8.3333333333%}.flex>.order-1\@md{order:1}.flex>.fill-2\@md{flex:0 0 16.6666666667%}.flex>.order-2\@md{order:2}.flex>.fill-3\@md{flex:0 0 25%}.flex>.order-3\@md{order:3}.flex>.fill-4\@md{flex:0 0 33.3333333333%}.flex>.order-4\@md{order:4}.flex>.fill-5\@md{flex:0 0 41.6666666667%}.flex>.order-5\@md{order:5}.flex>.fill-6\@md{flex:0 0 50%}.flex>.order-6\@md{order:6}.flex>.fill-7\@md{flex:0 0 58.3333333333%}.flex>.order-7\@md{order:7}.flex>.fill-8\@md{flex:0 0 66.6666666667%}.flex>.order-8\@md{order:8}.flex>.fill-9\@md{flex:0 0 75%}.flex>.order-9\@md{order:9}.flex>.fill-10\@md{flex:0 0 83.3333333333%}.flex>.order-10\@md{order:10}.flex>.fill-11\@md{flex:0 0 91.6666666667%}.flex>.order-11\@md{order:11}.flex>.fill-12\@md{flex:0 0 100%}.flex>.order-12\@md{order:12}}@media (min-width:1024px){.flex.row\@lg{flex-direction:row}.flex.row-reverse\@lg{flex-direction:row-reverse}.flex.col\@lg{flex-direction:column}.flex.col-reverse\@lg{flex-direction:column-reverse}.flex.wrap\@lg{flex-wrap:wrap}.flex.nowrap\@lg{flex-wrap:nowrap}.flex.wrap-reverse\@lg{flex-wrap:wrap-reverse}.flex.start\@lg{justify-content:flex-start}.flex.end\@lg{justify-content:flex-end}.flex.center\@lg{justify-content:center}.flex.between\@lg{justify-content:space-between}.flex.stretch\@lg{justify-content:stretch}.flex.around\@lg{justify-content:space-around}.flex.evenly\@lg{justify-content:space-evenly}.flex.x-start\@lg{align-items:flex-start}.flex.x-end\@lg{align-items:flex-end}.flex.x-center\@lg{align-items:center}.flex.x-baseline\@lg{align-items:baseline}.flex.x-stretch\@lg{align-items:stretch}.flex.x-content-start\@lg{align-content:flex-start}.flex.x-content-end\@lg{align-content:flex-end}.flex.x-content-center\@lg{align-content:center}.flex.x-content-between\@lg{align-content:space-between}.flex.x-content-around\@lg{align-content:space-around}.flex.x-content-evenly\@lg{align-content:space-evenly}.flex.x-content-stretch\@lg{align-content:stretch}.flex>.fill-auto\@lg{flex:1 1 auto}.flex>.fill-full\@lg{flex:0 0 100%}.flex>.grow\@lg{flex:1 1 0%}.flex>.no-grow\@lg{flex:none}.flex>.order-first\@lg{order:-1}.flex>.order-last\@lg{order:9999}.flex>.order-none\@lg{order:0}.flex>.shrink\@lg{flex-shrink:1}.flex>.no-shrink\@lg{flex-shrink:0}.flex>.shrink-twice\@lg{flex-shrink:2}.flex>.self-end\@lg{align-self:flex-end}.flex>.self-start\@lg{align-self:flex-start}.flex>.self-center\@lg{align-self:center}.flex>.self-stretch\@lg{align-self:stretch}.flex>.self-baseline\@lg{align-self:baseline}.flex>.self-auto\@lg{align-self:auto}.flex>.fill-1\@lg{flex:0 0 8.3333333333%}.flex>.order-1\@lg{order:1}.flex>.fill-2\@lg{flex:0 0 16.6666666667%}.flex>.order-2\@lg{order:2}.flex>.fill-3\@lg{flex:0 0 25%}.flex>.order-3\@lg{order:3}.flex>.fill-4\@lg{flex:0 0 33.3333333333%}.flex>.order-4\@lg{order:4}.flex>.fill-5\@lg{flex:0 0 41.6666666667%}.flex>.order-5\@lg{order:5}.flex>.fill-6\@lg{flex:0 0 50%}.flex>.order-6\@lg{order:6}.flex>.fill-7\@lg{flex:0 0 58.3333333333%}.flex>.order-7\@lg{order:7}.flex>.fill-8\@lg{flex:0 0 66.6666666667%}.flex>.order-8\@lg{order:8}.flex>.fill-9\@lg{flex:0 0 75%}.flex>.order-9\@lg{order:9}.flex>.fill-10\@lg{flex:0 0 83.3333333333%}.flex>.order-10\@lg{order:10}.flex>.fill-11\@lg{flex:0 0 91.6666666667%}.flex>.order-11\@lg{order:11}.flex>.fill-12\@lg{flex:0 0 100%}.flex>.order-12\@lg{order:12}}@media (min-width:1280px){.flex.row\@xl{flex-direction:row}.flex.row-reverse\@xl{flex-direction:row-reverse}.flex.col\@xl{flex-direction:column}.flex.col-reverse\@xl{flex-direction:column-reverse}.flex.wrap\@xl{flex-wrap:wrap}.flex.nowrap\@xl{flex-wrap:nowrap}.flex.wrap-reverse\@xl{flex-wrap:wrap-reverse}.flex.start\@xl{justify-content:flex-start}.flex.end\@xl{justify-content:flex-end}.flex.center\@xl{justify-content:center}.flex.between\@xl{justify-content:space-between}.flex.stretch\@xl{justify-content:stretch}.flex.around\@xl{justify-content:space-around}.flex.evenly\@xl{justify-content:space-evenly}.flex.x-start\@xl{align-items:flex-start}.flex.x-end\@xl{align-items:flex-end}.flex.x-center\@xl{align-items:center}.flex.x-baseline\@xl{align-items:baseline}.flex.x-stretch\@xl{align-items:stretch}.flex.x-content-start\@xl{align-content:flex-start}.flex.x-content-end\@xl{align-content:flex-end}.flex.x-content-center\@xl{align-content:center}.flex.x-content-between\@xl{align-content:space-between}.flex.x-content-around\@xl{align-content:space-around}.flex.x-content-evenly\@xl{align-content:space-evenly}.flex.x-content-stretch\@xl{align-content:stretch}.flex>.fill-auto\@xl{flex:1 1 auto}.flex>.fill-full\@xl{flex:0 0 100%}.flex>.grow\@xl{flex:1 1 0%}.flex>.no-grow\@xl{flex:none}.flex>.order-first\@xl{order:-1}.flex>.order-last\@xl{order:9999}.flex>.order-none\@xl{order:0}.flex>.shrink\@xl{flex-shrink:1}.flex>.no-shrink\@xl{flex-shrink:0}.flex>.shrink-twice\@xl{flex-shrink:2}.flex>.self-end\@xl{align-self:flex-end}.flex>.self-start\@xl{align-self:flex-start}.flex>.self-center\@xl{align-self:center}.flex>.self-stretch\@xl{align-self:stretch}.flex>.self-baseline\@xl{align-self:baseline}.flex>.self-auto\@xl{align-self:auto}.flex>.fill-1\@xl{flex:0 0 8.3333333333%}.flex>.order-1\@xl{order:1}.flex>.fill-2\@xl{flex:0 0 16.6666666667%}.flex>.order-2\@xl{order:2}.flex>.fill-3\@xl{flex:0 0 25%}.flex>.order-3\@xl{order:3}.flex>.fill-4\@xl{flex:0 0 33.3333333333%}.flex>.order-4\@xl{order:4}.flex>.fill-5\@xl{flex:0 0 41.6666666667%}.flex>.order-5\@xl{order:5}.flex>.fill-6\@xl{flex:0 0 50%}.flex>.order-6\@xl{order:6}.flex>.fill-7\@xl{flex:0 0 58.3333333333%}.flex>.order-7\@xl{order:7}.flex>.fill-8\@xl{flex:0 0 66.6666666667%}.flex>.order-8\@xl{order:8}.flex>.fill-9\@xl{flex:0 0 75%}.flex>.order-9\@xl{order:9}.flex>.fill-10\@xl{flex:0 0 83.3333333333%}.flex>.order-10\@xl{order:10}.flex>.fill-11\@xl{flex:0 0 91.6666666667%}.flex>.order-11\@xl{order:11}.flex>.fill-12\@xl{flex:0 0 100%}.flex>.order-12\@xl{order:12}}@media (min-width:1536px){.flex.row\@2xl{flex-direction:row}.flex.row-reverse\@2xl{flex-direction:row-reverse}.flex.col\@2xl{flex-direction:column}.flex.col-reverse\@2xl{flex-direction:column-reverse}.flex.wrap\@2xl{flex-wrap:wrap}.flex.nowrap\@2xl{flex-wrap:nowrap}.flex.wrap-reverse\@2xl{flex-wrap:wrap-reverse}.flex.start\@2xl{justify-content:flex-start}.flex.end\@2xl{justify-content:flex-end}.flex.center\@2xl{justify-content:center}.flex.between\@2xl{justify-content:space-between}.flex.stretch\@2xl{justify-content:stretch}.flex.around\@2xl{justify-content:space-around}.flex.evenly\@2xl{justify-content:space-evenly}.flex.x-start\@2xl{align-items:flex-start}.flex.x-end\@2xl{align-items:flex-end}.flex.x-center\@2xl{align-items:center}.flex.x-baseline\@2xl{align-items:baseline}.flex.x-stretch\@2xl{align-items:stretch}.flex.x-content-start\@2xl{align-content:flex-start}.flex.x-content-end\@2xl{align-content:flex-end}.flex.x-content-center\@2xl{align-content:center}.flex.x-content-between\@2xl{align-content:space-between}.flex.x-content-around\@2xl{align-content:space-around}.flex.x-content-evenly\@2xl{align-content:space-evenly}.flex.x-content-stretch\@2xl{align-content:stretch}.flex>.fill-auto\@2xl{flex:1 1 auto}.flex>.fill-full\@2xl{flex:0 0 100%}.flex>.grow\@2xl{flex:1 1 0%}.flex>.no-grow\@2xl{flex:none}.flex>.order-first\@2xl{order:-1}.flex>.order-last\@2xl{order:9999}.flex>.order-none\@2xl{order:0}.flex>.shrink\@2xl{flex-shrink:1}.flex>.no-shrink\@2xl{flex-shrink:0}.flex>.shrink-twice\@2xl{flex-shrink:2}.flex>.self-end\@2xl{align-self:flex-end}.flex>.self-start\@2xl{align-self:flex-start}.flex>.self-center\@2xl{align-self:center}.flex>.self-stretch\@2xl{align-self:stretch}.flex>.self-baseline\@2xl{align-self:baseline}.flex>.self-auto\@2xl{align-self:auto}.flex>.fill-1\@2xl{flex:0 0 8.3333333333%}.flex>.order-1\@2xl{order:1}.flex>.fill-2\@2xl{flex:0 0 16.6666666667%}.flex>.order-2\@2xl{order:2}.flex>.fill-3\@2xl{flex:0 0 25%}.flex>.order-3\@2xl{order:3}.flex>.fill-4\@2xl{flex:0 0 33.3333333333%}.flex>.order-4\@2xl{order:4}.flex>.fill-5\@2xl{flex:0 0 41.6666666667%}.flex>.order-5\@2xl{order:5}.flex>.fill-6\@2xl{flex:0 0 50%}.flex>.order-6\@2xl{order:6}.flex>.fill-7\@2xl{flex:0 0 58.3333333333%}.flex>.order-7\@2xl{order:7}.flex>.fill-8\@2xl{flex:0 0 66.6666666667%}.flex>.order-8\@2xl{order:8}.flex>.fill-9\@2xl{flex:0 0 75%}.flex>.order-9\@2xl{order:9}.flex>.fill-10\@2xl{flex:0 0 83.3333333333%}.flex>.order-10\@2xl{order:10}.flex>.fill-11\@2xl{flex:0 0 91.6666666667%}.flex>.order-11\@2xl{order:11}.flex>.fill-12\@2xl{flex:0 0 100%}.flex>.order-12\@2xl{order:12}}.grid{display:grid}.grid.inline{display:inline-grid}.grid.auto-fit-xs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid.auto-fill-xs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid.auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid.auto-fill-sm{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid.auto-fit-md{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.auto-fill-md{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid.auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid.auto-fill-lg{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.grid.auto-fit-xl{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid.auto-fill-xl{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.grid.flow-row{grid-auto-flow:row}.grid.flow-col{grid-auto-flow:column}.grid.flow-dense{grid-auto-flow:dense}.grid.cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid.cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid.rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.grid.cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid.rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.grid.cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid.rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.grid.cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid.rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.grid.cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid.rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.grid.cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid.rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}@media (min-width:480px){.grid.cols-1\@xs{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.rows-1\@xs{grid-template-rows:repeat(1,minmax(0,1fr))}.grid.cols-2\@xs{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.rows-2\@xs{grid-template-rows:repeat(2,minmax(0,1fr))}.grid.cols-3\@xs{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.rows-3\@xs{grid-template-rows:repeat(3,minmax(0,1fr))}.grid.cols-4\@xs{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.rows-4\@xs{grid-template-rows:repeat(4,minmax(0,1fr))}.grid.cols-5\@xs{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.rows-5\@xs{grid-template-rows:repeat(5,minmax(0,1fr))}.grid.cols-6\@xs{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.rows-6\@xs{grid-template-rows:repeat(6,minmax(0,1fr))}.grid.cols-7\@xs{grid-template-columns:repeat(7,minmax(0,1fr))}.grid.rows-7\@xs{grid-template-rows:repeat(7,minmax(0,1fr))}.grid.cols-8\@xs{grid-template-columns:repeat(8,minmax(0,1fr))}.grid.rows-8\@xs{grid-template-rows:repeat(8,minmax(0,1fr))}.grid.cols-9\@xs{grid-template-columns:repeat(9,minmax(0,1fr))}.grid.rows-9\@xs{grid-template-rows:repeat(9,minmax(0,1fr))}.grid.cols-10\@xs{grid-template-columns:repeat(10,minmax(0,1fr))}.grid.rows-10\@xs{grid-template-rows:repeat(10,minmax(0,1fr))}.grid.cols-11\@xs{grid-template-columns:repeat(11,minmax(0,1fr))}.grid.rows-11\@xs{grid-template-rows:repeat(11,minmax(0,1fr))}.grid.cols-12\@xs{grid-template-columns:repeat(12,minmax(0,1fr))}.grid.rows-12\@xs{grid-template-rows:repeat(12,minmax(0,1fr))}}@media (min-width:640px){.grid.cols-1\@sm{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.rows-1\@sm{grid-template-rows:repeat(1,minmax(0,1fr))}.grid.cols-2\@sm{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.rows-2\@sm{grid-template-rows:repeat(2,minmax(0,1fr))}.grid.cols-3\@sm{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.rows-3\@sm{grid-template-rows:repeat(3,minmax(0,1fr))}.grid.cols-4\@sm{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.rows-4\@sm{grid-template-rows:repeat(4,minmax(0,1fr))}.grid.cols-5\@sm{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.rows-5\@sm{grid-template-rows:repeat(5,minmax(0,1fr))}.grid.cols-6\@sm{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.rows-6\@sm{grid-template-rows:repeat(6,minmax(0,1fr))}.grid.cols-7\@sm{grid-template-columns:repeat(7,minmax(0,1fr))}.grid.rows-7\@sm{grid-template-rows:repeat(7,minmax(0,1fr))}.grid.cols-8\@sm{grid-template-columns:repeat(8,minmax(0,1fr))}.grid.rows-8\@sm{grid-template-rows:repeat(8,minmax(0,1fr))}.grid.cols-9\@sm{grid-template-columns:repeat(9,minmax(0,1fr))}.grid.rows-9\@sm{grid-template-rows:repeat(9,minmax(0,1fr))}.grid.cols-10\@sm{grid-template-columns:repeat(10,minmax(0,1fr))}.grid.rows-10\@sm{grid-template-rows:repeat(10,minmax(0,1fr))}.grid.cols-11\@sm{grid-template-columns:repeat(11,minmax(0,1fr))}.grid.rows-11\@sm{grid-template-rows:repeat(11,minmax(0,1fr))}.grid.cols-12\@sm{grid-template-columns:repeat(12,minmax(0,1fr))}.grid.rows-12\@sm{grid-template-rows:repeat(12,minmax(0,1fr))}}@media (min-width:768px){.grid.cols-1\@md{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.rows-1\@md{grid-template-rows:repeat(1,minmax(0,1fr))}.grid.cols-2\@md{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.rows-2\@md{grid-template-rows:repeat(2,minmax(0,1fr))}.grid.cols-3\@md{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.rows-3\@md{grid-template-rows:repeat(3,minmax(0,1fr))}.grid.cols-4\@md{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.rows-4\@md{grid-template-rows:repeat(4,minmax(0,1fr))}.grid.cols-5\@md{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.rows-5\@md{grid-template-rows:repeat(5,minmax(0,1fr))}.grid.cols-6\@md{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.rows-6\@md{grid-template-rows:repeat(6,minmax(0,1fr))}.grid.cols-7\@md{grid-template-columns:repeat(7,minmax(0,1fr))}.grid.rows-7\@md{grid-template-rows:repeat(7,minmax(0,1fr))}.grid.cols-8\@md{grid-template-columns:repeat(8,minmax(0,1fr))}.grid.rows-8\@md{grid-template-rows:repeat(8,minmax(0,1fr))}.grid.cols-9\@md{grid-template-columns:repeat(9,minmax(0,1fr))}.grid.rows-9\@md{grid-template-rows:repeat(9,minmax(0,1fr))}.grid.cols-10\@md{grid-template-columns:repeat(10,minmax(0,1fr))}.grid.rows-10\@md{grid-template-rows:repeat(10,minmax(0,1fr))}.grid.cols-11\@md{grid-template-columns:repeat(11,minmax(0,1fr))}.grid.rows-11\@md{grid-template-rows:repeat(11,minmax(0,1fr))}.grid.cols-12\@md{grid-template-columns:repeat(12,minmax(0,1fr))}.grid.rows-12\@md{grid-template-rows:repeat(12,minmax(0,1fr))}}@media (min-width:1024px){.grid.cols-1\@lg{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.rows-1\@lg{grid-template-rows:repeat(1,minmax(0,1fr))}.grid.cols-2\@lg{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.rows-2\@lg{grid-template-rows:repeat(2,minmax(0,1fr))}.grid.cols-3\@lg{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.rows-3\@lg{grid-template-rows:repeat(3,minmax(0,1fr))}.grid.cols-4\@lg{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.rows-4\@lg{grid-template-rows:repeat(4,minmax(0,1fr))}.grid.cols-5\@lg{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.rows-5\@lg{grid-template-rows:repeat(5,minmax(0,1fr))}.grid.cols-6\@lg{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.rows-6\@lg{grid-template-rows:repeat(6,minmax(0,1fr))}.grid.cols-7\@lg{grid-template-columns:repeat(7,minmax(0,1fr))}.grid.rows-7\@lg{grid-template-rows:repeat(7,minmax(0,1fr))}.grid.cols-8\@lg{grid-template-columns:repeat(8,minmax(0,1fr))}.grid.rows-8\@lg{grid-template-rows:repeat(8,minmax(0,1fr))}.grid.cols-9\@lg{grid-template-columns:repeat(9,minmax(0,1fr))}.grid.rows-9\@lg{grid-template-rows:repeat(9,minmax(0,1fr))}.grid.cols-10\@lg{grid-template-columns:repeat(10,minmax(0,1fr))}.grid.rows-10\@lg{grid-template-rows:repeat(10,minmax(0,1fr))}.grid.cols-11\@lg{grid-template-columns:repeat(11,minmax(0,1fr))}.grid.rows-11\@lg{grid-template-rows:repeat(11,minmax(0,1fr))}.grid.cols-12\@lg{grid-template-columns:repeat(12,minmax(0,1fr))}.grid.rows-12\@lg{grid-template-rows:repeat(12,minmax(0,1fr))}}@media (min-width:1280px){.grid.cols-1\@xl{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.rows-1\@xl{grid-template-rows:repeat(1,minmax(0,1fr))}.grid.cols-2\@xl{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.rows-2\@xl{grid-template-rows:repeat(2,minmax(0,1fr))}.grid.cols-3\@xl{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.rows-3\@xl{grid-template-rows:repeat(3,minmax(0,1fr))}.grid.cols-4\@xl{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.rows-4\@xl{grid-template-rows:repeat(4,minmax(0,1fr))}.grid.cols-5\@xl{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.rows-5\@xl{grid-template-rows:repeat(5,minmax(0,1fr))}.grid.cols-6\@xl{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.rows-6\@xl{grid-template-rows:repeat(6,minmax(0,1fr))}.grid.cols-7\@xl{grid-template-columns:repeat(7,minmax(0,1fr))}.grid.rows-7\@xl{grid-template-rows:repeat(7,minmax(0,1fr))}.grid.cols-8\@xl{grid-template-columns:repeat(8,minmax(0,1fr))}.grid.rows-8\@xl{grid-template-rows:repeat(8,minmax(0,1fr))}.grid.cols-9\@xl{grid-template-columns:repeat(9,minmax(0,1fr))}.grid.rows-9\@xl{grid-template-rows:repeat(9,minmax(0,1fr))}.grid.cols-10\@xl{grid-template-columns:repeat(10,minmax(0,1fr))}.grid.rows-10\@xl{grid-template-rows:repeat(10,minmax(0,1fr))}.grid.cols-11\@xl{grid-template-columns:repeat(11,minmax(0,1fr))}.grid.rows-11\@xl{grid-template-rows:repeat(11,minmax(0,1fr))}.grid.cols-12\@xl{grid-template-columns:repeat(12,minmax(0,1fr))}.grid.rows-12\@xl{grid-template-rows:repeat(12,minmax(0,1fr))}}@media (min-width:1536px){.grid.cols-1\@2xl{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.rows-1\@2xl{grid-template-rows:repeat(1,minmax(0,1fr))}.grid.cols-2\@2xl{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.rows-2\@2xl{grid-template-rows:repeat(2,minmax(0,1fr))}.grid.cols-3\@2xl{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.rows-3\@2xl{grid-template-rows:repeat(3,minmax(0,1fr))}.grid.cols-4\@2xl{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.rows-4\@2xl{grid-template-rows:repeat(4,minmax(0,1fr))}.grid.cols-5\@2xl{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.rows-5\@2xl{grid-template-rows:repeat(5,minmax(0,1fr))}.grid.cols-6\@2xl{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.rows-6\@2xl{grid-template-rows:repeat(6,minmax(0,1fr))}.grid.cols-7\@2xl{grid-template-columns:repeat(7,minmax(0,1fr))}.grid.rows-7\@2xl{grid-template-rows:repeat(7,minmax(0,1fr))}.grid.cols-8\@2xl{grid-template-columns:repeat(8,minmax(0,1fr))}.grid.rows-8\@2xl{grid-template-rows:repeat(8,minmax(0,1fr))}.grid.cols-9\@2xl{grid-template-columns:repeat(9,minmax(0,1fr))}.grid.rows-9\@2xl{grid-template-rows:repeat(9,minmax(0,1fr))}.grid.cols-10\@2xl{grid-template-columns:repeat(10,minmax(0,1fr))}.grid.rows-10\@2xl{grid-template-rows:repeat(10,minmax(0,1fr))}.grid.cols-11\@2xl{grid-template-columns:repeat(11,minmax(0,1fr))}.grid.rows-11\@2xl{grid-template-rows:repeat(11,minmax(0,1fr))}.grid.cols-12\@2xl{grid-template-columns:repeat(12,minmax(0,1fr))}.grid.rows-12\@2xl{grid-template-rows:repeat(12,minmax(0,1fr))}}.grid .col-span-1{grid-column:span 1/span 1}.grid .row-span-1{grid-row:span 1/span 1}@media (min-width:480px){.grid .col-span-1\@xs{grid-column:span 1/span 1}.grid .row-span-1\@xs{grid-row:span 1/span 1}}@media (min-width:640px){.grid .col-span-1\@sm{grid-column:span 1/span 1}.grid .row-span-1\@sm{grid-row:span 1/span 1}}@media (min-width:768px){.grid .col-span-1\@md{grid-column:span 1/span 1}.grid .row-span-1\@md{grid-row:span 1/span 1}}@media (min-width:1024px){.grid .col-span-1\@lg{grid-column:span 1/span 1}.grid .row-span-1\@lg{grid-row:span 1/span 1}}@media (min-width:1280px){.grid .col-span-1\@xl{grid-column:span 1/span 1}.grid .row-span-1\@xl{grid-row:span 1/span 1}}@media (min-width:1536px){.grid .col-span-1\@2xl{grid-column:span 1/span 1}.grid .row-span-1\@2xl{grid-row:span 1/span 1}}.grid .col-span-2{grid-column:span 2/span 2}.grid .row-span-2{grid-row:span 2/span 2}@media (min-width:480px){.grid .col-span-2\@xs{grid-column:span 2/span 2}.grid .row-span-2\@xs{grid-row:span 2/span 2}}@media (min-width:640px){.grid .col-span-2\@sm{grid-column:span 2/span 2}.grid .row-span-2\@sm{grid-row:span 2/span 2}}@media (min-width:768px){.grid .col-span-2\@md{grid-column:span 2/span 2}.grid .row-span-2\@md{grid-row:span 2/span 2}}@media (min-width:1024px){.grid .col-span-2\@lg{grid-column:span 2/span 2}.grid .row-span-2\@lg{grid-row:span 2/span 2}}@media (min-width:1280px){.grid .col-span-2\@xl{grid-column:span 2/span 2}.grid .row-span-2\@xl{grid-row:span 2/span 2}}@media (min-width:1536px){.grid .col-span-2\@2xl{grid-column:span 2/span 2}.grid .row-span-2\@2xl{grid-row:span 2/span 2}}.grid .col-span-3{grid-column:span 3/span 3}.grid .row-span-3{grid-row:span 3/span 3}@media (min-width:480px){.grid .col-span-3\@xs{grid-column:span 3/span 3}.grid .row-span-3\@xs{grid-row:span 3/span 3}}@media (min-width:640px){.grid .col-span-3\@sm{grid-column:span 3/span 3}.grid .row-span-3\@sm{grid-row:span 3/span 3}}@media (min-width:768px){.grid .col-span-3\@md{grid-column:span 3/span 3}.grid .row-span-3\@md{grid-row:span 3/span 3}}@media (min-width:1024px){.grid .col-span-3\@lg{grid-column:span 3/span 3}.grid .row-span-3\@lg{grid-row:span 3/span 3}}@media (min-width:1280px){.grid .col-span-3\@xl{grid-column:span 3/span 3}.grid .row-span-3\@xl{grid-row:span 3/span 3}}@media (min-width:1536px){.grid .col-span-3\@2xl{grid-column:span 3/span 3}.grid .row-span-3\@2xl{grid-row:span 3/span 3}}.grid .col-span-4{grid-column:span 4/span 4}.grid .row-span-4{grid-row:span 4/span 4}@media (min-width:480px){.grid .col-span-4\@xs{grid-column:span 4/span 4}.grid .row-span-4\@xs{grid-row:span 4/span 4}}@media (min-width:640px){.grid .col-span-4\@sm{grid-column:span 4/span 4}.grid .row-span-4\@sm{grid-row:span 4/span 4}}@media (min-width:768px){.grid .col-span-4\@md{grid-column:span 4/span 4}.grid .row-span-4\@md{grid-row:span 4/span 4}}@media (min-width:1024px){.grid .col-span-4\@lg{grid-column:span 4/span 4}.grid .row-span-4\@lg{grid-row:span 4/span 4}}@media (min-width:1280px){.grid .col-span-4\@xl{grid-column:span 4/span 4}.grid .row-span-4\@xl{grid-row:span 4/span 4}}@media (min-width:1536px){.grid .col-span-4\@2xl{grid-column:span 4/span 4}.grid .row-span-4\@2xl{grid-row:span 4/span 4}}.grid .col-span-5{grid-column:span 5/span 5}.grid .row-span-5{grid-row:span 5/span 5}@media (min-width:480px){.grid .col-span-5\@xs{grid-column:span 5/span 5}.grid .row-span-5\@xs{grid-row:span 5/span 5}}@media (min-width:640px){.grid .col-span-5\@sm{grid-column:span 5/span 5}.grid .row-span-5\@sm{grid-row:span 5/span 5}}@media (min-width:768px){.grid .col-span-5\@md{grid-column:span 5/span 5}.grid .row-span-5\@md{grid-row:span 5/span 5}}@media (min-width:1024px){.grid .col-span-5\@lg{grid-column:span 5/span 5}.grid .row-span-5\@lg{grid-row:span 5/span 5}}@media (min-width:1280px){.grid .col-span-5\@xl{grid-column:span 5/span 5}.grid .row-span-5\@xl{grid-row:span 5/span 5}}@media (min-width:1536px){.grid .col-span-5\@2xl{grid-column:span 5/span 5}.grid .row-span-5\@2xl{grid-row:span 5/span 5}}.grid .col-span-6{grid-column:span 6/span 6}.grid .row-span-6{grid-row:span 6/span 6}@media (min-width:480px){.grid .col-span-6\@xs{grid-column:span 6/span 6}.grid .row-span-6\@xs{grid-row:span 6/span 6}}@media (min-width:640px){.grid .col-span-6\@sm{grid-column:span 6/span 6}.grid .row-span-6\@sm{grid-row:span 6/span 6}}@media (min-width:768px){.grid .col-span-6\@md{grid-column:span 6/span 6}.grid .row-span-6\@md{grid-row:span 6/span 6}}@media (min-width:1024px){.grid .col-span-6\@lg{grid-column:span 6/span 6}.grid .row-span-6\@lg{grid-row:span 6/span 6}}@media (min-width:1280px){.grid .col-span-6\@xl{grid-column:span 6/span 6}.grid .row-span-6\@xl{grid-row:span 6/span 6}}@media (min-width:1536px){.grid .col-span-6\@2xl{grid-column:span 6/span 6}.grid .row-span-6\@2xl{grid-row:span 6/span 6}}.grid .col-span-7{grid-column:span 7/span 7}.grid .row-span-7{grid-row:span 7/span 7}@media (min-width:480px){.grid .col-span-7\@xs{grid-column:span 7/span 7}.grid .row-span-7\@xs{grid-row:span 7/span 7}}@media (min-width:640px){.grid .col-span-7\@sm{grid-column:span 7/span 7}.grid .row-span-7\@sm{grid-row:span 7/span 7}}@media (min-width:768px){.grid .col-span-7\@md{grid-column:span 7/span 7}.grid .row-span-7\@md{grid-row:span 7/span 7}}@media (min-width:1024px){.grid .col-span-7\@lg{grid-column:span 7/span 7}.grid .row-span-7\@lg{grid-row:span 7/span 7}}@media (min-width:1280px){.grid .col-span-7\@xl{grid-column:span 7/span 7}.grid .row-span-7\@xl{grid-row:span 7/span 7}}@media (min-width:1536px){.grid .col-span-7\@2xl{grid-column:span 7/span 7}.grid .row-span-7\@2xl{grid-row:span 7/span 7}}.grid .col-span-8{grid-column:span 8/span 8}.grid .row-span-8{grid-row:span 8/span 8}@media (min-width:480px){.grid .col-span-8\@xs{grid-column:span 8/span 8}.grid .row-span-8\@xs{grid-row:span 8/span 8}}@media (min-width:640px){.grid .col-span-8\@sm{grid-column:span 8/span 8}.grid .row-span-8\@sm{grid-row:span 8/span 8}}@media (min-width:768px){.grid .col-span-8\@md{grid-column:span 8/span 8}.grid .row-span-8\@md{grid-row:span 8/span 8}}@media (min-width:1024px){.grid .col-span-8\@lg{grid-column:span 8/span 8}.grid .row-span-8\@lg{grid-row:span 8/span 8}}@media (min-width:1280px){.grid .col-span-8\@xl{grid-column:span 8/span 8}.grid .row-span-8\@xl{grid-row:span 8/span 8}}@media (min-width:1536px){.grid .col-span-8\@2xl{grid-column:span 8/span 8}.grid .row-span-8\@2xl{grid-row:span 8/span 8}}.grid .col-span-9{grid-column:span 9/span 9}.grid .row-span-9{grid-row:span 9/span 9}@media (min-width:480px){.grid .col-span-9\@xs{grid-column:span 9/span 9}.grid .row-span-9\@xs{grid-row:span 9/span 9}}@media (min-width:640px){.grid .col-span-9\@sm{grid-column:span 9/span 9}.grid .row-span-9\@sm{grid-row:span 9/span 9}}@media (min-width:768px){.grid .col-span-9\@md{grid-column:span 9/span 9}.grid .row-span-9\@md{grid-row:span 9/span 9}}@media (min-width:1024px){.grid .col-span-9\@lg{grid-column:span 9/span 9}.grid .row-span-9\@lg{grid-row:span 9/span 9}}@media (min-width:1280px){.grid .col-span-9\@xl{grid-column:span 9/span 9}.grid .row-span-9\@xl{grid-row:span 9/span 9}}@media (min-width:1536px){.grid .col-span-9\@2xl{grid-column:span 9/span 9}.grid .row-span-9\@2xl{grid-row:span 9/span 9}}.grid .col-span-10{grid-column:span 10/span 10}.grid .row-span-10{grid-row:span 10/span 10}@media (min-width:480px){.grid .col-span-10\@xs{grid-column:span 10/span 10}.grid .row-span-10\@xs{grid-row:span 10/span 10}}@media (min-width:640px){.grid .col-span-10\@sm{grid-column:span 10/span 10}.grid .row-span-10\@sm{grid-row:span 10/span 10}}@media (min-width:768px){.grid .col-span-10\@md{grid-column:span 10/span 10}.grid .row-span-10\@md{grid-row:span 10/span 10}}@media (min-width:1024px){.grid .col-span-10\@lg{grid-column:span 10/span 10}.grid .row-span-10\@lg{grid-row:span 10/span 10}}@media (min-width:1280px){.grid .col-span-10\@xl{grid-column:span 10/span 10}.grid .row-span-10\@xl{grid-row:span 10/span 10}}@media (min-width:1536px){.grid .col-span-10\@2xl{grid-column:span 10/span 10}.grid .row-span-10\@2xl{grid-row:span 10/span 10}}.grid .col-span-11{grid-column:span 11/span 11}.grid .row-span-11{grid-row:span 11/span 11}@media (min-width:480px){.grid .col-span-11\@xs{grid-column:span 11/span 11}.grid .row-span-11\@xs{grid-row:span 11/span 11}}@media (min-width:640px){.grid .col-span-11\@sm{grid-column:span 11/span 11}.grid .row-span-11\@sm{grid-row:span 11/span 11}}@media (min-width:768px){.grid .col-span-11\@md{grid-column:span 11/span 11}.grid .row-span-11\@md{grid-row:span 11/span 11}}@media (min-width:1024px){.grid .col-span-11\@lg{grid-column:span 11/span 11}.grid .row-span-11\@lg{grid-row:span 11/span 11}}@media (min-width:1280px){.grid .col-span-11\@xl{grid-column:span 11/span 11}.grid .row-span-11\@xl{grid-row:span 11/span 11}}@media (min-width:1536px){.grid .col-span-11\@2xl{grid-column:span 11/span 11}.grid .row-span-11\@2xl{grid-row:span 11/span 11}}.grid .col-span-12{grid-column:span 12/span 12}.grid .row-span-12{grid-row:span 12/span 12}@media (min-width:480px){.grid .col-span-12\@xs{grid-column:span 12/span 12}.grid .row-span-12\@xs{grid-row:span 12/span 12}}@media (min-width:640px){.grid .col-span-12\@sm{grid-column:span 12/span 12}.grid .row-span-12\@sm{grid-row:span 12/span 12}}@media (min-width:768px){.grid .col-span-12\@md{grid-column:span 12/span 12}.grid .row-span-12\@md{grid-row:span 12/span 12}}@media (min-width:1024px){.grid .col-span-12\@lg{grid-column:span 12/span 12}.grid .row-span-12\@lg{grid-row:span 12/span 12}}@media (min-width:1280px){.grid .col-span-12\@xl{grid-column:span 12/span 12}.grid .row-span-12\@xl{grid-row:span 12/span 12}}@media (min-width:1536px){.grid .col-span-12\@2xl{grid-column:span 12/span 12}.grid .row-span-12\@2xl{grid-row:span 12/span 12}}.grid .justify-start{justify-items:start}.grid .align-start{align-items:start}.grid .place-start{place-items:start}@media (min-width:480px){.grid .justify-start\@xs{justify-items:start}.grid .align-start\@xs{align-items:start}.grid .place-start\@xs{place-items:start}}@media (min-width:640px){.grid .justify-start\@sm{justify-items:start}.grid .align-start\@sm{align-items:start}.grid .place-start\@sm{place-items:start}}@media (min-width:768px){.grid .justify-start\@md{justify-items:start}.grid .align-start\@md{align-items:start}.grid .place-start\@md{place-items:start}}@media (min-width:1024px){.grid .justify-start\@lg{justify-items:start}.grid .align-start\@lg{align-items:start}.grid .place-start\@lg{place-items:start}}@media (min-width:1280px){.grid .justify-start\@xl{justify-items:start}.grid .align-start\@xl{align-items:start}.grid .place-start\@xl{place-items:start}}@media (min-width:1536px){.grid .justify-start\@2xl{justify-items:start}.grid .align-start\@2xl{align-items:start}.grid .place-start\@2xl{place-items:start}}.grid .justify-end{justify-items:end}.grid .align-end{align-items:end}.grid .place-end{place-items:end}@media (min-width:480px){.grid .justify-end\@xs{justify-items:end}.grid .align-end\@xs{align-items:end}.grid .place-end\@xs{place-items:end}}@media (min-width:640px){.grid .justify-end\@sm{justify-items:end}.grid .align-end\@sm{align-items:end}.grid .place-end\@sm{place-items:end}}@media (min-width:768px){.grid .justify-end\@md{justify-items:end}.grid .align-end\@md{align-items:end}.grid .place-end\@md{place-items:end}}@media (min-width:1024px){.grid .justify-end\@lg{justify-items:end}.grid .align-end\@lg{align-items:end}.grid .place-end\@lg{place-items:end}}@media (min-width:1280px){.grid .justify-end\@xl{justify-items:end}.grid .align-end\@xl{align-items:end}.grid .place-end\@xl{place-items:end}}@media (min-width:1536px){.grid .justify-end\@2xl{justify-items:end}.grid .align-end\@2xl{align-items:end}.grid .place-end\@2xl{place-items:end}}.grid .justify-center{justify-items:center}.grid .align-center{align-items:center}.grid .place-center{place-items:center}@media (min-width:480px){.grid .justify-center\@xs{justify-items:center}.grid .align-center\@xs{align-items:center}.grid .place-center\@xs{place-items:center}}@media (min-width:640px){.grid .justify-center\@sm{justify-items:center}.grid .align-center\@sm{align-items:center}.grid .place-center\@sm{place-items:center}}@media (min-width:768px){.grid .justify-center\@md{justify-items:center}.grid .align-center\@md{align-items:center}.grid .place-center\@md{place-items:center}}@media (min-width:1024px){.grid .justify-center\@lg{justify-items:center}.grid .align-center\@lg{align-items:center}.grid .place-center\@lg{place-items:center}}@media (min-width:1280px){.grid .justify-center\@xl{justify-items:center}.grid .align-center\@xl{align-items:center}.grid .place-center\@xl{place-items:center}}@media (min-width:1536px){.grid .justify-center\@2xl{justify-items:center}.grid .align-center\@2xl{align-items:center}.grid .place-center\@2xl{place-items:center}}.grid .justify-stretch{justify-items:stretch}.grid .align-stretch{align-items:stretch}.grid .place-stretch{place-items:stretch}@media (min-width:480px){.grid .justify-stretch\@xs{justify-items:stretch}.grid .align-stretch\@xs{align-items:stretch}.grid .place-stretch\@xs{place-items:stretch}}@media (min-width:640px){.grid .justify-stretch\@sm{justify-items:stretch}.grid .align-stretch\@sm{align-items:stretch}.grid .place-stretch\@sm{place-items:stretch}}@media (min-width:768px){.grid .justify-stretch\@md{justify-items:stretch}.grid .align-stretch\@md{align-items:stretch}.grid .place-stretch\@md{place-items:stretch}}@media (min-width:1024px){.grid .justify-stretch\@lg{justify-items:stretch}.grid .align-stretch\@lg{align-items:stretch}.grid .place-stretch\@lg{place-items:stretch}}@media (min-width:1280px){.grid .justify-stretch\@xl{justify-items:stretch}.grid .align-stretch\@xl{align-items:stretch}.grid .place-stretch\@xl{place-items:stretch}}@media (min-width:1536px){.grid .justify-stretch\@2xl{justify-items:stretch}.grid .align-stretch\@2xl{align-items:stretch}.grid .place-stretch\@2xl{place-items:stretch}}.active\:opacity-0:active,.focus\:opacity-0:focus,.group:hover .group-hover\:opacity-0,.hover\:opacity-0:hover,.opacity-0{opacity:0}.active\:opacity-5:active,.focus\:opacity-5:focus,.group:hover .group-hover\:opacity-5,.hover\:opacity-5:hover,.opacity-5{opacity:.05}.active\:opacity-10:active,.focus\:opacity-10:focus,.group:hover .group-hover\:opacity-10,.hover\:opacity-10:hover,.opacity-10{opacity:.1}.active\:opacity-20:active,.focus\:opacity-20:focus,.group:hover .group-hover\:opacity-20,.hover\:opacity-20:hover,.opacity-20{opacity:.2}.active\:opacity-25:active,.focus\:opacity-25:focus,.group:hover .group-hover\:opacity-25,.hover\:opacity-25:hover,.opacity-25{opacity:.25}.active\:opacity-30:active,.focus\:opacity-30:focus,.group:hover .group-hover\:opacity-30,.hover\:opacity-30:hover,.opacity-30{opacity:.3}.active\:opacity-40:active,.focus\:opacity-40:focus,.group:hover .group-hover\:opacity-40,.hover\:opacity-40:hover,.opacity-40{opacity:.4}.active\:opacity-50:active,.focus\:opacity-50:focus,.group:hover .group-hover\:opacity-50,.hover\:opacity-50:hover,.opacity-50{opacity:.5}.active\:opacity-60:active,.focus\:opacity-60:focus,.group:hover .group-hover\:opacity-60,.hover\:opacity-60:hover,.opacity-60{opacity:.6}.active\:opacity-70:active,.focus\:opacity-70:focus,.group:hover .group-hover\:opacity-70,.hover\:opacity-70:hover,.opacity-70{opacity:.7}.active\:opacity-75:active,.focus\:opacity-75:focus,.group:hover .group-hover\:opacity-75,.hover\:opacity-75:hover,.opacity-75{opacity:.75}.active\:opacity-80:active,.focus\:opacity-80:focus,.group:hover .group-hover\:opacity-80,.hover\:opacity-80:hover,.opacity-80{opacity:.8}.active\:opacity-90:active,.focus\:opacity-90:focus,.group:hover .group-hover\:opacity-90,.hover\:opacity-90:hover,.opacity-90{opacity:.9}.active\:opacity-100:active,.focus\:opacity-100:focus,.group:hover .group-hover\:opacity-100,.hover\:opacity-100:hover,.opacity-100{opacity:1}@media (min-width:480px){.active\:opacity-0\@xs:active,.focus\:opacity-0\@xs:focus,.group:hover .group-hover\:opacity-0\@xs,.hover\:opacity-0\@xs:hover,.opacity-0\@xs{opacity:0}.active\:opacity-5\@xs:active,.focus\:opacity-5\@xs:focus,.group:hover .group-hover\:opacity-5\@xs,.hover\:opacity-5\@xs:hover,.opacity-5\@xs{opacity:.05}.active\:opacity-10\@xs:active,.focus\:opacity-10\@xs:focus,.group:hover .group-hover\:opacity-10\@xs,.hover\:opacity-10\@xs:hover,.opacity-10\@xs{opacity:.1}.active\:opacity-20\@xs:active,.focus\:opacity-20\@xs:focus,.group:hover .group-hover\:opacity-20\@xs,.hover\:opacity-20\@xs:hover,.opacity-20\@xs{opacity:.2}.active\:opacity-25\@xs:active,.focus\:opacity-25\@xs:focus,.group:hover .group-hover\:opacity-25\@xs,.hover\:opacity-25\@xs:hover,.opacity-25\@xs{opacity:.2