SALT-NLP/Design2Code
This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
221.8k
1<!DOCTYPE html>2<html lang="en">3 <head>4 <style>5 @charset "UTF-8";/*!6 * Bootstrap v5.3.0 (https://getbootstrap.com/)7 * Copyright 2011-2023 The Bootstrap Authors8 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)9 */:root{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #9333EA;--bs-secondary: #F59E0B;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-primary-rgb: 147, 51, 234;--bs-secondary-rgb: 245, 158, 11;--bs-success-rgb: 25, 135, 84;--bs-info-rgb: 13, 202, 240;--bs-warning-rgb: 255, 193, 7;--bs-danger-rgb: 220, 53, 69;--bs-light-rgb: 248, 249, 250;--bs-dark-rgb: 33, 37, 41;--bs-primary-text-emphasis: #3b145e;--bs-secondary-text-emphasis: #623f04;--bs-success-text-emphasis: #0a3622;--bs-info-text-emphasis: #055160;--bs-warning-text-emphasis: #664d03;--bs-danger-text-emphasis: #58151c;--bs-light-text-emphasis: #495057;--bs-dark-text-emphasis: #495057;--bs-primary-bg-subtle: #e9d6fb;--bs-secondary-bg-subtle: #fdecce;--bs-success-bg-subtle: #d1e7dd;--bs-info-bg-subtle: #cff4fc;--bs-warning-bg-subtle: #fff3cd;--bs-danger-bg-subtle: #f8d7da;--bs-light-bg-subtle: #fcfcfd;--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: #d4adf7;--bs-secondary-border-subtle: #fbd89d;--bs-success-border-subtle: #a3cfbb;--bs-info-border-subtle: #9eeaf9;--bs-warning-border-subtle: #ffe69c;--bs-danger-border-subtle: #f1aeb5;--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size: 1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #212529;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg: #fff;--bs-body-bg-rgb: 255, 255, 255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: rgba(33, 37, 41, .75);--bs-secondary-color-rgb: 33, 37, 41;--bs-secondary-bg: #e9ecef;--bs-secondary-bg-rgb: 233, 236, 239;--bs-tertiary-color: rgba(33, 37, 41, .5);--bs-tertiary-color-rgb: 33, 37, 41;--bs-tertiary-bg: #f8f9fa;--bs-tertiary-bg-rgb: 248, 249, 250;--bs-heading-color: inherit;--bs-link-color: #9333EA;--bs-link-color-rgb: 147, 51, 234;--bs-link-decoration: none;--bs-link-hover-color: #7629bb;--bs-link-hover-color-rgb: 118, 41, 187;--bs-link-hover-decoration: underline;--bs-code-color: #d63384;--bs-highlight-bg: #fff3cd;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, .175);--bs-border-radius: .375rem;--bs-border-radius-sm: .25rem;--bs-border-radius-lg: .5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width: .25rem;--bs-focus-ring-opacity: .25;--bs-focus-ring-color: rgba(147, 51, 234, .25);--bs-form-valid-color: #198754;--bs-form-valid-border-color: #198754;--bs-form-invalid-color: #dc3545;--bs-form-invalid-border-color: #dc3545}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}h6,.h6,h5,.h5,h4,.h4,h2,.h2,h1,.h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1,.h1{font-size:calc(1.325rem + .9vw)}@media (min-width: 1200px){h1,.h1{font-size:2rem}}h2,.h2{font-size:calc(1.305rem + .66vw)}@media (min-width: 1200px){h2,.h2{font-size:1.8rem}}h4,.h4{font-size:calc(1.265rem + .18vw)}@media (min-width: 1200px){h4,.h4{font-size:1.4rem}}h5,.h5{font-size:1.2rem}h6,.h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}small,.small{font-size:.875em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:none}a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb);text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code{font-family:var(--bs-font-monospace);font-size:1em}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}img,svg{vertical-align:middle}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[role=button]{cursor:pointer}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}[hidden]{display:none!important}.img-fluid{max-width:100%;height:auto}.container{--bs-gutter-x: 1rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}@media (min-width: 1400px){.container{max-width:1320px}}:root{--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px}.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col-6{flex:0 0 auto;width:50%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.g-2{--bs-gutter-x: .5rem}.g-2{--bs-gutter-y: .5rem}@media (min-width: 576px){.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-10{flex:0 0 auto;width:83.33333333%}}@media (min-width: 768px){.col-md-3{flex:0 0 auto;width:25%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}}@media (min-width: 992px){.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}}.form-label{margin-bottom:.5rem}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#c999f5;outline:0;box-shadow:0 0 0 .25rem #9333ea40}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{--bs-form-check-bg: var(--bs-body-bg);width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#c999f5;outline:0;box-shadow:0 0 0 .25rem #9333ea40}.form-check-input:checked{background-color:#9333ea;border-color:#9333ea}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#9333ea;border-color:#9333ea;--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{cursor:default;opacity:.5}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.is-invalid~.invalid-feedback{display:block}.form-control.is-invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-check-input.is-invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label{color:var(--bs-form-invalid-color)}.input-group>.form-control:not(:focus).is-invalid{z-index:4}.btn{--bs-btn-padding-x: .75rem;--bs-btn-padding-y: .375rem;--bs-btn-font-family: ;--bs-btn-font-size: 1rem;--bs-btn-font-weight: 400;--bs-btn-line-height: 1.5;--bs-btn-color: var(--bs-body-color);--bs-btn-bg: transparent;--bs-btn-border-width: var(--bs-border-width);--bs-btn-border-color: transparent;--bs-btn-border-radius: var(--bs-border-radius);--bs-btn-hover-border-color: transparent;--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);--bs-btn-disabled-opacity: .65;--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);text-decoration:none;background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled,.btn.disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color: #fff;--bs-btn-bg: #9333EA;--bs-btn-border-color: #9333EA;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #7d2bc7;--bs-btn-hover-border-color: #7629bb;--bs-btn-focus-shadow-rgb: 163, 82, 237;--bs-btn-active-color: #fff;--bs-btn-active-bg: #7629bb;--bs-btn-active-border-color: #6e26b0;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #9333EA;--bs-btn-disabled-border-color: #9333EA}.btn-secondary{--bs-btn-color: #000;--bs-btn-bg: #F59E0B;--bs-btn-border-color: #F59E0B;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #f7ad30;--bs-btn-hover-border-color: #f6a823;--bs-btn-focus-shadow-rgb: 208, 134, 9;--bs-btn-active-color: #000;--bs-btn-active-bg: #f7b13c;--bs-btn-active-border-color: #f6a823;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #F59E0B;--bs-btn-disabled-border-color: #F59E0B}.btn-outline-primary{--bs-btn-color: #9333EA;--bs-btn-border-color: #9333EA;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #9333EA;--bs-btn-hover-border-color: #9333EA;--bs-btn-focus-shadow-rgb: 147, 51, 234;--bs-btn-active-color: #fff;--bs-btn-active-bg: #9333EA;--bs-btn-active-border-color: #9333EA;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #9333EA;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #9333EA;--bs-gradient: none}.btn-link{--bs-btn-font-weight: 400;--bs-btn-color: var(--bs-link-color);--bs-btn-bg: transparent;--bs-btn-border-color: transparent;--bs-btn-hover-color: var(--bs-link-hover-color);--bs-btn-hover-border-color: transparent;--bs-btn-active-color: var(--bs-link-hover-color);--bs-btn-active-border-color: transparent;--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-border-color: transparent;--bs-btn-box-shadow: 0 0 0 #000;--bs-btn-focus-shadow-rgb: 163, 82, 237;text-decoration:none}.btn-link:hover,.btn-link:focus-visible{text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-sm{--bs-btn-padding-y: .25rem;--bs-btn-padding-x: .5rem;--bs-btn-font-size: .875rem;--bs-btn-border-radius: var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.dropdown{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: .5rem;--bs-dropdown-spacer: .125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: var(--bs-body-bg);--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: var(--bs-border-radius);--bs-dropdown-border-width: var(--bs-border-width);--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: .5rem;--bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--bs-dropdown-link-color: var(--bs-body-color);--bs-dropdown-link-hover-color: var(--bs-body-color);--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #9333EA;--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: .25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: .5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu-end{--bs-position: end}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}.dropdown-item:hover,.dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);text-decoration:none;background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);background:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion: reduce){.nav-link{transition:none}}.nav-link:hover,.nav-link:focus{color:var(--bs-nav-link-hover-color);text-decoration:none}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #9333ea40}.nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: .5rem;--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: .25rem;--bs-navbar-toggler-padding-x: .75rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), .15);--bs-navbar-toggler-border-radius: var(--bs-border-radius);--bs-navbar-toggler-focus-width: .25rem;--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{color:var(--bs-navbar-brand-hover-color);text-decoration:none}.navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion: reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}@media (min-width: 768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}.navbar-dark{--bs-navbar-color: rgba(255, 255, 255, .55);--bs-navbar-hover-color: rgba(255, 255, 255, .75);--bs-navbar-disabled-color: rgba(255, 255, 255, .25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: .5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: var(--bs-border-width);--bs-card-border-color: var(--bs-border-color-translucent);--bs-card-border-radius: var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y: .5rem;--bs-card-cap-padding-x: 1rem;--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg: var(--bs-body-bg);--bs-card-img-overlay-padding: 1rem;--bs-card-group-margin: .75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.breadcrumb{--bs-breadcrumb-padding-x: 0;--bs-breadcrumb-padding-y: 0;--bs-breadcrumb-margin-bottom: 1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color: var(--bs-secondary-color);--bs-breadcrumb-item-padding-x: .5rem;--bs-breadcrumb-item-active-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x: .75rem;--bs-pagination-padding-y: .375rem;--bs-pagination-font-size: 1rem;--bs-pagination-color: var(--bs-link-color);--bs-pagination-bg: var(--bs-body-bg);--bs-pagination-border-width: var(--bs-border-width);--bs-pagination-border-color: var(--bs-border-color);--bs-pagination-border-radius: var(--bs-border-radius);--bs-pagination-hover-color: var(--bs-link-hover-color);--bs-pagination-hover-bg: var(--bs-tertiary-bg);--bs-pagination-hover-border-color: var(--bs-border-color);--bs-pagination-focus-color: var(--bs-link-hover-color);--bs-pagination-focus-bg: var(--bs-secondary-bg);--bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(147, 51, 234, .25);--bs-pagination-active-color: #fff;--bs-pagination-active-bg: #9333EA;--bs-pagination-active-border-color: #9333EA;--bs-pagination-disabled-color: var(--bs-secondary-color);--bs-pagination-disabled-bg: var(--bs-secondary-bg);--bs-pagination-disabled-border-color: var(--bs-border-color);display:flex;padding-left:0;list-style:none}.alert{--bs-alert-bg: transparent;--bs-alert-padding-x: 1rem;--bs-alert-padding-y: 1rem;--bs-alert-margin-bottom: 1rem;--bs-alert-color: inherit;--bs-alert-border-color: transparent;--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius: var(--bs-border-radius);--bs-alert-link-color: inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-success{--bs-alert-color: var(--bs-success-text-emphasis);--bs-alert-bg: var(--bs-success-bg-subtle);--bs-alert-border-color: var(--bs-success-border-subtle);--bs-alert-link-color: var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color: var(--bs-info-text-emphasis);--bs-alert-bg: var(--bs-info-bg-subtle);--bs-alert-border-color: var(--bs-info-border-subtle);--bs-alert-link-color: var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color: var(--bs-warning-text-emphasis);--bs-alert-bg: var(--bs-warning-bg-subtle);--bs-alert-border-color: var(--bs-warning-border-subtle);--bs-alert-link-color: var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color: var(--bs-danger-text-emphasis);--bs-alert-bg: var(--bs-danger-bg-subtle);--bs-alert-border-color: var(--bs-danger-border-subtle);--bs-alert-link-color: var(--bs-danger-text-emphasis)}.alert-dark{--bs-alert-color: var(--bs-dark-text-emphasis);--bs-alert-bg: var(--bs-dark-bg-subtle);--bs-alert-border-color: var(--bs-dark-border-subtle);--bs-alert-link-color: var(--bs-dark-text-emphasis)}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.list-group{--bs-list-group-color: var(--bs-body-color);--bs-list-group-bg: var(--bs-body-bg);--bs-list-group-border-color: var(--bs-border-color);--bs-list-group-border-width: var(--bs-border-width);--bs-list-group-border-radius: var(--bs-border-radius);--bs-list-group-item-padding-x: 1rem;--bs-list-group-item-padding-y: .5rem;--bs-list-group-action-color: var(--bs-secondary-color);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);--bs-list-group-action-active-color: var(--bs-body-color);--bs-list-group-action-active-bg: var(--bs-secondary-bg);--bs-list-group-disabled-color: var(--bs-secondary-color);--bs-list-group-disabled-bg: var(--bs-body-bg);--bs-list-group-active-color: #fff;--bs-list-group-active-bg: #9333EA;--bs-list-group-active-border-color: #9333EA;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:hover,.list-group-item-action:focus{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.btn-close{--bs-btn-close-color: #000;--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity: .5;--bs-btn-close-hover-opacity: .75;--bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(147, 51, 234, .25);--bs-btn-close-focus-opacity: 1;--bs-btn-close-disabled-opacity: .25;--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;padding:.25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close:disabled,.btn-close.disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn:before{display:inline-block;content:""}@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-glow{50%{opacity:.2}}@-webkit-keyframes placeholder-wave{to{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.stretched-link:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.d-block{display:block!important}.d-grid{display:grid!important}.d-flex{display:flex!important}.d-none{display:none!important}.shadow-sm{box-shadow:0 .125rem .25rem #00000013!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.flex-grow-1{flex-grow:1!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-5{margin-top:3rem!important}.me-2{margin-right:.5rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.pb-2{padding-bottom:.5rem!important}.fs-4{font-size:calc(1.265rem + .18vw)!important}.fs-5{font-size:1.2rem!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity: 1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity: 1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity: 1;color:var(--bs-secondary-color)!important}.bg-primary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity: 1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity: 1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-circle{border-radius:50%!important}@media (min-width: 768px){.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-none{display:none!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}}@media (min-width: 1200px){.fs-4{font-size:1.4rem!important}}:root{--bs-body-bg: #F5F5F5;--bs-body-bg-rgb: 245, 245, 245}.navbar{--bs-navbar-color: #E9D5FF;--bs-navbar-hover-color: #FAF5FF}.nav{--bs-nav-link-color: #E9D5FF;--bs-nav-link-hover-color: #FAF5FF}.card{--bs-card-border-width: 0px;--bs-card-bg: #FFFFFF;--bs-card-cap-bg: #E9D5FF}.btn-secondary{--bs-btn-color: var(--bs-white);--bs-btn-active-color: var(--bs-white);--bs-btn-hover-color: var(--bs-white)}.list-group{--bs-list-group-bg: #FFFFFF}[x-cloak]{display:none!important}.cursor-pointer{cursor:pointer}10 11 12 13*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.tw-relative{position:relative!important}.-tw-mt-2{margin-top:-.5rem!important}.tw-mb-2{margin-bottom:.5rem!important}.tw-flex{display:flex!important}.tw-h-8{height:2rem!important}.tw-w-8{width:2rem!important}.tw-items-center{align-items:center!important}.tw-justify-between{justify-content:space-between!important}.tw-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(.5rem * var(--tw-space-x-reverse))!important;margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))!important}.tw-rounded{border-radius:.25rem!important}.tw-rounded-full{border-radius:9999px!important}.tw-rounded-lg{border-radius:.5rem!important}.tw-border-0{border-width:0px!important}.tw-border{border-width:1px!important}.tw-border-b{border-bottom-width:1px!important}.tw-border-solid{border-style:solid!important}.tw-border-dashed{border-style:dashed!important}.tw-border-purple-200{--tw-border-opacity: 1 !important;border-color:rgb(233 213 255 / var(--tw-border-opacity))!important}.tw-border-gray-300{--tw-border-opacity: 1 !important;border-color:rgb(209 213 219 / var(--tw-border-opacity))!important}.tw-border-white{--tw-border-opacity: 1 !important;border-color:rgb(255 255 255 / var(--tw-border-opacity))!important}.tw-border-purple-700{--tw-border-opacity: 1 !important;border-color:rgb(126 34 206 / var(--tw-border-opacity))!important}.tw-bg-purple-200{--tw-bg-opacity: 1 !important;background-color:rgb(233 213 255 / var(--tw-bg-opacity))!important}.tw-bg-sky-200{--tw-bg-opacity: 1 !important;background-color:rgb(186 230 253 / var(--tw-bg-opacity))!important}.tw-bg-red-200{--tw-bg-opacity: 1 !important;background-color:rgb(254 202 202 / var(--tw-bg-opacity))!important}.tw-bg-slate-200{--tw-bg-opacity: 1 !important;background-color:rgb(226 232 240 / var(--tw-bg-opacity))!important}.tw-bg-purple-50{--tw-bg-opacity: 1 !important;background-color:rgb(250 245 255 / var(--tw-bg-opacity))!important}.tw-object-cover{-o-object-fit:cover!important;object-fit:cover!important}.tw-py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.tw-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.tw-py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.tw-py-0{padding-top:0!important;padding-bottom:0!important}.tw-px-3{padding-left:.75rem!important;padding-right:.75rem!important}.tw-text-xs{font-size:.75rem!important;line-height:1rem!important}.tw-text-purple-200{--tw-text-opacity: 1 !important;color:rgb(233 213 255 / var(--tw-text-opacity))!important}.tw-text-purple-700{--tw-text-opacity: 1 !important;color:rgb(126 34 206 / var(--tw-text-opacity))!important}.tw-text-sky-700{--tw-text-opacity: 1 !important;color:rgb(3 105 161 / var(--tw-text-opacity))!important}.tw-text-red-700{--tw-text-opacity: 1 !important;color:rgb(185 28 28 / var(--tw-text-opacity))!important}.tw-text-slate-700{--tw-text-opacity: 1 !important;color:rgb(51 65 85 / var(--tw-text-opacity))!important}.tw-no-underline{-webkit-text-decoration-line:none!important;text-decoration-line:none!important}.hover\:tw-border-purple-700:hover{--tw-border-opacity: 1 !important;border-color:rgb(126 34 206 / var(--tw-border-opacity))!important}.hover\:tw-border-purple-400:hover{--tw-border-opacity: 1 !important;border-color:rgb(192 132 252 / var(--tw-border-opacity))!important}.hover\:tw-bg-purple-50:hover{--tw-bg-opacity: 1 !important;background-color:rgb(250 245 255 / var(--tw-bg-opacity))!important}.hover\:tw-bg-red-300:hover{--tw-bg-opacity: 1 !important;background-color:rgb(252 165 165 / var(--tw-bg-opacity))!important}.hover\:tw-text-purple-50:hover{--tw-text-opacity: 1 !important;color:rgb(250 245 255 / var(--tw-text-opacity))!important}14 </style>15 <meta charset="utf-8">16 <meta content="width=device-width, initial-scale=1.0" name="viewport">17 <title>18 Question & Answer - Sheriffali.com19 </title>20 <meta content="Question & Answer School" name="description">21 <meta content="As0hBNJ8h++fNYlkq8cTye2qDLyom8NddByiVytXGGD0YVE+2CEuTCpqXMDxdhOMILKoaiaYifwEvCRlJ/9GcQ8AAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">22 <meta content="AgRYsXo24ypxC89CJanC+JgEmraCCBebKl8ZmG7Tj5oJNx0cmH0NtNRZs3NB5ubhpbX/bIt7l2zJOSyO64NGmwMAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">23 </head>24 <body>25 <nav class="navbar navbar-expand-md navbar-dark bg-primary mb-2">26 <div class="container">27 <a class="navbar-brand">28 Sheriffali29 </a>30 <button aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse" type="button">31 <span class="navbar-toggler-icon">32 </span>33 </button>34 <div class="collapse navbar-collapse justify-content-between" id="navbarSupportedContent">35 <ul class="navbar-nav">36 <li class="nav-item">37 <a aria-current="page" class="nav-link active">38 Home39 </a>40 </li>41 </ul>42 <form action="" class="navbar-nav flex-grow-1 mx-md-5" method="GET">43 <div class="input-group">44 <input aria-label="Search" class="form-control" name="q" placeholder="Search" type="text" value>45 <button class="btn btn-secondary" type="submit">46 Search47 </button>48 </div>49 </form>50 <ul class="navbar-nav">51 <li class="nav-item">52 <a class="nav-link">53 Login54 </a>55 </li>56 </ul>57 </div>58 </div>59 </nav>60 <div class="bg-white -tw-mt-2 shadow-sm mb-3">61 <div class="container py-3 py-md-5">62 <h1 class="text-primary">63 Question & Answer64 </h1>65 <p class="mb-0">66 Question & Answer School67 </p>68 </div>69 </div>70 <div class="container">71 <div class="row g-2">72 <div class="col-12 col-lg-9">73 <h2 class="mb-3">74 Latest Questions75 </h2>76 <div class="card mb-2 shadow-sm tw-border tw-border-solid tw-border-white hover:tw-border-purple-400">77 <div class="card-body">78 <!-- Meta data -->79 <div class="d-flex justify-content-between align-items-center mb-2">80 <!-- Avatar -->81 <div class="d-flex align-items-center tw-space-x-2">82 <img alt="admin" class="tw-w-8 tw-h-8 rounded-circle" src="rick.jpg">83 <span class="small text-muted">84 admin85 </span>86 </div>87 <!-- [END] Avatar -->88 <!-- Taxonomies -->89 <div>90 <a class="tw-no-underline">91 <span class="tw-text-xs tw-bg-sky-200 tw-text-sky-700 tw-px-3 tw-py-0.5 tw-rounded-lg">92 Mathematics93 </span>94 </a>95 <a class="tw-no-underline">96 <span class="tw-text-xs tw-bg-red-200 tw-text-red-700 hover:tw-bg-red-300 tw-px-3 tw-py-0.5 tw-rounded-lg">97 Middle School98 </span>99 </a>100 </div>101 <!-- [END] Taxonomies -->102 </div>103 <!-- [END] Meta data -->104 <!-- Question -->105 <p>106 two chefs are trying to break world record for the longest spaghetti. chef a measures his spaghetti strand to be 503 2/3 ft chef b measures his spaghetti strand be 503.66 ft.107 </p>108 <!-- [END] Question -->109 <!-- Footer -->110 <div class="d-flex align-items-center justify-content-between">111 <div>112 <span class="tw-text-xs tw-bg-slate-200 tw-text-slate-700 tw-px-3 tw-py-0.5 tw-rounded-lg">113 1 month ago114 </span>115 </div>116 <div>117 <a class="btn btn-outline-primary">118 Answers119 </a>120 </div>121 </div>122 <!-- [END] Footer -->123 </div>124 </div>125 <div class="card mb-2 shadow-sm tw-border tw-border-solid tw-border-white hover:tw-border-purple-400">126 <div class="card-body">127 <!-- Meta data -->128 <div class="d-flex justify-content-between align-items-center mb-2">129 <!-- Avatar -->130 <div class="d-flex align-items-center tw-space-x-2">131 <img alt="admin" class="tw-w-8 tw-h-8 rounded-circle" src="rick.jpg">132 <span class="small text-muted">133 admin134 </span>135 </div>136 <!-- [END] Avatar -->137 <!-- Taxonomies -->138 <div>139 <a class="tw-no-underline">140 <span class="tw-text-xs tw-bg-sky-200 tw-text-sky-700 tw-px-3 tw-py-0.5 tw-rounded-lg">141 Mathematics142 </span>143 </a>144 <a class="tw-no-underline">145 <span class="tw-text-xs tw-bg-red-200 tw-text-red-700 hover:tw-bg-red-300 tw-px-3 tw-py-0.5 tw-rounded-lg">146 Middle School147 </span>148 </a>149 </div>150 <!-- [END] Taxonomies -->151 </div>152 <!-- [END] Meta data -->153 <!-- Question -->154 <p>155 find the square root by factor21904156 </p>157 <!-- [END] Question -->158 <!-- Footer -->159 <div class="d-flex align-items-center justify-content-between">160 <div>161 <span class="tw-text-xs tw-bg-slate-200 tw-text-slate-700 tw-px-3 tw-py-0.5 tw-rounded-lg">162 1 month ago163 </span>164 </div>165 <div>166 <a class="btn btn-outline-primary">167 Answers168 </a>169 </div>170 </div>171 <!-- [END] Footer -->172 </div>173 </div>174 <div class="card mb-2 shadow-sm tw-border tw-border-solid tw-border-white hover:tw-border-purple-400">175 <div class="card-body">176 <!-- Meta data -->177 <div class="d-flex justify-content-between align-items-center mb-2">178 <!-- Avatar -->179 <div class="d-flex align-items-center tw-space-x-2">180 <img alt="admin" class="tw-w-8 tw-h-8 rounded-circle" src="rick.jpg">181 <span class="small text-muted">182 admin183 </span>184 </div>185 <!-- [END] Avatar -->186 <!-- Taxonomies -->187 <div>188 <a class="tw-no-underline">189 <span class="tw-text-xs tw-bg-sky-200 tw-text-sky-700 tw-px-3 tw-py-0.5 tw-rounded-lg">190 Mathematics191 </span>192 </a>193 <a class="tw-no-underline">194 <span class="tw-text-xs tw-bg-red-200 tw-text-red-700 hover:tw-bg-red-300 tw-px-3 tw-py-0.5 tw-rounded-lg">195 Middle School196 </span>197 </a>198 </div>199 <!-- [END] Taxonomies -->200 </div>201 <!-- [END] Meta data -->202 <!-- Question -->203 <p>204 Terry has between 50 and 100 pennies and her piggy bank. She can count them two at a time and come out even.205 </p>206 <!-- [END] Question -->207 <!-- Footer -->208 <div class="d-flex align-items-center justify-content-between">209 <div>210 <span class="tw-text-xs tw-bg-slate-200 tw-text-slate-700 tw-px-3 tw-py-0.5 tw-rounded-lg">211 1 month ago212 </span>213 </div>214 <div>215 <a class="btn btn-outline-primary">216 Answers217 </a>218 </div>219 </div>220 <!-- [END] Footer -->221 </div>222 </div>223 <div class="card mb-2 shadow-sm tw-border tw-border-solid tw-border-white hover:tw-border-purple-400">224 <div class="card-body">225 <!-- Meta data -->226 <div class="d-flex justify-content-between align-items-center mb-2">227 <!-- Avatar -->228 <div class="d-flex align-items-center tw-space-x-2">229 <img alt="admin" class="tw-w-8 tw-h-8 rounded-circle" src="rick.jpg">230 <span class="small text-muted">231 admin232 </span>233 </div>234 <!-- [END] Avatar -->235 <!-- Taxonomies -->236 <div>237 <a class="tw-no-underline">238 <span class="tw-text-xs tw-bg-sky-200 tw-text-sky-700 tw-px-3 tw-py-0.5 tw-rounded-lg">239 Mathematics240 </span>241 </a>242 <a class="tw-no-underline">243 <span class="tw-text-xs tw-bg-red-200 tw-text-red-700 hover:tw-bg-red-300 tw-px-3 tw-py-0.5 tw-rounded-lg">244 High School245 </span>246 </a>247 </div>248 <!-- [END] Taxonomies -->249 </div>250 <!-- [END] Meta data -->251 <!-- Question -->252 <p>253 Find the pattern: 3*4 = 6 4*7 = 8 8*4 = 8 1*3 = 2 Now complete: 5*5 = 6*2 =254 </p>255 <!-- [END] Question -->256 <!-- Footer -->257 <div class="d-flex align-items-center justify-content-between">258 <div>259 <span class="tw-text-xs tw-bg-slate-200 tw-text-slate-700 tw-px-3 tw-py-0.5 tw-rounded-lg">260 1 month ago261 </span>262 </div>263 <div>264 <a class="btn btn-outline-primary">265 Answers266 </a>267 </div>268 </div>269 <!-- [END] Footer -->270 </div>271 </div>272 <div class="card mb-2 shadow-sm tw-border tw-border-solid tw-border-white hover:tw-border-purple-400">273 <div class="card-body">274 <!-- Meta data -->275 <div class="d-flex justify-content-between align-items-center mb-2">276 <!-- Avatar -->277 <div class="d-flex align-items-center tw-space-x-2">278 <img alt="admin" class="tw-w-8 tw-h-8 rounded-circle" src="rick.jpg">279 <span class="small text-muted">280 admin281 </span>282 </div>283 <!-- [END] Avatar -->284 <!-- Taxonomies -->285 <div>286 <a class="tw-no-underline">287 <span class="tw-text-xs tw-bg-sky-200 tw-text-sky-700 tw-px-3 tw-py-0.5 tw-rounded-lg">288 Social Studies289 </span>290 </a>291 <a class="tw-no-underline">292 <span class="tw-text-xs tw-bg-red-200 tw-text-red-700 hover:tw-bg-red-300 tw-px-3 tw-py-0.5 tw-rounded-lg">293 Middle School294 </span>295 </a>296 </div>297 <!-- [END] Taxonomies -->298 </div>299 <!-- [END] Meta data -->300 <!-- Question -->301 <p>302 List each of the five themes of geography and explain how geographers use these themes to organize information about the earth.303 </p>304 <!-- [END] Question -->305 <!-- Footer -->306 <div class="d-flex align-items-center justify-content-between">307 <div>308 <span class="tw-text-xs tw-bg-slate-200 tw-text-slate-700 tw-px-3 tw-py-0.5 tw-rounded-lg">309 1 month ago310 </span>311 </div>312 <div>313 <a class="btn btn-outline-primary">314 Answers315 </a>316 </div>317 </div>318 <!-- [END] Footer -->319 </div>320 </div>321 <div class="card mb-2 shadow-sm tw-border tw-border-solid tw-border-white hover:tw-border-purple-400">322 <div class="card-body">323 <!-- Meta data -->324 <div class="d-flex justify-content-between align-items-center mb-2">325 <!-- Avatar -->326 <div class="d-flex align-items-center tw-space-x-2">327 <img alt="admin" class="tw-w-8 tw-h-8 rounded-circle" src="rick.jpg">328 <span class="small text-muted">329 admin330 </span>331 </div>332 <!-- [END] Avatar -->333 <!-- Taxonomies -->334 <div>335 <a class="tw-no-underline">336 <span class="tw-text-xs tw-bg-sky-200 tw-text-sky-700 tw-px-3 tw-py-0.5 tw-rounded-lg">337 Biology338 </span>339 </a>340 <a class="tw-no-underline">341 <span class="tw-text-xs tw-bg-red-200 tw-text-red-700 hover:tw-bg-red-300 tw-px-3 tw-py-0.5 tw-rounded-lg">342 High School343 </span>344 </a>345 </div>346 <!-- [END] Taxonomies -->347 </div>348 <!-- [END] Meta data -->349 <!-- Question -->350 <p>351 Why is it important that scientific investigation be repeated? What happens when other scientists achieve different results when repeating an investigation?352 </p>353 <!-- [END] Question -->354 <!-- Footer -->355 <div class="d-flex align-items-center justify-content-between">356 <div>357 <span class="tw-text-xs tw-bg-slate-200 tw-text-slate-700 tw-px-3 tw-py-0.5 tw-rounded-lg">358 1 month ago359 </span>360 </div>361 <div>362 <a class="btn btn-outline-primary">363 Answers364 </a>365 </div>366 </div>367 <!-- [END] Footer -->368 </div>369 </div>370 <div class="card mb-2 shadow-sm tw-border tw-border-solid tw-border-white hover:tw-border-purple-400">371 <div class="card-body">372 <!-- Meta data -->373 <div class="d-flex justify-content-between align-items-center mb-2">374 <!-- Avatar -->375 <div class="d-flex align-items-center tw-space-x-2">376 <img alt="admin" class="tw-w-8 tw-h-8 rounded-circle" src="rick.jpg">377 <span class="small text-muted">378 admin379 </span>380 </div>381 <!-- [END] Avatar -->382 <!-- Taxonomies -->383 <div>384 <a class="tw-no-underline">385 <span class="tw-text-xs tw-bg-sky-200 tw-text-sky-700 tw-px-3 tw-py-0.5 tw-rounded-lg">386 Mathematics387 </span>388 </a>389 <a class="tw-no-underline">390 <span class="tw-text-xs tw-bg-red-200 tw-text-red-700 hover:tw-bg-red-300 tw-px-3 tw-py-0.5 tw-rounded-lg">391 High School392 </span>393 </a>394 </div>395 <!-- [END] Taxonomies -->396 </div>397 <!-- [END] Meta data -->398 <!-- Question -->399 <p>400 Re-write the set W by listing its elements. Use the appropriate set notation.401 </p>402 <!-- [END] Question -->403 <!-- Footer -->404 <div class="d-flex align-items-center justify-content-between">405 <div>406 <span class="tw-text-xs tw-bg-slate-200 tw-text-slate-700 tw-px-3 tw-py-0.5 tw-rounded-lg">407 1 month ago408 </span>409 </div>410 <div>411 <a class="btn btn-outline-primary">412 Answers413 </a>414 </div>415 </div>416 <!-- [END] Footer -->417 </div>418 </div>419 <div class="card mb-2 shadow-sm tw-border tw-border-solid tw-border-white hover:tw-border-purple-400">420 <div class="card-body">421 <!-- Meta data -->422 <div class="d-flex justify-content-between align-items-center mb-2">423 <!-- Avatar -->424 <div class="d-flex align-items-center tw-space-x-2">425 <img alt="admin" class="tw-w-8 tw-h-8 rounded-circle" src="rick.jpg">426 <span class="small text-muted">427 admin428 </span>429 </div>430 <!-- [END] Avatar -->431 <!-- Taxonomies -->432 <div>433 <a class="tw-no-underline">434 <span class="tw-text-xs tw-bg-sky-200 tw-text-sky-700 tw-px-3 tw-py-0.5 tw-rounded-lg">435 Mathematics436 </span>437 </a>438 <a class="tw-no-underline">439 <span class="tw-text-xs tw-bg-red-200 tw-text-red-700 hover:tw-bg-red-300 tw-px-3 tw-py-0.5 tw-rounded-lg">440 High School441 </span>442 </a>443 </div>444 <!-- [END] Taxonomies -->445 </div>446 <!-- [END] Meta data -->447 <!-- Question -->448 <p>449 I need help with this problem. 2.9 10 ^11 - 3.7 10^13450 </p>451 <!-- [END] Question -->452 <!-- Footer -->453 <div class="d-flex align-items-center justify-content-between">454 <div>455 <span class="tw-text-xs tw-bg-slate-200 tw-text-slate-700 tw-px-3 tw-py-0.5 tw-rounded-lg">456 1 month ago457 </span>458 </div>459 <div>460 <a class="btn btn-outline-primary">461 Answers462 </a>463 </div>464 </div>465 <!-- [END] Footer -->466 </div>467 </div>468 <div class="card mb-2 shadow-sm tw-border tw-border-solid tw-border-white hover:tw-border-purple-400">469 <div class="card-body">470 <!-- Meta data -->471 <div class="d-flex justify-content-between align-items-center mb-2">472 <!-- Avatar -->473 <div class="d-flex align-items-center tw-space-x-2">474 <img alt="admin" class="tw-w-8 tw-h-8 rounded-circle" src="rick.jpg">475 <span class="small text-muted">476 admin477 </span>478 </div>479 <!-- [END] Avatar -->480 <!-- Taxonomies -->481 <div>482 <a class="tw-no-underline">483 <span class="tw-text-xs tw-bg-sky-200 tw-text-sky-700 tw-px-3 tw-py-0.5 tw-rounded-lg">484 Mathematics485 </span>486 </a>487 <a class="tw-no-underline">488 <span class="tw-text-xs tw-bg-red-200 tw-text-red-700 hover:tw-bg-red-300 tw-px-3 tw-py-0.5 tw-rounded-lg">489 Middle School490 </span>491 </a>492 </div>493 <!-- [END] Taxonomies -->494 </div>495 <!-- [END] Meta data -->496 <!-- Question -->497 <p>498 816mm=_____ cmConvert 816mm=______ cm499 </p>500 <!-- [END] Question -->501 <!-- Footer -->502 <div class="d-flex align-items-center justify-content-between">503 <div>504 <span class="tw-text-xs tw-bg-slate-200 tw-text-slate-700 tw-px-3 tw-py-0.5 tw-rounded-lg">505 1 month ago506 </span>507 </div>508 <div>509 <a class="btn btn-outline-primary">510 Answers511 </a>512 </div>513 </div>514 <!-- [END] Footer -->515 </div>516 </div>517 <div class="card mb-2 shadow-sm tw-border tw-border-solid tw-border-white hover:tw-border-purple-400">518 <div class="card-body">519 <!-- Meta data -->520 <div class="d-flex justify-content-between align-items-center mb-2">521 <!-- Avatar -->522 <div class="d-flex align-items-center tw-space-x-2">523 <img alt="admin" class="tw-w-8 tw-h-8 rounded-circle" src="rick.jpg">524 <span class="small text-muted">525 admin526 </span>527 </div>528 <!-- [END] Avatar -->529 <!-- Taxonomies -->530 <div>531 <a class="tw-no-underline">532 <span class="tw-text-xs tw-bg-sky-200 tw-text-sky-700 tw-px-3 tw-py-0.5 tw-rounded-lg">533 Mathematics534 </span>535 </a>536 <a class="tw-no-underline">537 <span class="tw-text-xs tw-bg-red-200 tw-text-red-700 hover:tw-bg-red-300 tw-px-3 tw-py-0.5 tw-rounded-lg">538 High School539 </span>540 </a>541 </div>542 <!-- [END] Taxonomies -->543 </div>544 <!-- [END] Meta data -->545 <!-- Question -->546 <p>547 I know how to do equivalent fractions but idk how to do this one548 </p>549 <!-- [END] Question -->550 <!-- Footer -->551 <div class="d-flex align-items-center justify-content-between">552 <div>553 <span class="tw-text-xs tw-bg-slate-200 tw-text-slate-700 tw-px-3 tw-py-0.5 tw-rounded-lg">554 1 month ago555 </span>556 </div>557 <div>558 <a class="btn btn-outline-primary">559 Answers560 </a>561 </div>562 </div>563 <!-- [END] Footer -->564 </div>565 </div>566 <nav aria-label="Page navigation" role="navigation">567 <div class="row justify-content-between align-items-center g-2 my-3">568 <div class="col-6 col-sm-4 col-md-3 col-lg-2 d-grid">569 <button class="btn btn-outline-primary d-flex align-items-center justify-content-center tw-space-x-2" disabled type="button">570 <span>571 Previous572 </span>573 </button>574 </div>575 <div class="d-none d-md-block col-md-6 col-lg-8 text-center">576 </div>577 <div class="col-6 col-sm-4 col-md-3 col-lg-2 d-grid">578 <a class="btn btn-outline-primary d-flex align-items-center justify-content-center tw-space-x-2" rel="next">579 <span>580 Next581 </span>582 </a>583 </div>584 </div>585 </nav>586 </div>587 <div class="col-12 col-lg-3">588 <div class="card mb-2 shadow-sm">589 <div class="card-body">590 <h2 class="mb-3 h4">591 📂 Subjects592 </h2>593 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">594 <span>595 <a class="tw-no-underline stretched-link">596 Mathematics597 </a>598 </span>599 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">600 2647929601 </span>602 </div>603 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">604 <span>605 <a class="tw-no-underline stretched-link">606 History607 </a>608 </span>609 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">610 842281611 </span>612 </div>613 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">614 <span>615 <a class="tw-no-underline stretched-link">616 English617 </a>618 </span>619 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">620 748681621 </span>622 </div>623 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">624 <span>625 <a class="tw-no-underline stretched-link">626 Biology627 </a>628 </span>629 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">630 586256631 </span>632 </div>633 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">634 <span>635 <a class="tw-no-underline stretched-link">636 Social Studies637 </a>638 </span>639 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">640 406852641 </span>642 </div>643 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">644 <span>645 <a class="tw-no-underline stretched-link">646 Chemistry647 </a>648 </span>649 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">650 368373651 </span>652 </div>653 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">654 <span>655 <a class="tw-no-underline stretched-link">656 Business657 </a>658 </span>659 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">660 348603661 </span>662 </div>663 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">664 <span>665 <a class="tw-no-underline stretched-link">666 Physics667 </a>668 </span>669 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">670 324927671 </span>672 </div>673 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">674 <span>675 <a class="tw-no-underline stretched-link">676 Health677 </a>678 </span>679 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">680 199835681 </span>682 </div>683 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">684 <span>685 <a class="tw-no-underline stretched-link">686 Spanish687 </a>688 </span>689 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">690 130075691 </span>692 </div>693 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">694 <span>695 <a class="tw-no-underline stretched-link">696 Geography697 </a>698 </span>699 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">700 112100701 </span>702 </div>703 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">704 <span>705 <a class="tw-no-underline stretched-link">706 Computers and Technology707 </a>708 </span>709 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">710 106146711 </span>712 </div>713 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">714 <span>715 <a class="tw-no-underline stretched-link">716 Arts717 </a>718 </span>719 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">720 77164721 </span>722 </div>723 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">724 <span>725 <a class="tw-no-underline stretched-link">726 Advanced Placement (AP)727 </a>728 </span>729 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">730 23675731 </span>732 </div>733 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">734 <span>735 <a class="tw-no-underline stretched-link">736 World Languages737 </a>738 </span>739 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">740 23213741 </span>742 </div>743 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">744 <span>745 <a class="tw-no-underline stretched-link">746 French747 </a>748 </span>749 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">750 22589751 </span>752 </div>753 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">754 <span>755 <a class="tw-no-underline stretched-link">756 Engineering757 </a>758 </span>759 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">760 19607761 </span>762 </div>763 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">764 <span>765 <a class="tw-no-underline stretched-link">766 Law767 </a>768 </span>769 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">770 17108771 </span>772 </div>773 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">774 <span>775 <a class="tw-no-underline stretched-link">776 Medicine777 </a>778 </span>779 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">780 13966781 </span>782 </div>783 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">784 <span>785 <a class="tw-no-underline stretched-link">786 SAT787 </a>788 </span>789 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">790 10987791 </span>792 </div>793 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">794 <span>795 <a class="tw-no-underline stretched-link">796 German797 </a>798 </span>799 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">800 3389801 </span>802 </div>803 <h2 class="my-3 h4">804 🔢 Grades805 </h2>806 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">807 <span>808 <a class="tw-no-underline stretched-link">809 High School810 </a>811 </span>812 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">813 3423409814 </span>815 </div>816 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">817 <span>818 <a class="tw-no-underline stretched-link">819 Middle School820 </a>821 </span>822 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">823 2092250824 </span>825 </div>826 <div class="tw-flex tw-justify-between tw-items-center mb-2 tw-border tw-border-dashed tw-border-gray-300 tw-rounded tw-py-1 tw-px-2 hover:tw-border-purple-700 hover:tw-bg-purple-50 tw-relative">827 <span>828 <a class="tw-no-underline stretched-link">829 College830 </a>831 </span>832 <span class="tw-bg-purple-200 tw-text-purple-700 tw-rounded-full tw-px-2 tw-py-0.5 tw-text-xs">833 1518097834 </span>835 </div>836 </div>837 </div>838 </div>839 </div>840 </div>841 <div class="bg-primary mt-5">842 <div class="container">843 <footer class="py-3">844 <ul class="nav justify-content-center tw-border-solid tw-border-0 tw-border-b tw-border-purple-200 pb-2 mb-2">845 <li class="nav-item">846 <a class="nav-link px-2">847 About848 </a>849 </li>850 <li class="nav-item">851 <a class="nav-link px-2">852 Privacy Policy853 </a>854 </li>855 <li class="nav-item">856 <a class="nav-link px-2">857 Terms and Conditions858 </a>859 </li>860 <li class="nav-item">861 <a class="nav-link px-2">862 Disclaimer863 </a>864 </li>865 </ul>866 <p class="text-center mb-0 text-white">867 © 2023868 <a class="tw-text-purple-200 hover:tw-text-purple-50 tw-no-underline">869 Sheriffali.com870 </a>871 </p>872 </footer>873 </div>874 </div>875 <ins class="adsbygoogle adsbygoogle-noablate" data-adsbygoogle-status="done" style="display: none !important;">876 <div aria-label="Advertisement" id="aswift_0_host" style="border: none; height: 0px; width: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;" tabindex="0" title="Advertisement">877 </div>878 </ins>879 </body>880</html>881