Created
October 20, 2022 14:38
-
-
Save klauspost/1ad67d68c0c310b1ce396753ef9571f3 to your computer and use it in GitHub Desktop.
css-reorder-experiment
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| package main | |
| import ( | |
| "bytes" | |
| "fmt" | |
| "math" | |
| "os" | |
| "github.com/klauspost/compress/gzip" | |
| "github.com/klauspost/compress/zstd" | |
| ) | |
| func main() { | |
| sample := sample1 | |
| // This is NOt correct, replace with your own block splitter. | |
| var buf bytes.Buffer | |
| enc, _ := gzip.NewWriterLevel(&buf, gzip.BestCompression) | |
| enc.Write([]byte(sample)) | |
| enc.Close() | |
| fmt.Printf("gzip before: %d -> %d\n", len(sample), buf.Len()) | |
| const verbose = false | |
| const maxSize = 1 << 10 | |
| blocks := bytes.Split([]byte(sample), []byte("\n\n")) | |
| fmt.Printf("blocks: %v\n", len(blocks)) | |
| startWith := 0 | |
| biggest := 0 | |
| selfSize := make([]int, 0, len(blocks)) | |
| var dst []byte | |
| z, _ := zstd.NewWriter(nil, zstd.WithEncoderCRC(false), zstd.WithSingleSegment(true), zstd.WithNoEntropyCompression(true), zstd.WithAllLitEntropyCompression(false), zstd.WithWindowSize(4<<10)) | |
| for i, block := range blocks { | |
| if len(block) > biggest { | |
| biggest = len(block) | |
| startWith = i | |
| } | |
| sz := len(block) | |
| // Sometimes better, sometimes worse. | |
| if false { | |
| // Compress to reduce self-compressed | |
| dst = z.EncodeAll(block, dst[:0]) | |
| var hdr zstd.Header | |
| hdr.Decode(dst) | |
| sz = hdr.FirstBlock.CompressedSize | |
| } | |
| selfSize = append(selfSize, sz) | |
| } | |
| output := make([]byte, 0, len(sample)) | |
| tmp := make([]byte, 0, len(sample)) | |
| output = append(output, blocks[startWith]...) | |
| tmp = append(tmp, blocks[startWith]...) | |
| tmp = append(tmp, '\n', '\n') | |
| blocks[startWith] = nil | |
| if verbose { | |
| fmt.Println("block", startWith, "->") | |
| } | |
| for { | |
| smallest := math.MaxInt32 | |
| smallestIdx := -1 | |
| tmpSz := len(tmp) | |
| for i, block := range blocks { | |
| if block == nil { | |
| continue | |
| } | |
| tmp = append(tmp[:tmpSz], block...) | |
| dst = z.EncodeAll(tmp, dst[:0]) | |
| if size := len(dst) - selfSize[i]; size <= smallest { | |
| if verbose { | |
| fmt.Println("block", i, "size:", size, "block:", len(block), "self:", selfSize[i]) | |
| } | |
| // If equal take the biggest block | |
| if size != smallest || len(block) > len(blocks[smallestIdx]) { | |
| smallestIdx = i | |
| smallest = size | |
| } | |
| } | |
| } | |
| if smallestIdx == -1 { | |
| // done | |
| break | |
| } | |
| if verbose { | |
| fmt.Printf("block %d extra size %d ->\n", smallestIdx, smallest) | |
| } | |
| output = append(output, '\n', '\n') | |
| //output = append(output, []byte(fmt.Sprintf("%d:", smallestIdx))...) | |
| output = append(output, blocks[smallestIdx]...) | |
| tmp = append(tmp, blocks[smallestIdx]...) | |
| tmp = append(tmp, '\n', '\n') | |
| if len(tmp) > maxSize { | |
| tmp = tmp[len(tmp)-maxSize:] | |
| } | |
| blocks[smallestIdx] = nil | |
| } | |
| if verbose { | |
| fmt.Println("done") | |
| } | |
| buf.Reset() | |
| enc.Reset(&buf) | |
| enc.Write(output) | |
| enc.Close() | |
| fmt.Printf("gzip after: %d -> %d\n", len(output), buf.Len()) | |
| os.WriteFile("output.css", output, os.ModePerm) | |
| os.WriteFile("output.css.gz", buf.Bytes(), os.ModePerm) | |
| } | |
| // ! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com | |
| var sample1 = ` | |
| *,:after,:before { | |
| box-sizing: border-box; | |
| border: 0 solid #e6e4e2 | |
| } | |
| :after,:before { | |
| --tw-content: "" | |
| } | |
| html { | |
| line-height: 1.5; | |
| -moz-tab-size: 4; | |
| -o-tab-size: 4; | |
| tab-size: 4; | |
| font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji | |
| } | |
| body { | |
| margin: 0; | |
| line-height: inherit | |
| } | |
| hr { | |
| height: 0; | |
| color: inherit; | |
| border-top-width: 1px | |
| } | |
| abbr:where([title]) { | |
| -webkit-text-decoration: underline dotted; | |
| text-decoration: underline dotted | |
| } | |
| h1,h2,h3,h4,h5,h6 { | |
| font-size: inherit; | |
| font-weight: inherit | |
| } | |
| a { | |
| color: inherit; | |
| text-decoration: inherit | |
| } | |
| b,strong { | |
| font-weight: bolder | |
| } | |
| code,kbd,pre,samp { | |
| font-family: SF Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; | |
| font-size: 1em | |
| } | |
| small { | |
| font-size: 80% | |
| } | |
| sub,sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline | |
| } | |
| sub { | |
| bottom: -.25em | |
| } | |
| sup { | |
| top: -.5em | |
| } | |
| table { | |
| text-indent: 0; | |
| border-color: inherit; | |
| border-collapse: collapse | |
| } | |
| button,input,optgroup,select,textarea { | |
| font-family: inherit; | |
| font-size: 100%; | |
| font-weight: inherit; | |
| line-height: inherit; | |
| color: inherit; | |
| margin: 0; | |
| padding: 0 | |
| } | |
| button,select { | |
| text-transform: none | |
| } | |
| [type=button],[type=reset],[type=submit],button { | |
| -webkit-appearance: button; | |
| background-color: transparent; | |
| background-image: none | |
| } | |
| :-moz-focusring { | |
| outline: auto | |
| } | |
| :-moz-ui-invalid { | |
| box-shadow: none | |
| } | |
| progress { | |
| vertical-align: baseline | |
| } | |
| ::-webkit-inner-spin-button,::-webkit-outer-spin-button { | |
| height: auto | |
| } | |
| [type=search] { | |
| -webkit-appearance: textfield; | |
| outline-offset: -2px | |
| } | |
| ::-webkit-search-decoration { | |
| -webkit-appearance: none | |
| } | |
| ::-webkit-file-upload-button { | |
| -webkit-appearance: button; | |
| font: inherit | |
| } | |
| summary { | |
| display: list-item | |
| } | |
| blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre { | |
| margin: 0 | |
| } | |
| fieldset { | |
| margin: 0 | |
| } | |
| fieldset,legend { | |
| padding: 0 | |
| } | |
| menu,ol,ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0 | |
| } | |
| textarea { | |
| resize: vertical | |
| } | |
| input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { | |
| opacity: 1; | |
| color: #b6b0ad | |
| } | |
| input::-moz-placeholder, textarea::-moz-placeholder { | |
| opacity: 1; | |
| color: #b6b0ad | |
| } | |
| input:-ms-input-placeholder, textarea:-ms-input-placeholder { | |
| opacity: 1; | |
| color: #b6b0ad | |
| } | |
| input::-ms-input-placeholder, textarea::-ms-input-placeholder { | |
| opacity: 1; | |
| color: #b6b0ad | |
| } | |
| input::placeholder,textarea::placeholder { | |
| opacity: 1; | |
| color: #b6b0ad | |
| } | |
| [role=button],button { | |
| cursor: pointer | |
| } | |
| :disabled { | |
| cursor: default | |
| } | |
| audio,canvas,embed,iframe,img,object,svg,video { | |
| display: block; | |
| vertical-align: middle | |
| } | |
| img,video { | |
| max-width: 100%; | |
| height: auto | |
| } | |
| @font-face { | |
| font-family: Inter; | |
| font-weight: 400; | |
| font-style: normal; | |
| font-display: swap; | |
| src: url(/files/fonts/Inter-Regular.woff2) format("woff2"),url(/files/fonts/Inter-Regular.woff) format("woff") | |
| } | |
| @font-face { | |
| font-family: Inter; | |
| font-weight: 400; | |
| font-style: italic; | |
| font-display: swap; | |
| src: url(/files/fonts/Inter-Italic.woff2) format("woff2"),url(/files/fonts/Inter-Italic.woff) format("woff") | |
| } | |
| @font-face { | |
| font-family: Inter; | |
| font-weight: 500; | |
| font-style: normal; | |
| font-display: swap; | |
| src: url(/files/fonts/Inter-Medium.woff2) format("woff2"),url(/files/fonts/Inter-Medium.woff) format("woff") | |
| } | |
| @font-face { | |
| font-family: Inter; | |
| font-weight: 500; | |
| font-style: italic; | |
| font-display: swap; | |
| src: url(/files/fonts/Inter-MediumItalic.woff2) format("woff2"),url(/files/fonts/Inter-MediumItalic.woff) format("woff") | |
| } | |
| @font-face { | |
| font-family: Inter; | |
| font-weight: 600; | |
| font-style: normal; | |
| font-display: swap; | |
| src: url(/files/fonts/Inter-SemiBold.woff2) format("woff2"),url(/files/fonts/Inter-SemiBold.woff) format("woff") | |
| } | |
| @font-face { | |
| font-family: Inter; | |
| font-weight: 600; | |
| font-style: italic; | |
| font-display: swap; | |
| src: url(/files/fonts/Inter-SemiBoldItalic.woff2) format("woff2"),url(/files/fonts/Inter-SemiBoldItalic.woff) format("woff") | |
| } | |
| html { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(255 255 255/var(--tw-bg-opacity)); | |
| font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; | |
| font-size: .875rem; | |
| line-height: 1.25rem; | |
| --tw-text-opacity: 1; | |
| color: rgb(52 52 51/var(--tw-text-opacity)); | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale | |
| } | |
| @media (min-width: 768px) { | |
| html { | |
| font-size:1rem; | |
| line-height: 1.5rem | |
| } | |
| } | |
| html { | |
| letter-spacing: -.015em; | |
| line-height: 1.4; | |
| text-rendering: optimizeLegibility; | |
| scroll-behavior: smooth; | |
| -webkit-text-size-adjust: 100%; | |
| -webkit-tap-highlight-color: transparent | |
| } | |
| body { | |
| display: flex; | |
| height: 100%; | |
| flex-direction: column; | |
| justify-content: flex-start; | |
| font-size: 1rem; | |
| line-height: 1.5rem | |
| } | |
| hr { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(246 244 242/var(--tw-border-opacity)); | |
| border-top: 1px rgb(246 244 242/var(--tw-border-opacity)); | |
| border-style: solid | |
| } | |
| ::-moz-selection { | |
| background-color: rgba(97,122,255,.2) | |
| } | |
| ::selection { | |
| background-color: rgba(97,122,255,.2) | |
| } | |
| details summary { | |
| cursor: pointer | |
| } | |
| mark { | |
| border-radius: .125rem; | |
| background-color: rgba(255,204,0,.4); | |
| color: inherit | |
| } | |
| *,:after,:before { | |
| --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(74 125 221/0.5); | |
| --tw-ring-offset-shadow: 0 0 transparent; | |
| --tw-ring-shadow: 0 0 transparent; | |
| --tw-shadow: 0 0 transparent; | |
| --tw-shadow-colored: 0 0 transparent; | |
| --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(74 125 221/0.5); | |
| --tw-ring-offset-shadow: 0 0 transparent; | |
| --tw-ring-shadow: 0 0 transparent; | |
| --tw-shadow: 0 0 transparent; | |
| --tw-shadow-colored: 0 0 transparent; | |
| --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(74 125 221/0.5); | |
| --tw-ring-offset-shadow: 0 0 transparent; | |
| --tw-ring-shadow: 0 0 transparent; | |
| --tw-shadow: 0 0 transparent; | |
| --tw-shadow-colored: 0 0 transparent; | |
| --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: | |
| } | |
| .icon { | |
| pointer-events: none; | |
| height: 1.5rem; | |
| width: 1.5rem; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| stroke: currentColor; | |
| stroke-width: 2; | |
| fill: none; | |
| stroke-linecap: round; | |
| stroke-linejoin: round | |
| } | |
| .link { | |
| --tw-text-opacity: 1; | |
| color: rgb(74 125 221/var(--tw-text-opacity)); | |
| transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s | |
| } | |
| .link:hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(73 100 149/var(--tw-text-opacity)) | |
| } | |
| .link-underline { | |
| text-decoration: underline; | |
| -webkit-text-decoration-skip: objects | |
| } | |
| .section-link { | |
| display: inline-block; | |
| font-weight: 500; | |
| --tw-text-opacity: 1; | |
| color: rgb(73 100 149/var(--tw-text-opacity)); | |
| transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; | |
| transition-duration: .2s; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1) | |
| } | |
| .section-link:hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(42 64 103/var(--tw-text-opacity)) | |
| } | |
| .section-link:after { | |
| display: inline-block; | |
| transition-property: -webkit-transform; | |
| transition-property: transform; | |
| transition-property: transform, -webkit-transform; | |
| transition-duration: .2s; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| content: "\2192"; | |
| margin-left: .35rem | |
| } | |
| .section-link:hover:after { | |
| --tw-translate-x: 0.25rem; | |
| -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) | |
| } | |
| .button { | |
| display: inline-block; | |
| cursor: pointer; | |
| border-radius: .25rem; | |
| border-width: 1px; | |
| border-color: transparent; | |
| text-align: center; | |
| vertical-align: middle; | |
| font-size: 1rem; | |
| line-height: 1.5rem | |
| } | |
| .button:active { | |
| color: currentColor | |
| } | |
| .button { | |
| padding: .375rem .75rem | |
| } | |
| .button:focus-visible { | |
| box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); | |
| outline: 0 | |
| } | |
| .button-large { | |
| padding: .5rem 1.25rem; | |
| font-size: 1.125rem; | |
| line-height: 1.75rem | |
| } | |
| .button-primary { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(74 125 221/var(--tw-bg-opacity)); | |
| font-weight: 500; | |
| --tw-text-opacity: 1; | |
| color: rgb(255 255 255/var(--tw-text-opacity)); | |
| transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; | |
| transition-duration: .15s; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1) | |
| } | |
| .button-primary:hover { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(77 120 200/var(--tw-bg-opacity)) | |
| } | |
| .button-primary:active { | |
| --tw-text-opacity: 1 | |
| } | |
| .button-primary:active,.button-primary:disabled { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(73 100 149/var(--tw-bg-opacity)); | |
| color: rgb(255 255 255/var(--tw-text-opacity)) | |
| } | |
| .button-primary:disabled { | |
| --tw-text-opacity: 0.5 | |
| } | |
| .button-border { | |
| border-color: rgb(36 36 36/var(--tw-border-opacity)); | |
| --tw-border-opacity: 0.2; | |
| font-weight: 500; | |
| --tw-text-opacity: 1; | |
| color: rgb(102 99 97/var(--tw-text-opacity)); | |
| transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; | |
| transition-duration: .15s; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1) | |
| } | |
| .button-border:hover { | |
| --tw-border-opacity: 0.4; | |
| --tw-text-opacity: 1; | |
| color: rgb(36 36 36/var(--tw-text-opacity)) | |
| } | |
| .button-shade { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(52 52 51/var(--tw-bg-opacity)); | |
| font-weight: 500; | |
| --tw-text-opacity: 1; | |
| color: rgb(255 255 255/var(--tw-text-opacity)); | |
| transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; | |
| transition-duration: .15s; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1) | |
| } | |
| .button-shade:active,.button-shade:hover { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(36 36 36/var(--tw-bg-opacity)) | |
| } | |
| .button-shade:active { | |
| --tw-text-opacity: 1; | |
| color: rgb(255 255 255/var(--tw-text-opacity)) | |
| } | |
| .button-shade:disabled { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(36 36 36/var(--tw-bg-opacity)); | |
| color: rgb(255 255 255/var(--tw-text-opacity)); | |
| --tw-text-opacity: 0.5 | |
| } | |
| .Tooltip { | |
| z-index: 50; | |
| max-width: 20rem; | |
| border-radius: .375rem; | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(52 52 51/var(--tw-bg-opacity)); | |
| padding: .5rem .75rem; | |
| text-align: center; | |
| font-size: .875rem; | |
| line-height: 1.25rem; | |
| line-height: 1.375; | |
| --tw-text-opacity: 1; | |
| color: rgb(230 228 226/var(--tw-text-opacity)) | |
| } | |
| .Tooltip p+p { | |
| margin-top: .75rem | |
| } | |
| .radio { | |
| position: relative; | |
| display: flex; | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| align-items: center; | |
| justify-content: center; | |
| border-width: 1px; | |
| border-style: solid; | |
| vertical-align: middle; | |
| transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s; | |
| border-color: rgba(0,0,0,.15); | |
| box-shadow: 0 1px 1px rgba(0,0,0,.05); | |
| width: 18px; | |
| height: 18px | |
| } | |
| .radio,.radio:after { | |
| border-radius: 9999px; | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(255 255 255/var(--tw-bg-opacity)) | |
| } | |
| .radio:after { | |
| display: block; | |
| height: .5rem; | |
| width: .5rem; | |
| --tw-scale-x: .75; | |
| --tw-scale-y: .75; | |
| -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| opacity: 0; | |
| transition-property: all; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s; | |
| content: "" | |
| } | |
| .radio:enabled:checked { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(74 125 221/var(--tw-bg-opacity)); | |
| box-shadow: inset 0 0 4px rgba(0,0,0,.08),0 0 2px rgba(0,0,0,.08) | |
| } | |
| .radio:checked:after { | |
| opacity: 1; | |
| -webkit-transform: scale(1); | |
| transform: scale(1) | |
| } | |
| input.input { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px | |
| } | |
| .input { | |
| display: block; | |
| border-radius: .25rem; | |
| border-width: 1px; | |
| --tw-border-opacity: 1; | |
| border-color: rgb(214 210 204/var(--tw-border-opacity)); | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(255 255 255/var(--tw-bg-opacity)); | |
| background-clip: padding-box; | |
| padding: .25rem .75rem; | |
| font-size: 1rem; | |
| line-height: 1.5rem; | |
| font-weight: 400; | |
| line-height: 1.5; | |
| --tw-text-opacity: 1; | |
| color: rgb(36 36 36/var(--tw-text-opacity)) | |
| } | |
| .input:focus { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(74 125 221/var(--tw-border-opacity)); | |
| outline: 2px solid transparent; | |
| outline-offset: 2px | |
| } | |
| .input { | |
| height: calc(1.5em + .75rem + 2px) | |
| } | |
| .input:focus { | |
| box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) | |
| } | |
| select.select { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none | |
| } | |
| .select { | |
| display: block; | |
| border-radius: .25rem; | |
| border-width: 1px; | |
| border-color: rgb(230 228 226/var(--tw-border-opacity)); | |
| background-clip: padding-box; | |
| background-repeat: no-repeat; | |
| font-size: 1rem; | |
| line-height: 1.5rem; | |
| font-weight: 400; | |
| line-height: 1.5; | |
| height: calc(1.5em + .75rem + 2px); | |
| padding: .375rem 2.25rem .375rem .75rem; | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23666361' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); | |
| background-position: right .5rem center | |
| } | |
| .select,.select:focus { | |
| --tw-border-opacity: 1; | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(255 255 255/var(--tw-bg-opacity)); | |
| --tw-text-opacity: 1; | |
| color: rgb(36 36 36/var(--tw-text-opacity)) | |
| } | |
| .select:focus { | |
| border-color: rgb(128 189 255/var(--tw-border-opacity)); | |
| box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) | |
| } | |
| .clamped-paragraphs p { | |
| display: inline | |
| } | |
| .tweet { | |
| border-color: #e1e8ed; | |
| -webkit-column-break-inside: avoid; | |
| -moz-column-break-inside: avoid; | |
| break-inside: avoid; | |
| page-break-inside: avoid | |
| } | |
| .tweet:hover { | |
| border-color: #ccd6dd | |
| } | |
| .tweet-bird { | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath fill='none' d='M0 0h72v72H0z'/%3E%3Cpath class='icon' fill='%231da1f2' d='M68.812 15.14a26.189 26.189 0 01-7.52 2.06 13.125 13.125 0 005.757-7.243 26.133 26.133 0 01-8.314 3.176A13.066 13.066 0 0049.182 9c-7.23 0-13.092 5.86-13.092 13.093 0 1.026.118 2.02.338 2.98C25.543 24.527 15.9 19.318 9.44 11.396a13.057 13.057 0 00-1.77 6.58c0 4.543 2.312 8.552 5.824 10.9a13.05 13.05 0 01-5.93-1.64c-.002.056-.002.11-.002.163 0 6.345 4.513 11.638 10.504 12.84-1.1.298-2.256.457-3.45.457-.845 0-1.666-.078-2.464-.23 1.667 5.2 6.5 8.985 12.23 9.09a26.29 26.29 0 01-16.26 5.605c-1.055 0-2.096-.06-3.122-.184a37.036 37.036 0 0020.067 5.882c24.083 0 37.25-19.95 37.25-37.25 0-.565-.013-1.133-.038-1.693a26.61 26.61 0 006.532-6.774z'/%3E%3C/svg%3E") | |
| } | |
| .tweet-verified-badge { | |
| width: 1rem; | |
| height: 1.1111rem; | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 72'%3E%3Cpath fill='none' d='M0 0h64v72H0z'/%3E%3Cpath fill='%231da1f2' d='M3 37.315c0 4.125 2.162 7.726 5.363 9.624-.056.467-.09.937-.09 1.42 0 6.103 4.72 11.045 10.546 11.045 1.295 0 2.542-.234 3.687-.686C24.22 62.4 27.827 64.93 32 64.93c4.174 0 7.782-2.53 9.49-6.213 1.148.45 2.39.685 3.69.685 5.826 0 10.546-4.94 10.546-11.045 0-.483-.037-.953-.093-1.42C58.83 45.04 61 41.44 61 37.314c0-4.37-2.42-8.15-5.933-9.946.427-1.203.658-2.5.658-3.865 0-6.104-4.72-11.045-10.545-11.045a9.94 9.94 0 00-3.69.688C39.783 9.461 36.175 6.93 32 6.93c-4.173 0-7.778 2.53-9.492 6.216a9.973 9.973 0 00-3.688-.688c-5.827 0-10.545 4.94-10.545 11.045 0 1.364.23 2.662.656 3.864C5.42 29.163 3 32.944 3 37.314z'/%3E%3Cpath fill='%23FFF' d='M17.87 39.08l7.015 6.978a2.99 2.99 0 002.116.873 2.99 2.99 0 002.127-.883c.344-.346 15.98-15.974 15.98-15.974a3 3 0 10-4.242-4.243l-13.87 13.863-4.892-4.868a3 3 0 00-4.232 4.254z'/%3E%3C/svg%3E") | |
| } | |
| .tweet a { | |
| color: #2b7bb9 | |
| } | |
| .tweet-content { | |
| line-height: 1.5; | |
| --tw-text-opacity: 1; | |
| color: rgb(71 70 69/var(--tw-text-opacity)); | |
| letter-spacing: -.005em | |
| } | |
| .tweet-content>img { | |
| margin-top: .5rem; | |
| border-radius: .25rem | |
| } | |
| .tweet-content p+p { | |
| margin-top: 1rem | |
| } | |
| .footer-column-heading { | |
| margin-bottom: 1.5rem; | |
| display: none; | |
| font-size: .75rem; | |
| line-height: 1rem; | |
| font-weight: 600; | |
| text-transform: uppercase; | |
| letter-spacing: .05em; | |
| --tw-text-opacity: 1; | |
| color: rgb(52 52 51/var(--tw-text-opacity)) | |
| } | |
| @media (min-width: 768px) { | |
| .footer-column-heading { | |
| display:block | |
| } | |
| } | |
| .footer-column-link { | |
| --tw-text-opacity: 1; | |
| color: rgb(102 99 97/var(--tw-text-opacity)); | |
| transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s | |
| } | |
| .footer-column-link:hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(52 52 51/var(--tw-text-opacity)) | |
| } | |
| .docs-toc a { | |
| display: inline-block; | |
| padding-top: .25rem; | |
| padding-bottom: .25rem; | |
| --tw-text-opacity: 1; | |
| color: rgb(102 99 97/var(--tw-text-opacity)) | |
| } | |
| .docs-toc a:hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(71 70 69/var(--tw-text-opacity)) | |
| } | |
| .docs-toc ul { | |
| line-height: 1.25 | |
| } | |
| .permalink-icon { | |
| margin-left: .25rem; | |
| display: inline-block; | |
| height: .875rem; | |
| width: .875rem; | |
| background-size: cover; | |
| background-position: 50%; | |
| background-repeat: no-repeat; | |
| --tw-text-opacity: 1; | |
| color: rgb(102 99 97/var(--tw-text-opacity)); | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-link-2'%3E%3Cpath d='M15 7h3a5 5 0 015 5 5 5 0 01-5 5h-3m-6 0H6a5 5 0 01-5-5 5 5 0 015-5h3M8 12h8'/%3E%3C/svg%3E") | |
| } | |
| .PlatformBox-tabButton { | |
| margin-right: .25rem; | |
| cursor: pointer; | |
| border-radius: .25rem; | |
| border-width: 1px; | |
| --tw-border-opacity: 1; | |
| border-color: rgb(230 228 226/var(--tw-border-opacity)); | |
| background-image: none; | |
| padding: .125rem .375rem; | |
| font-size: .875rem; | |
| line-height: 1.25rem; | |
| font-weight: 500; | |
| transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s | |
| } | |
| .PlatformBox-tabButton:hover:not([aria-selected]) { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(246 244 242/var(--tw-border-opacity)) | |
| } | |
| .PlatformBox-tabButton[aria-selected] { | |
| cursor: default; | |
| --tw-border-opacity: 1; | |
| border-color: rgb(74 125 221/var(--tw-border-opacity)); | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(74 125 221/var(--tw-bg-opacity)); | |
| --tw-text-opacity: 1; | |
| color: rgb(255 255 255/var(--tw-text-opacity)) | |
| } | |
| .PlatformBox-tabPanel { | |
| min-height: 3rem | |
| } | |
| .PlatformPicker-scroll { | |
| scrollbar-width: none; | |
| -ms-overflow-style: none; | |
| -webkit-overflow-scrolling: auto | |
| } | |
| .PlatformPicker-scroll::-webkit-scrollbar { | |
| display: none | |
| } | |
| .pricing-plan { | |
| margin-bottom: .25rem; | |
| display: flex; | |
| flex-direction: column; | |
| border-radius: .5rem; | |
| border-width: 1px; | |
| --tw-border-opacity: 1; | |
| border-color: rgb(230 228 226/var(--tw-border-opacity)); | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(255 255 255/var(--tw-bg-opacity)); | |
| padding: 2.5rem; | |
| --tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1); | |
| --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); | |
| box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) | |
| } | |
| @media (min-width: 1024px) { | |
| .pricing-plan { | |
| border-width:0; | |
| padding: 0 .5rem; | |
| --tw-shadow: 0 0 transparent; | |
| --tw-shadow-colored: 0 0 transparent; | |
| box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) | |
| } | |
| } | |
| .pricing-table__row { | |
| border-bottom-width: 1px; | |
| --tw-border-opacity: 1; | |
| border-color: rgb(246 244 242/var(--tw-border-opacity)); | |
| padding-top: .5rem; | |
| padding-bottom: .5rem | |
| } | |
| .pricing-table__row [data-tooltip] { | |
| cursor: help | |
| } | |
| .pricing-table__group { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(246 244 242/var(--tw-border-opacity)); | |
| padding-top: 2rem; | |
| padding-bottom: .5rem | |
| } | |
| .toggle-icon { | |
| width: 1em; | |
| height: 1em; | |
| vertical-align: middle | |
| } | |
| .pricing-feature-block summary::-webkit-details-marker,.pricing-feature-block summary::marker { | |
| display: none; | |
| content: "" | |
| } | |
| .pricing-feature-block .show-open,.pricing-feature-block[open] .hide-open { | |
| display: none | |
| } | |
| .pricing-feature-block[open] .show-open { | |
| display: inline-block | |
| } | |
| .checkmark-list li { | |
| position: relative; | |
| padding-top: .25rem; | |
| padding-bottom: .25rem; | |
| padding-left: 1.25rem | |
| } | |
| .checkmark-list li:before { | |
| position: absolute; | |
| left: 0; | |
| display: inline-block; | |
| background-size: contain; | |
| content: ""; | |
| top: .4em; | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.9rem' height='0.9rem' viewBox='0 0 24 24' fill='none' stroke-width='2.5' stroke-linejoin='round' stroke-linecap='round' stroke='%2341a663'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E"); | |
| width: .9rem; | |
| height: .9rem | |
| } | |
| .checkmark-list li span[data-tooltip] { | |
| cursor: help; | |
| --tw-border-opacity: 1; | |
| border-bottom: 1px; | |
| border-color: rgb(230 228 226/var(--tw-border-opacity)); | |
| border-style: dashed | |
| } | |
| .checkmark-list li a { | |
| --tw-border-opacity: 1; | |
| border-bottom: 1px; | |
| border-color: rgb(246 244 242/var(--tw-border-opacity)); | |
| border-style: solid; | |
| transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s | |
| } | |
| .checkmark-list li a:hover { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(230 228 226/var(--tw-border-opacity)) | |
| } | |
| .feature-card-small-container { | |
| position: relative; | |
| z-index: 10; | |
| display: grid; | |
| gap: 1rem | |
| } | |
| @media (min-width: 768px) { | |
| .feature-card-small-container { | |
| grid-template-columns:repeat(2,minmax(0,1fr)); | |
| gap: 1.5rem | |
| } | |
| } | |
| .feature-card { | |
| overflow: hidden; | |
| border-radius: 1rem; | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(255 255 255/var(--tw-bg-opacity)) | |
| } | |
| .feature-card-large { | |
| padding-top: 2rem | |
| } | |
| @media (min-width: 768px) { | |
| .feature-card-large { | |
| padding-top:4rem | |
| } | |
| } | |
| .feature-card-small .feature-card-text-container { | |
| padding: 2rem 1.25rem | |
| } | |
| @media (min-width: 768px) { | |
| .feature-card-small .feature-card-text-container { | |
| padding-top:3rem; | |
| padding-bottom: 3rem | |
| } | |
| } | |
| @media (min-width: 1024px) { | |
| .feature-card-small .feature-card-text-container { | |
| padding-left:2.5rem; | |
| padding-right: 2.5rem | |
| } | |
| } | |
| .feature-card .feature-card-heading { | |
| margin-bottom: .25rem; | |
| font-size: 1.5rem; | |
| line-height: 2rem; | |
| font-weight: 500; | |
| letter-spacing: -.025em; | |
| --tw-text-opacity: 1; | |
| color: rgb(36 36 36/var(--tw-text-opacity)) | |
| } | |
| @media (min-width: 768px) { | |
| .feature-card .feature-card-heading { | |
| margin-bottom:.75rem | |
| } | |
| } | |
| @media (min-width: 1024px) { | |
| .feature-card .feature-card-heading { | |
| font-size:1.875rem; | |
| line-height: 2.25rem | |
| } | |
| } | |
| .feature-card-large .feature-card-heading { | |
| font-size: 1.5rem; | |
| line-height: 2rem | |
| } | |
| @media (min-width: 768px) { | |
| .feature-card-large .feature-card-heading { | |
| font-size:1.875rem; | |
| line-height: 2.25rem | |
| } | |
| } | |
| @media (min-width: 1024px) { | |
| .feature-card-large .feature-card-heading { | |
| font-size:2.25rem; | |
| line-height: 2.5rem | |
| } | |
| } | |
| .feature-card .feature-card-description { | |
| line-height: 1.5rem; | |
| --tw-text-opacity: 1; | |
| color: rgb(71 70 69/var(--tw-text-opacity)) | |
| } | |
| @media (min-width: 1024px) { | |
| .feature-card .feature-card-description { | |
| font-size:1.125rem; | |
| line-height: 1.75rem | |
| } | |
| } | |
| .floating-shape { | |
| position: absolute; | |
| width: 12rem | |
| } | |
| @media (min-width: 768px) { | |
| .floating-shape { | |
| width:16rem | |
| } | |
| } | |
| .floating-shape-right { | |
| top: 0; | |
| right: 0; | |
| margin-right: -4rem | |
| } | |
| @media (min-width: 768px) { | |
| .floating-shape-right { | |
| margin-right:-6rem | |
| } | |
| } | |
| .floating-shape-left { | |
| bottom: 0; | |
| left: 0; | |
| margin-left: -4rem | |
| } | |
| @media (min-width: 768px) { | |
| .floating-shape-left { | |
| margin-left:-6rem | |
| } | |
| } | |
| .network-diagram-slider[data-index="0"] figure[data-index="1"],.network-diagram-slider[data-index="1"] figure[data-index="0"] { | |
| opacity: 0 | |
| } | |
| .network-diagram-slider[data-index="0"] figure[data-index="0"],.network-diagram-slider[data-index="1"] figure[data-index="1"] { | |
| opacity: 1 | |
| } | |
| .network-diagram-slider[data-index="0"] .network-diagram-slider__nav-item[data-index="0"] { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(204 160 0/var(--tw-border-opacity)) | |
| } | |
| .network-diagram-slider[data-index="0"] .network-diagram-slider__nav-item[data-index="0"] h4 { | |
| --tw-text-opacity: 1; | |
| color: rgb(204 160 0/var(--tw-text-opacity)) | |
| } | |
| .network-diagram-slider[data-index="1"] .network-diagram-slider__nav-item[data-index="1"] { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(202 105 64/var(--tw-border-opacity)) | |
| } | |
| .network-diagram-slider[data-index="1"] .network-diagram-slider__nav-item[data-index="1"] h4 { | |
| --tw-text-opacity: 1; | |
| color: rgb(202 105 64/var(--tw-text-opacity)) | |
| } | |
| @media (max-width: 440px) { | |
| .dialog { | |
| width:100% | |
| } | |
| .laptop { | |
| padding-top: 14rem; | |
| padding-bottom: 14rem | |
| } | |
| } | |
| .taskbar { | |
| max-width: 270% | |
| } | |
| .changelog-entry { | |
| scroll-margin-top: 4rem | |
| } | |
| .changelog-filter { | |
| border-radius: 9999px; | |
| padding: .25rem .75rem; | |
| text-align: center; | |
| transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-duration: .15s; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1) | |
| } | |
| @media (min-width: 768px) { | |
| .changelog-filter { | |
| font-size:.875rem; | |
| line-height: 1.25rem | |
| } | |
| } | |
| .changelog-filter:hover { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(246 244 242/var(--tw-bg-opacity)) | |
| } | |
| .changelog-filter:after { | |
| visibility: hidden; | |
| display: block; | |
| height: 0; | |
| font-weight: 500; | |
| content: attr(data-content) | |
| } | |
| .changelog-filter.active { | |
| background-color: rgba(43,123,185,.15); | |
| font-weight: 500; | |
| --tw-text-opacity: 1; | |
| color: rgb(42 64 103/var(--tw-text-opacity)) | |
| } | |
| .pointer-events-none { | |
| pointer-events: none | |
| } | |
| .visible { | |
| visibility: visible | |
| } | |
| .static { | |
| position: static | |
| } | |
| .fixed { | |
| position: fixed | |
| } | |
| .absolute { | |
| position: absolute | |
| } | |
| .relative { | |
| position: relative | |
| } | |
| .sticky { | |
| position: sticky | |
| } | |
| .inset-0 { | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0 | |
| } | |
| .bottom-0 { | |
| bottom: 0 | |
| } | |
| .left-0 { | |
| left: 0 | |
| } | |
| .right-0 { | |
| right: 0 | |
| } | |
| .top-0 { | |
| top: 0 | |
| } | |
| .left-full { | |
| left: 100% | |
| } | |
| .right-full { | |
| right: 100% | |
| } | |
| .left-1\/2 { | |
| left: 50% | |
| } | |
| .-top-0 { | |
| top: 0 | |
| } | |
| .-bottom-0 { | |
| bottom: 0 | |
| } | |
| .-right-4 { | |
| right: -1rem | |
| } | |
| .bottom-1 { | |
| bottom: .25rem | |
| } | |
| .top-8 { | |
| top: 2rem | |
| } | |
| .right-4 { | |
| right: 1rem | |
| } | |
| .top-6 { | |
| top: 1.5rem | |
| } | |
| .left-\[-1em\] { | |
| left: -1em | |
| } | |
| .top-1\/2 { | |
| top: 50% | |
| } | |
| .-top-0\.5 { | |
| top: -.125rem | |
| } | |
| .-bottom-16 { | |
| bottom: -4rem | |
| } | |
| .-top-4 { | |
| top: -1rem | |
| } | |
| .top-0\.5 { | |
| top: .125rem | |
| } | |
| .-top-px { | |
| top: -1px | |
| } | |
| .right-2 { | |
| right: .5rem | |
| } | |
| .right-1 { | |
| right: .25rem | |
| } | |
| .z-10 { | |
| z-index: 10 | |
| } | |
| .z-20 { | |
| z-index: 20 | |
| } | |
| .z-30 { | |
| z-index: 30 | |
| } | |
| .z-40 { | |
| z-index: 40 | |
| } | |
| .z-50 { | |
| z-index: 50 | |
| } | |
| .order-2 { | |
| order: 2 | |
| } | |
| .order-1 { | |
| order: 1 | |
| } | |
| .order-3 { | |
| order: 3 | |
| } | |
| .col-span-10 { | |
| grid-column: span 10/span 10 | |
| } | |
| .col-span-7 { | |
| grid-column: span 7/span 7 | |
| } | |
| .col-span-3 { | |
| grid-column: span 3/span 3 | |
| } | |
| .col-span-1 { | |
| grid-column: span 1/span 1 | |
| } | |
| .col-span-12 { | |
| grid-column: span 12/span 12 | |
| } | |
| .col-span-6 { | |
| grid-column: span 6/span 6 | |
| } | |
| .col-span-2 { | |
| grid-column: span 2/span 2 | |
| } | |
| .col-span-4 { | |
| grid-column: span 4/span 4 | |
| } | |
| .col-start-3 { | |
| grid-column-start: 3 | |
| } | |
| .col-start-4 { | |
| grid-column-start: 4 | |
| } | |
| .col-end-10 { | |
| grid-column-end: 10 | |
| } | |
| .row-start-4 { | |
| grid-row-start: 4 | |
| } | |
| .row-start-2 { | |
| grid-row-start: 2 | |
| } | |
| .m-4 { | |
| margin: 1rem | |
| } | |
| .mx-auto { | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .mx-3 { | |
| margin-left: .75rem; | |
| margin-right: .75rem | |
| } | |
| .my-auto { | |
| margin-top: auto; | |
| margin-bottom: auto | |
| } | |
| .my-8 { | |
| margin-top: 2rem; | |
| margin-bottom: 2rem | |
| } | |
| .mx-2 { | |
| margin-left: .5rem; | |
| margin-right: .5rem | |
| } | |
| .my-6 { | |
| margin-top: 1.5rem; | |
| margin-bottom: 1.5rem | |
| } | |
| .my-10 { | |
| margin-top: 2.5rem; | |
| margin-bottom: 2.5rem | |
| } | |
| .my-3 { | |
| margin-top: .75rem; | |
| margin-bottom: .75rem | |
| } | |
| .mx-1 { | |
| margin-left: .25rem; | |
| margin-right: .25rem | |
| } | |
| .my-4 { | |
| margin-top: 1rem; | |
| margin-bottom: 1rem | |
| } | |
| .-mt-4 { | |
| margin-top: -1rem | |
| } | |
| .mt-4 { | |
| margin-top: 1rem | |
| } | |
| .mb-20 { | |
| margin-bottom: 5rem | |
| } | |
| .mb-4 { | |
| margin-bottom: 1rem | |
| } | |
| .mb-6 { | |
| margin-bottom: 1.5rem | |
| } | |
| .mb-3 { | |
| margin-bottom: .75rem | |
| } | |
| .ml-4 { | |
| margin-left: 1rem | |
| } | |
| .ml-10 { | |
| margin-left: 2.5rem | |
| } | |
| .mb-10 { | |
| margin-bottom: 2.5rem | |
| } | |
| .mb-2 { | |
| margin-bottom: .5rem | |
| } | |
| .mt-2 { | |
| margin-top: .5rem | |
| } | |
| .mr-1 { | |
| margin-right: .25rem | |
| } | |
| .mr-2 { | |
| margin-right: .5rem | |
| } | |
| .mb-12 { | |
| margin-bottom: 3rem | |
| } | |
| .-mb-16 { | |
| margin-bottom: -4rem | |
| } | |
| .mb-5 { | |
| margin-bottom: 1.25rem | |
| } | |
| .mb-1 { | |
| margin-bottom: .25rem | |
| } | |
| .mb-8 { | |
| margin-bottom: 2rem | |
| } | |
| .mr-3 { | |
| margin-right: .75rem | |
| } | |
| .mt-6 { | |
| margin-top: 1.5rem | |
| } | |
| .mt-12 { | |
| margin-top: 3rem | |
| } | |
| .mt-24 { | |
| margin-top: 6rem | |
| } | |
| .mb-24 { | |
| margin-bottom: 6rem | |
| } | |
| .mt-8 { | |
| margin-top: 2rem | |
| } | |
| .-ml-1 { | |
| margin-left: -.25rem | |
| } | |
| .mr-8 { | |
| margin-right: 2rem | |
| } | |
| .-mt-3 { | |
| margin-top: -.75rem | |
| } | |
| .mb-16 { | |
| margin-bottom: 4rem | |
| } | |
| .-ml-16 { | |
| margin-left: -4rem | |
| } | |
| .mt-14 { | |
| margin-top: 3.5rem | |
| } | |
| .-mr-16 { | |
| margin-right: -4rem | |
| } | |
| .mt-auto { | |
| margin-top: auto | |
| } | |
| .ml-auto { | |
| margin-left: auto | |
| } | |
| .mr-auto { | |
| margin-right: auto | |
| } | |
| .mt-20 { | |
| margin-top: 5rem | |
| } | |
| .-mt-28 { | |
| margin-top: -7rem | |
| } | |
| .-mb-12 { | |
| margin-bottom: -3rem | |
| } | |
| .-mt-32 { | |
| margin-top: -8rem | |
| } | |
| .-mb-24 { | |
| margin-bottom: -6rem | |
| } | |
| .-mt-36 { | |
| margin-top: -9rem | |
| } | |
| .-mb-20 { | |
| margin-bottom: -5rem | |
| } | |
| .-mb-32 { | |
| margin-bottom: -8rem | |
| } | |
| .mt-3 { | |
| margin-top: .75rem | |
| } | |
| .-mt-12 { | |
| margin-top: -3rem | |
| } | |
| .-mb-36 { | |
| margin-bottom: -9rem | |
| } | |
| .mr-6 { | |
| margin-right: 1.5rem | |
| } | |
| .\!mt-0 { | |
| margin-top: 0!important | |
| } | |
| .mt-1 { | |
| margin-top: .25rem | |
| } | |
| .mt-5 { | |
| margin-top: 1.25rem | |
| } | |
| .ml-2 { | |
| margin-left: .5rem | |
| } | |
| .\!mt-10 { | |
| margin-top: 2.5rem!important | |
| } | |
| .-ml-2 { | |
| margin-left: -.5rem | |
| } | |
| .mt-0\.5 { | |
| margin-top: .125rem | |
| } | |
| .mt-0 { | |
| margin-top: 0 | |
| } | |
| .ml-px { | |
| margin-left: 1px | |
| } | |
| .mr-5 { | |
| margin-right: 1.25rem | |
| } | |
| .ml-1 { | |
| margin-left: .25rem | |
| } | |
| .-mr-2 { | |
| margin-right: -.5rem | |
| } | |
| .mr-4 { | |
| margin-right: 1rem | |
| } | |
| .mr-10 { | |
| margin-right: 2.5rem | |
| } | |
| .mb-7 { | |
| margin-bottom: 1.75rem | |
| } | |
| .block { | |
| display: block | |
| } | |
| .inline-block { | |
| display: inline-block | |
| } | |
| .inline { | |
| display: inline | |
| } | |
| .flex { | |
| display: flex | |
| } | |
| .inline-flex { | |
| display: inline-flex | |
| } | |
| .table { | |
| display: table | |
| } | |
| .grid { | |
| display: grid | |
| } | |
| .contents { | |
| display: contents | |
| } | |
| .hidden { | |
| display: none | |
| } | |
| .h-auto { | |
| height: auto | |
| } | |
| .h-8 { | |
| height: 2rem | |
| } | |
| .h-5 { | |
| height: 1.25rem | |
| } | |
| .h-10 { | |
| height: 2.5rem | |
| } | |
| .h-4 { | |
| height: 1rem | |
| } | |
| .h-20 { | |
| height: 5rem | |
| } | |
| .h-28 { | |
| height: 7rem | |
| } | |
| .h-12 { | |
| height: 3rem | |
| } | |
| .h-16 { | |
| height: 4rem | |
| } | |
| .h-full { | |
| height: 100% | |
| } | |
| .h-11 { | |
| height: 2.75rem | |
| } | |
| .h-\[0\.9em\] { | |
| height: .9em | |
| } | |
| .h-14 { | |
| height: 3.5rem | |
| } | |
| .h-6 { | |
| height: 1.5rem | |
| } | |
| .h-\[1\.4em\] { | |
| height: 1.4em | |
| } | |
| .h-\[1\.2em\] { | |
| height: 1.2em | |
| } | |
| .h-\[1\.5em\] { | |
| height: 1.5em | |
| } | |
| .h-\[1\.3em\] { | |
| height: 1.3em | |
| } | |
| .h-40 { | |
| height: 10rem | |
| } | |
| .h-32 { | |
| height: 8rem | |
| } | |
| .max-h-full { | |
| max-height: 100% | |
| } | |
| .max-h-8 { | |
| max-height: 2rem | |
| } | |
| .w-28 { | |
| width: 7rem | |
| } | |
| .w-24 { | |
| width: 6rem | |
| } | |
| .w-32 { | |
| width: 8rem | |
| } | |
| .w-full { | |
| width: 100% | |
| } | |
| .w-56 { | |
| width: 14rem | |
| } | |
| .w-3\/4 { | |
| width: 75% | |
| } | |
| .w-8 { | |
| width: 2rem | |
| } | |
| .w-5 { | |
| width: 1.25rem | |
| } | |
| .w-3\/12 { | |
| width: 25% | |
| } | |
| .w-10 { | |
| width: 2.5rem | |
| } | |
| .w-9 { | |
| width: 2.25rem | |
| } | |
| .w-12 { | |
| width: 3rem | |
| } | |
| .w-11\/12 { | |
| width: 91.666667% | |
| } | |
| .w-20 { | |
| width: 5rem | |
| } | |
| .w-48 { | |
| width: 12rem | |
| } | |
| .w-auto { | |
| width: auto | |
| } | |
| .w-max { | |
| width: -webkit-max-content; | |
| width: -moz-max-content; | |
| width: max-content | |
| } | |
| .w-11 { | |
| width: 2.75rem | |
| } | |
| .w-\[0\.9em\] { | |
| width: .9em | |
| } | |
| .w-1\/2 { | |
| width: 50% | |
| } | |
| .w-14 { | |
| width: 3.5rem | |
| } | |
| .w-6 { | |
| width: 1.5rem | |
| } | |
| .w-4 { | |
| width: 1rem | |
| } | |
| .w-\[1\.4em\] { | |
| width: 1.4em | |
| } | |
| .w-\[1\.2em\] { | |
| width: 1.2em | |
| } | |
| .w-\[1\.5em\] { | |
| width: 1.5em | |
| } | |
| .w-\[1\.3em\] { | |
| width: 1.3em | |
| } | |
| .w-16 { | |
| width: 4rem | |
| } | |
| .w-72 { | |
| width: 18rem | |
| } | |
| .w-80 { | |
| width: 20rem | |
| } | |
| .min-w-0 { | |
| min-width: 0 | |
| } | |
| .max-w-lg { | |
| max-width: 32rem | |
| } | |
| .max-w-2xl { | |
| max-width: 42rem | |
| } | |
| .max-w-md { | |
| max-width: 28rem | |
| } | |
| .max-w-xl { | |
| max-width: 36rem | |
| } | |
| .max-w-none { | |
| max-width: none | |
| } | |
| .max-w-3xl { | |
| max-width: 48rem | |
| } | |
| .max-w-xs { | |
| max-width: 20rem | |
| } | |
| .max-w-screen-2xl { | |
| max-width: 1536px | |
| } | |
| .max-w-full { | |
| max-width: 100% | |
| } | |
| .max-w-4xl { | |
| max-width: 56rem | |
| } | |
| .max-w-5xl { | |
| max-width: 64rem | |
| } | |
| .max-w-7xl { | |
| max-width: 80rem | |
| } | |
| .max-w-sm { | |
| max-width: 24rem | |
| } | |
| .max-w-prose { | |
| max-width: 65ch | |
| } | |
| .max-w-\[10rem\] { | |
| max-width: 10rem | |
| } | |
| .max-w-\[18rem\] { | |
| max-width: 18rem | |
| } | |
| .flex-1 { | |
| flex: 1 1 0% | |
| } | |
| .flex-auto { | |
| flex: 1 1 auto | |
| } | |
| .flex-shrink-0,.shrink-0 { | |
| flex-shrink: 0 | |
| } | |
| .flex-grow { | |
| flex-grow: 1 | |
| } | |
| .border-collapse { | |
| border-collapse: collapse | |
| } | |
| .translate-y-1\/2 { | |
| --tw-translate-y: 50% | |
| } | |
| .translate-y-1\/2,.translate-y-full { | |
| -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) | |
| } | |
| .translate-y-full { | |
| --tw-translate-y: 100% | |
| } | |
| .-translate-x-1\/2 { | |
| --tw-translate-x: -50% | |
| } | |
| .-translate-x-1\/2,.-translate-x-5 { | |
| -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) | |
| } | |
| .-translate-x-5 { | |
| --tw-translate-x: -1.25rem | |
| } | |
| .-translate-y-1\/2 { | |
| --tw-translate-y: -50% | |
| } | |
| .-translate-y-1\/2,.-translate-y-full { | |
| -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) | |
| } | |
| .-translate-y-full { | |
| --tw-translate-y: -100% | |
| } | |
| .transform { | |
| -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) | |
| } | |
| .cursor-pointer { | |
| cursor: pointer | |
| } | |
| .select-none { | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none | |
| } | |
| .resize { | |
| resize: both | |
| } | |
| .scroll-m-16 { | |
| scroll-margin: 4rem | |
| } | |
| .list-disc { | |
| list-style-type: disc | |
| } | |
| .appearance-none { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none | |
| } | |
| .grid-cols-2 { | |
| grid-template-columns: repeat(2,minmax(0,1fr)) | |
| } | |
| .grid-cols-10 { | |
| grid-template-columns: repeat(10,minmax(0,1fr)) | |
| } | |
| .grid-cols-3 { | |
| grid-template-columns: repeat(3,minmax(0,1fr)) | |
| } | |
| .grid-cols-12 { | |
| grid-template-columns: repeat(12,minmax(0,1fr)) | |
| } | |
| .flex-row-reverse { | |
| flex-direction: row-reverse | |
| } | |
| .flex-col { | |
| flex-direction: column | |
| } | |
| .flex-wrap { | |
| flex-wrap: wrap | |
| } | |
| .items-start { | |
| align-items: flex-start | |
| } | |
| .items-center { | |
| align-items: center | |
| } | |
| .items-baseline { | |
| align-items: baseline | |
| } | |
| .justify-center { | |
| justify-content: center | |
| } | |
| .justify-between { | |
| justify-content: space-between | |
| } | |
| .gap-4 { | |
| gap: 1rem | |
| } | |
| .gap-6 { | |
| gap: 1.5rem | |
| } | |
| .gap-12 { | |
| gap: 3rem | |
| } | |
| .gap-16 { | |
| gap: 4rem | |
| } | |
| .gap-0 { | |
| gap: 0 | |
| } | |
| .gap-8 { | |
| gap: 2rem | |
| } | |
| .gap-1 { | |
| gap: .25rem | |
| } | |
| .gap-y-8 { | |
| row-gap: 2rem | |
| } | |
| .gap-x-4 { | |
| -webkit-column-gap: 1rem; | |
| -moz-column-gap: 1rem; | |
| column-gap: 1rem | |
| } | |
| .gap-x-16 { | |
| -webkit-column-gap: 4rem; | |
| -moz-column-gap: 4rem; | |
| column-gap: 4rem | |
| } | |
| .gap-y-10 { | |
| row-gap: 2.5rem | |
| } | |
| .gap-x-8 { | |
| -webkit-column-gap: 2rem; | |
| -moz-column-gap: 2rem; | |
| column-gap: 2rem | |
| } | |
| .gap-y-2 { | |
| row-gap: .5rem | |
| } | |
| .gap-x-10 { | |
| -webkit-column-gap: 2.5rem; | |
| -moz-column-gap: 2.5rem; | |
| column-gap: 2.5rem | |
| } | |
| .space-x-6>:not([hidden])~:not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(1.5rem*var(--tw-space-x-reverse)); | |
| margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse))) | |
| } | |
| .space-x-2>:not([hidden])~:not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(0.5rem*var(--tw-space-x-reverse)); | |
| margin-left: calc(0.5rem*(1 - var(--tw-space-x-reverse))) | |
| } | |
| .space-y-8>:not([hidden])~:not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(2rem*(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(2rem*var(--tw-space-y-reverse)) | |
| } | |
| .space-x-4>:not([hidden])~:not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(1rem*var(--tw-space-x-reverse)); | |
| margin-left: calc(1rem*(1 - var(--tw-space-x-reverse))) | |
| } | |
| .space-y-4>:not([hidden])~:not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(1rem*(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(1rem*var(--tw-space-y-reverse)) | |
| } | |
| .space-y-3>:not([hidden])~:not([hidden]) { | |
| --tw-space-y-reverse: 0; | |
| margin-top: calc(0.75rem*(1 - var(--tw-space-y-reverse))); | |
| margin-bottom: calc(0.75rem*var(--tw-space-y-reverse)) | |
| } | |
| .space-x-3>:not([hidden])~:not([hidden]) { | |
| --tw-space-x-reverse: 0; | |
| margin-right: calc(0.75rem*var(--tw-space-x-reverse)); | |
| margin-left: calc(0.75rem*(1 - var(--tw-space-x-reverse))) | |
| } | |
| .divide-y>:not([hidden])~:not([hidden]) { | |
| --tw-divide-y-reverse: 0; | |
| border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse))); | |
| border-bottom-width: calc(1px*var(--tw-divide-y-reverse)) | |
| } | |
| .self-start { | |
| align-self: flex-start | |
| } | |
| .self-center { | |
| align-self: center | |
| } | |
| .overflow-hidden { | |
| overflow: hidden | |
| } | |
| .overflow-scroll { | |
| overflow: scroll | |
| } | |
| .overflow-y-auto { | |
| overflow-y: auto | |
| } | |
| .overflow-x-hidden { | |
| overflow-x: hidden | |
| } | |
| .overflow-y-hidden { | |
| overflow-y: hidden | |
| } | |
| .overflow-x-scroll { | |
| overflow-x: scroll | |
| } | |
| .overflow-y-scroll { | |
| overflow-y: scroll | |
| } | |
| .overscroll-contain { | |
| -ms-scroll-chaining: none; | |
| overscroll-behavior: contain | |
| } | |
| .truncate { | |
| overflow: hidden; | |
| text-overflow: ellipsis | |
| } | |
| .truncate,.whitespace-nowrap { | |
| white-space: nowrap | |
| } | |
| .break-normal { | |
| overflow-wrap: normal; | |
| word-break: normal | |
| } | |
| .rounded-full { | |
| border-radius: 9999px | |
| } | |
| .rounded { | |
| border-radius: .25rem | |
| } | |
| .rounded-lg { | |
| border-radius: .5rem | |
| } | |
| .rounded-xl { | |
| border-radius: .75rem | |
| } | |
| .rounded-md { | |
| border-radius: .375rem | |
| } | |
| .rounded-tr-3xl { | |
| border-top-right-radius: 1.5rem | |
| } | |
| .rounded-tr-2xl { | |
| border-top-right-radius: 1rem | |
| } | |
| .border { | |
| border-width: 1px | |
| } | |
| .border-t-2 { | |
| border-top-width: 2px | |
| } | |
| .border-b { | |
| border-bottom-width: 1px | |
| } | |
| .border-t { | |
| border-top-width: 1px | |
| } | |
| .border-solid { | |
| border-style: solid | |
| } | |
| .border-none { | |
| border-style: none | |
| } | |
| .border-gray-200 { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(230 228 226/var(--tw-border-opacity)) | |
| } | |
| .border-gray-100 { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(246 244 242/var(--tw-border-opacity)) | |
| } | |
| .border-gray-300 { | |
| --tw-border-opacity: 1; | |
| border-color: rgb(214 210 204/var(--tw-border-opacity)) | |
| } | |
| .bg-gray-100 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(246 244 242/var(--tw-bg-opacity)) | |
| } | |
| .bg-gray-200 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(230 228 226/var(--tw-bg-opacity)) | |
| } | |
| .bg-gray-900 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(36 36 36/var(--tw-bg-opacity)) | |
| } | |
| .bg-gray-300 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(214 210 204/var(--tw-bg-opacity)) | |
| } | |
| .bg-white { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(255 255 255/var(--tw-bg-opacity)) | |
| } | |
| .bg-gray-500 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(159 153 149/var(--tw-bg-opacity)) | |
| } | |
| .bg-green-700 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(72 121 97/var(--tw-bg-opacity)) | |
| } | |
| .bg-gray-700 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(71 70 69/var(--tw-bg-opacity)) | |
| } | |
| .bg-blue-100 { | |
| background-color: rgba(220,233,242,.6) | |
| } | |
| .bg-gray-50 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(250 249 248/var(--tw-bg-opacity)) | |
| } | |
| .bg-gray-900\/20 { | |
| background-color: rgb(36 36 36/.2) | |
| } | |
| .bg-blue-50 { | |
| background-color: rgba(228,233,240,.15) | |
| } | |
| .bg-yellow-50 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(248 229 185/var(--tw-bg-opacity)) | |
| } | |
| .bg-blue-200 { | |
| background-color: rgba(43,123,185,.15) | |
| } | |
| .bg-red-400 { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(198 88 53/var(--tw-bg-opacity)) | |
| } | |
| .bg-transparent { | |
| background-color: transparent | |
| } | |
| .bg-opacity-10 { | |
| --tw-bg-opacity: 0.1 | |
| } | |
| .bg-opacity-20 { | |
| --tw-bg-opacity: 0.2 | |
| } | |
| .bg-gradient-to-b { | |
| background-image: linear-gradient(180deg,var(--tw-gradient-stops)) | |
| } | |
| .bg-gradient-to-t { | |
| background-image: linear-gradient(0deg,var(--tw-gradient-stops)) | |
| } | |
| .bg-none { | |
| background-image: none | |
| } | |
| .from-white { | |
| --tw-gradient-from: #fff; | |
| --tw-gradient-to: rgb(255 255 255/0); | |
| --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) | |
| } | |
| .bg-cover { | |
| background-size: cover | |
| } | |
| .bg-center { | |
| background-position: 50% | |
| } | |
| .bg-no-repeat { | |
| background-repeat: no-repeat | |
| } | |
| .fill-gray-300 { | |
| fill: #d6d2cc | |
| } | |
| .stroke-current { | |
| stroke: currentColor | |
| } | |
| .stroke-gray-500 { | |
| stroke: #9f9995 | |
| } | |
| .stroke-blue-500 { | |
| stroke: #4a7ddd | |
| } | |
| .stroke-2 { | |
| stroke-width: 2 | |
| } | |
| .object-contain { | |
| -o-object-fit: contain; | |
| object-fit: contain | |
| } | |
| .object-cover { | |
| -o-object-fit: cover; | |
| object-fit: cover | |
| } | |
| .object-left-top { | |
| -o-object-position: left top; | |
| object-position: left top | |
| } | |
| .object-center { | |
| -o-object-position: center; | |
| object-position: center | |
| } | |
| .p-6 { | |
| padding: 1.5rem | |
| } | |
| .p-5 { | |
| padding: 1.25rem | |
| } | |
| .p-4 { | |
| padding: 1rem | |
| } | |
| .p-12 { | |
| padding: 3rem | |
| } | |
| .p-2 { | |
| padding: .5rem | |
| } | |
| .p-8 { | |
| padding: 2rem | |
| } | |
| .p-1 { | |
| padding: .25rem | |
| } | |
| .py-14 { | |
| padding-top: 3.5rem; | |
| padding-bottom: 3.5rem | |
| } | |
| .py-12 { | |
| padding-top: 3rem; | |
| padding-bottom: 3rem | |
| } | |
| .px-4 { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| .py-3 { | |
| padding-top: .75rem; | |
| padding-bottom: .75rem | |
| } | |
| .px-6 { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem | |
| } | |
| .px-3 { | |
| padding-left: .75rem; | |
| padding-right: .75rem | |
| } | |
| .py-64 { | |
| padding-top: 16rem; | |
| padding-bottom: 16rem | |
| } | |
| .py-20 { | |
| padding-top: 5rem; | |
| padding-bottom: 5rem | |
| } | |
| .py-16 { | |
| padding-top: 4rem; | |
| padding-bottom: 4rem | |
| } | |
| .py-2 { | |
| padding-top: .5rem; | |
| padding-bottom: .5rem | |
| } | |
| .py-1 { | |
| padding-top: .25rem; | |
| padding-bottom: .25rem | |
| } | |
| .py-4 { | |
| padding-top: 1rem; | |
| padding-bottom: 1rem | |
| } | |
| .py-6 { | |
| padding-top: 1.5rem; | |
| padding-bottom: 1.5rem | |
| } | |
| .px-5 { | |
| padding-left: 1.25rem; | |
| padding-right: 1.25rem | |
| } | |
| .py-8 { | |
| padding-top: 2rem; | |
| padding-bottom: 2rem | |
| } | |
| .py-24 { | |
| padding-top: 6rem; | |
| padding-bottom: 6rem | |
| } | |
| .px-8 { | |
| padding-left: 2rem; | |
| padding-right: 2rem | |
| } | |
| .py-10 { | |
| padding-top: 2.5rem; | |
| padding-bottom: 2.5rem | |
| } | |
| .px-2 { | |
| padding-left: .5rem; | |
| padding-right: .5rem | |
| } | |
| .py-0\.5 { | |
| padding-top: .125rem; | |
| padding-bottom: .125rem | |
| } | |
| .px-1 { | |
| padding-left: .25rem; | |
| padding-right: .25rem | |
| } | |
| .py-0 { | |
| padding-top: 0; | |
| padding-bottom: 0 | |
| } | |
| .px-1\.5 { | |
| padding-left: .375rem; | |
| padding-right: .375rem | |
| } | |
| .py-5 { | |
| padding-top: 1.25rem; | |
| padding-bottom: 1.25rem | |
| } | |
| .pt-16 { | |
| padding-top: 4rem | |
| } | |
| .pt-4 { | |
| padding-top: 1rem | |
| } | |
| .pb-12 { | |
| padding-bottom: 3rem | |
| } | |
| .pt-6 { | |
| padding-top: 1.5rem | |
| } | |
| .pb-4 { | |
| padding-bottom: 1rem | |
| } | |
| .pr-6 { | |
| padding-right: 1.5rem | |
| } | |
| .pt-5 { | |
| padding-top: 1.25rem | |
| } | |
| .pr-5 { | |
| padding-right: 1.25rem | |
| } | |
| .pl-4 { | |
| padding-left: 1rem | |
| } | |
| .pl-12 { | |
| padding-left: 3rem | |
| } | |
| .pb-16 { | |
| padding-bottom: 4rem | |
| } | |
| .pt-2 { | |
| padding-top: .5rem | |
| } | |
| .pt-12 { | |
| padding-top: 3rem | |
| } | |
| .pl-0 { | |
| padding-left: 0 | |
| } | |
| .pt-24 { | |
| padding-top: 6rem | |
| } | |
| .pb-6 { | |
| padding-bottom: 1.5rem | |
| } | |
| .pb-20 { | |
| padding-bottom: 5rem | |
| } | |
| .pb-10 { | |
| padding-bottom: 2.5rem | |
| } | |
| .pt-0\.5 { | |
| padding-top: .125rem | |
| } | |
| .pt-0 { | |
| padding-top: 0 | |
| } | |
| .pr-24 { | |
| padding-right: 6rem | |
| } | |
| .pl-24 { | |
| padding-left: 6rem | |
| } | |
| .pt-20 { | |
| padding-top: 5rem | |
| } | |
| .pb-8 { | |
| padding-bottom: 2rem | |
| } | |
| .pt-14 { | |
| padding-top: 3.5rem | |
| } | |
| .pl-6 { | |
| padding-left: 1.5rem | |
| } | |
| .pb-14 { | |
| padding-bottom: 3.5rem | |
| } | |
| .pb-1 { | |
| padding-bottom: .25rem | |
| } | |
| .pb-3 { | |
| padding-bottom: .75rem | |
| } | |
| .pr-3 { | |
| padding-right: .75rem | |
| } | |
| .pb-24 { | |
| padding-bottom: 6rem | |
| } | |
| .pl-2 { | |
| padding-left: .5rem | |
| } | |
| .pl-5 { | |
| padding-left: 1.25rem | |
| } | |
| .pl-8 { | |
| padding-left: 2rem | |
| } | |
| .pl-11 { | |
| padding-left: 2.75rem | |
| } | |
| .pt-8 { | |
| padding-top: 2rem | |
| } | |
| .pl-1 { | |
| padding-left: .25rem | |
| } | |
| .pr-4 { | |
| padding-right: 1rem | |
| } | |
| .pb-5 { | |
| padding-bottom: 1.25rem | |
| } | |
| .pt-3 { | |
| padding-top: .75rem | |
| } | |
| .pb-2 { | |
| padding-bottom: .5rem | |
| } | |
| .text-left { | |
| text-align: left | |
| } | |
| .text-center { | |
| text-align: center | |
| } | |
| .text-right { | |
| text-align: right | |
| } | |
| .align-top { | |
| vertical-align: top | |
| } | |
| .align-middle { | |
| vertical-align: middle | |
| } | |
| .align-text-top { | |
| vertical-align: text-top | |
| } | |
| .text-2xl { | |
| font-size: 1.5rem; | |
| line-height: 2rem | |
| } | |
| .text-lg { | |
| font-size: 1.125rem; | |
| line-height: 1.75rem | |
| } | |
| .text-4xl { | |
| font-size: 2.25rem; | |
| line-height: 2.5rem | |
| } | |
| .text-xs { | |
| font-size: .75rem; | |
| line-height: 1rem | |
| } | |
| .text-sm { | |
| font-size: .875rem; | |
| line-height: 1.25rem | |
| } | |
| .text-xl { | |
| font-size: 1.25rem; | |
| line-height: 1.75rem | |
| } | |
| .text-5xl { | |
| font-size: 3rem; | |
| line-height: 1 | |
| } | |
| .text-base { | |
| font-size: 1rem; | |
| line-height: 1.5rem | |
| } | |
| .text-3xl { | |
| font-size: 1.875rem; | |
| line-height: 2.25rem | |
| } | |
| .\!text-xl { | |
| font-size: 1.25rem!important; | |
| line-height: 1.75rem!important | |
| } | |
| .text-tiny { | |
| font-size: .7rem | |
| } | |
| .\!text-4xl { | |
| font-size: 2.25rem!important; | |
| line-height: 2.5rem!important | |
| } | |
| .font-medium { | |
| font-weight: 500 | |
| } | |
| .font-semibold { | |
| font-weight: 600 | |
| } | |
| .font-normal { | |
| font-weight: 400 | |
| } | |
| .font-bold { | |
| font-weight: 700 | |
| } | |
| .uppercase { | |
| text-transform: uppercase | |
| } | |
| .capitalize { | |
| text-transform: capitalize | |
| } | |
| .not-italic { | |
| font-style: normal | |
| } | |
| .leading-6 { | |
| line-height: 1.5rem | |
| } | |
| .leading-snug { | |
| line-height: 1.375 | |
| } | |
| .leading-tight { | |
| line-height: 1.25 | |
| } | |
| .leading-relaxed { | |
| line-height: 1.625 | |
| } | |
| .leading-none { | |
| line-height: 1 | |
| } | |
| .leading-5 { | |
| line-height: 1.25rem | |
| } | |
| .leading-normal { | |
| line-height: 1.5 | |
| } | |
| .leading-4 { | |
| line-height: 1rem | |
| } | |
| .tracking-tight { | |
| letter-spacing: -.025em | |
| } | |
| .tracking-wide { | |
| letter-spacing: .025em | |
| } | |
| .tracking-tighter { | |
| letter-spacing: -.05em | |
| } | |
| .tracking-\[-0\.03em\] { | |
| letter-spacing: -.03em | |
| } | |
| .tracking-wider { | |
| letter-spacing: .05em | |
| } | |
| .text-gray-900 { | |
| --tw-text-opacity: 1; | |
| color: rgb(36 36 36/var(--tw-text-opacity)) | |
| } | |
| .text-gray-700 { | |
| --tw-text-opacity: 1; | |
| color: rgb(71 70 69/var(--tw-text-opacity)) | |
| } | |
| .text-gray-500 { | |
| --tw-text-opacity: 1; | |
| color: rgb(159 153 149/var(--tw-text-opacity)) | |
| } | |
| .text-gray-600 { | |
| --tw-text-opacity: 1; | |
| color: rgb(102 99 97/var(--tw-text-opacity)) | |
| } | |
| .text-gray-800 { | |
| --tw-text-opacity: 1; | |
| color: rgb(52 52 51/var(--tw-text-opacity)) | |
| } | |
| .text-gray-100 { | |
| --tw-text-opacity: 1; | |
| color: rgb(246 244 242/var(--tw-text-opacity)) | |
| } | |
| .text-white { | |
| --tw-text-opacity: 1; | |
| color: rgb(255 255 255/var(--tw-text-opacity)) | |
| } | |
| .text-gray-400 { | |
| --tw-text-opacity: 1; | |
| color: rgb(182 176 173/var(--tw-text-opacity)) | |
| } | |
| .text-blue-500 { | |
| --tw-text-opacity: 1; | |
| color: rgb(74 125 221/var(--tw-text-opacity)) | |
| } | |
| .text-gray-50 { | |
| --tw-text-opacity: 1; | |
| color: rgb(250 249 248/var(--tw-text-opacity)) | |
| } | |
| .text-blue-800 { | |
| --tw-text-opacity: 1; | |
| color: rgb(42 64 103/var(--tw-text-opacity)) | |
| } | |
| .text-blue-700 { | |
| --tw-text-opacity: 1; | |
| color: rgb(73 100 149/var(--tw-text-opacity)) | |
| } | |
| .text-green-700 { | |
| --tw-text-opacity: 1; | |
| color: rgb(72 121 97/var(--tw-text-opacity)) | |
| } | |
| .text-yellow-700 { | |
| --tw-text-opacity: 1; | |
| color: rgb(204 160 0/var(--tw-text-opacity)) | |
| } | |
| .text-orange-700 { | |
| --tw-text-opacity: 1; | |
| color: rgb(198 88 53/var(--tw-text-opacity)) | |
| } | |
| .text-gray-600\/80 { | |
| color: rgb(102 99 97/.8) | |
| } | |
| .text-gray-300 { | |
| --tw-text-opacity: 1; | |
| color: rgb(214 210 204/var(--tw-text-opacity)) | |
| } | |
| .text-green-500 { | |
| --tw-text-opacity: 1; | |
| color: rgb(65 166 99/var(--tw-text-opacity)) | |
| } | |
| .text-yellow-600 { | |
| --tw-text-opacity: 1; | |
| color: rgb(118 43 11/var(--tw-text-opacity)) | |
| } | |
| .text-red-400 { | |
| --tw-text-opacity: 1; | |
| color: rgb(198 88 53/var(--tw-text-opacity)) | |
| } | |
| .underline { | |
| -webkit-text-decoration-line: underline; | |
| text-decoration-line: underline | |
| } | |
| .opacity-80 { | |
| opacity: .8 | |
| } | |
| .opacity-90 { | |
| opacity: .9 | |
| } | |
| .opacity-60 { | |
| opacity: .6 | |
| } | |
| .opacity-0 { | |
| opacity: 0 | |
| } | |
| .shadow-md { | |
| --tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1); | |
| --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color) | |
| } | |
| .shadow-md,.shadow-xl { | |
| box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) | |
| } | |
| .shadow-xl { | |
| --tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1); | |
| --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color) | |
| } | |
| .shadow { | |
| --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1); | |
| --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color) | |
| } | |
| .shadow,.shadow-lg { | |
| box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) | |
| } | |
| .shadow-lg { | |
| --tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1); | |
| --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color) | |
| } | |
| .shadow-2xl { | |
| --tw-shadow: 0 25px 50px -12px rgb(0 0 0/0.25); | |
| --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); | |
| box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) | |
| } | |
| .outline-none { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px | |
| } | |
| .grayscale { | |
| --tw-grayscale: grayscale(100%) | |
| } | |
| .filter,.grayscale { | |
| -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); | |
| filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) | |
| } | |
| .transition-opacity { | |
| transition-property: opacity; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s | |
| } | |
| .transition-colors { | |
| transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s | |
| } | |
| .transition { | |
| transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s | |
| } | |
| .transition-shadow { | |
| transition-property: box-shadow; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s | |
| } | |
| .transition-all { | |
| transition-property: all; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s | |
| } | |
| .transition-transform { | |
| transition-property: -webkit-transform; | |
| transition-property: transform; | |
| transition-property: transform, -webkit-transform; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s | |
| } | |
| .duration-300 { | |
| transition-duration: .3s | |
| } | |
| .duration-150 { | |
| transition-duration: .15s | |
| } | |
| .duration-200 { | |
| transition-duration: .2s | |
| } | |
| .\!duration-0 { | |
| transition-duration: 1ms!important | |
| } | |
| .ease-in-out { | |
| transition-timing-function: cubic-bezier(.4,0,.2,1) | |
| } | |
| .line-clamp-6 { | |
| overflow: hidden; | |
| display: -webkit-box; | |
| -webkit-box-orient: vertical; | |
| -webkit-line-clamp: 6 | |
| } | |
| .image-pixelated { | |
| -ms-interpolation-mode: nearest-neighbor; | |
| image-rendering: -webkit-optimize-contrast; | |
| image-rendering: -moz-crisp-edges; | |
| image-rendering: pixelated | |
| } | |
| .fill-none { | |
| fill: none | |
| } | |
| .stroke-round { | |
| stroke-linecap: round; | |
| stroke-linejoin: round | |
| } | |
| .stretched-link:before { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| height: 100%; | |
| width: 100%; | |
| content: "" | |
| } | |
| .ff-numeric-alt { | |
| -webkit-font-feature-settings: "ss01","cv01"; | |
| font-feature-settings: "ss01","cv01" | |
| } | |
| .f-title { | |
| font-size: 1.875rem; | |
| line-height: 2.25rem; | |
| font-weight: 500; | |
| line-height: 1.25; | |
| letter-spacing: -.05em; | |
| --tw-text-opacity: 1; | |
| color: rgb(36 36 36/var(--tw-text-opacity)) | |
| } | |
| @media (min-width: 768px) { | |
| .f-title { | |
| font-size:2.25rem; | |
| line-height: 2.5rem | |
| } | |
| } | |
| .f-articleTitle { | |
| font-size: 1.875rem; | |
| line-height: 2.25rem; | |
| font-weight: 500; | |
| line-height: 1.25; | |
| letter-spacing: -.025em | |
| } | |
| @media (min-width: 640px) { | |
| .f-articleTitle { | |
| font-size:2.25rem; | |
| line-height: 2.5rem | |
| } | |
| } | |
| .f-subheader { | |
| font-size: 1.25rem; | |
| line-height: 1.75rem; | |
| font-weight: 500; | |
| line-height: 1.25; | |
| letter-spacing: -.025em | |
| } | |
| @media (min-width: 768px) { | |
| .f-subheader { | |
| font-size:1.875rem; | |
| line-height: 2.25rem | |
| } | |
| } | |
| .container { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 100%; | |
| max-width: 72rem; | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| @media (min-width: 640px) { | |
| .container { | |
| padding-left:1.5rem; | |
| padding-right: 1.5rem | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .container { | |
| padding-left:1.75rem; | |
| padding-right: 1.75rem | |
| } | |
| } | |
| .container-wide { | |
| margin-left: auto; | |
| margin-right: auto; | |
| max-width: 80rem; | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem | |
| } | |
| .container-docs { | |
| margin-left: auto; | |
| margin-right: auto; | |
| max-width: 95rem; | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| @media (min-width: 768px) { | |
| .container-docs { | |
| padding-left:1.5rem; | |
| padding-right: 1.5rem | |
| } | |
| } | |
| .container-blog { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 91.666667%; | |
| max-width: 42rem | |
| } | |
| .hide-search-ui::-webkit-search-cancel-button,.hide-search-ui::-webkit-search-decoration,.hide-search-ui::-webkit-search-results-button,.hide-search-ui::-webkit-search-results-decoration { | |
| display: none; | |
| -webkit-appearance: none | |
| } | |
| .Markdown { | |
| line-height: 1.5; | |
| --tw-text-opacity: 1; | |
| color: rgb(71 70 69/var(--tw-text-opacity)); | |
| letter-spacing: -.005em | |
| } | |
| .Markdown h1,.Markdown h2,.Markdown h3,.Markdown h4,.Markdown h5,.Markdown h6 { | |
| font-weight: 500; | |
| --tw-text-opacity: 1; | |
| color: rgb(52 52 51/var(--tw-text-opacity)); | |
| scroll-margin-top: 4rem | |
| } | |
| .Markdown h1:not(:first-child),.Markdown h2:not(:first-child),.Markdown h3:not(:first-child),.Markdown h4:not(:first-child),.Markdown h5:not(:first-child),.Markdown h6:not(:first-child) { | |
| margin-top: 2rem | |
| } | |
| .Markdown h1,.Markdown h2 { | |
| font-size: 1.875rem; | |
| line-height: 2.25rem; | |
| line-height: 1.25; | |
| letter-spacing: -.035em | |
| } | |
| .Markdown h3 { | |
| font-size: 1.5rem; | |
| line-height: 2rem; | |
| line-height: 1.25; | |
| letter-spacing: -.01em | |
| } | |
| .Markdown h4 { | |
| font-size: 1.25rem; | |
| line-height: 1.75rem; | |
| line-height: 1.25 | |
| } | |
| .Markdown h5 { | |
| font-size: 1rem; | |
| line-height: 1.5rem | |
| } | |
| .Markdown a:not(.header-link) { | |
| --tw-text-opacity: 1; | |
| color: rgb(74 125 221/var(--tw-text-opacity)); | |
| transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; | |
| transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s | |
| } | |
| .Markdown a:not(.header-link):hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(73 100 149/var(--tw-text-opacity)) | |
| } | |
| .Markdown .note,.Markdown .toc,.Markdown .tweet,.Markdown ol,.Markdown p,.Markdown table,.Markdown ul { | |
| margin-top: 1rem | |
| } | |
| .Markdown>:first-child { | |
| margin-top: 0 | |
| } | |
| .Markdown strong { | |
| font-weight: 600 | |
| } | |
| .Markdown li { | |
| margin-top: .375rem | |
| } | |
| .Markdown>ol>li:first-child,.Markdown>ul>li:first-child { | |
| margin-top: 0 | |
| } | |
| .Markdown ul>li { | |
| position: relative; | |
| padding-left: 1.25rem | |
| } | |
| .Markdown ul>li p { | |
| margin-top: .75rem | |
| } | |
| .Markdown ul>li:before { | |
| position: absolute; | |
| top: .625rem; | |
| left: .125rem; | |
| height: .375rem; | |
| width: .375rem; | |
| border-radius: 9999px; | |
| background-color: currentColor; | |
| opacity: .4; | |
| content: "" | |
| } | |
| .Markdown ol { | |
| counter-reset: listitem | |
| } | |
| .Markdown ol>li { | |
| position: relative; | |
| padding-left: 1.75rem | |
| } | |
| .Markdown ol>li:before { | |
| position: absolute; | |
| left: 0; | |
| top: .125rem; | |
| box-sizing: content-box; | |
| height: .75rem; | |
| width: 1.25rem; | |
| border-radius: 9999px; | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(230 228 226/var(--tw-bg-opacity)); | |
| padding: .25rem 0; | |
| text-align: center; | |
| font-size: .75rem; | |
| line-height: 1rem; | |
| font-weight: 500; | |
| line-height: 1; | |
| --tw-text-opacity: 1; | |
| color: rgb(71 70 69/var(--tw-text-opacity)); | |
| counter-increment: listitem; | |
| content: counter(listitem) | |
| } | |
| .Markdown #TableOfContents ul { | |
| margin-top: 0 | |
| } | |
| .Markdown hr { | |
| margin-top: 2rem; | |
| margin-bottom: 2rem | |
| } | |
| .Markdown blockquote:not(.tweet):not(.customer-quote) { | |
| margin-top: 1rem; | |
| margin-bottom: 1rem; | |
| border-left-width: 2px; | |
| --tw-border-opacity: 1; | |
| border-color: rgb(230 228 226/var(--tw-border-opacity)); | |
| padding-left: .75rem; | |
| --tw-text-opacity: 1; | |
| color: rgb(52 52 51/var(--tw-text-opacity)) | |
| } | |
| .Markdown cite:not(.customer-quote) { | |
| margin-top: .25rem; | |
| display: block; | |
| --tw-text-opacity: 1; | |
| color: rgb(102 99 97/var(--tw-text-opacity)) | |
| } | |
| .Markdown cite:not(.customer-quote):before { | |
| margin-right: .25rem; | |
| content: "—" | |
| } | |
| .Markdown cite.customer-quote { | |
| font-style: normal | |
| } | |
| .Markdown code,.Markdown pre { | |
| font-family: SF Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; | |
| font-size: 1.05rem | |
| } | |
| .Markdown code { | |
| font-size: .825em | |
| } | |
| .Markdown pre { | |
| margin-top: 1rem; | |
| overflow-wrap: normal; | |
| word-break: normal; | |
| border-radius: .375rem; | |
| --tw-border-opacity: 1; | |
| border: 1px solid rgb(230 228 226/var(--tw-border-opacity)); | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(246 244 242/var(--tw-bg-opacity)); | |
| line-height: 1.5; | |
| word-spacing: normal; | |
| -moz-tab-size: 2; | |
| -o-tab-size: 2; | |
| tab-size: 2 | |
| } | |
| .Markdown pre code { | |
| display: block; | |
| overflow-x: auto; | |
| padding: .75rem 1rem | |
| } | |
| .Markdown .note>code,.Markdown a>code,.Markdown dd>code,.Markdown dt>code,.Markdown h1>code,.Markdown h2>code,.Markdown h3>code,.Markdown h4>code,.Markdown h5>code,.Markdown h6>code,.Markdown li>code,.Markdown p>code { | |
| display: inline-block; | |
| border-radius: .375rem; | |
| --tw-border-opacity: 1; | |
| border: 1px solid rgb(230 228 226/var(--tw-border-opacity)); | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(246 244 242/var(--tw-bg-opacity)); | |
| padding: .125rem .25rem | |
| } | |
| .Markdown figure:not(.customer-quote) { | |
| margin-top: 1.5rem; | |
| margin-bottom: 1.5rem | |
| } | |
| .Markdown figure img,.Markdown figure svg,.Markdown figure video { | |
| display: inline-block; | |
| border-radius: .375rem | |
| } | |
| .Markdown figure.bordered img { | |
| --tw-border-opacity: 1; | |
| border: 1px solid rgb(246 244 242/var(--tw-border-opacity)) | |
| } | |
| .Markdown figcaption { | |
| margin-left: auto; | |
| margin-right: auto; | |
| margin-top: .5rem; | |
| width: 75%; | |
| text-align: center | |
| } | |
| .Markdown aside,.Markdown figcaption { | |
| font-size: .875rem; | |
| line-height: 1.25rem; | |
| --tw-text-opacity: 1; | |
| color: rgb(102 99 97/var(--tw-text-opacity)) | |
| } | |
| .Markdown aside { | |
| margin-bottom: 2rem; | |
| line-height: 1.5 | |
| } | |
| .Markdown table { | |
| border-collapse: separate; | |
| border-radius: .375rem; | |
| border-top-width: 1px; | |
| --tw-border-opacity: 1; | |
| border: 1px solid rgb(246 244 242/var(--tw-border-opacity)); | |
| border-top: 0 solid rgb(246 244 242/var(--tw-border-opacity)); | |
| border-spacing: 0 | |
| } | |
| .Markdown table td,.Markdown table th { | |
| --tw-border-opacity: 1; | |
| border: solid rgb(246 244 242/var(--tw-border-opacity)); | |
| border-width: 1px 0 0; | |
| padding: .5rem .625rem | |
| } | |
| .Markdown table th { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(250 249 248/var(--tw-bg-opacity)); | |
| text-align: left; | |
| font-size: .875rem; | |
| line-height: 1.25rem; | |
| font-weight: 400 | |
| } | |
| .Markdown table thead th { | |
| border-bottom-width: 0 | |
| } | |
| .Markdown .note { | |
| position: relative; | |
| border-radius: .25rem; | |
| --tw-border-opacity: 1; | |
| border: 1px solid rgb(246 244 242/var(--tw-border-opacity)); | |
| padding: .75rem .75rem .5rem 2.25rem; | |
| font-size: 1rem; | |
| line-height: 1.5rem; | |
| line-height: 1.5; | |
| letter-spacing: -.025em | |
| } | |
| @media (min-width: 768px) { | |
| .Markdown .note { | |
| font-size:.875rem; | |
| line-height: 1.25rem | |
| } | |
| } | |
| .Markdown .note:before { | |
| position: absolute; | |
| top: .875rem; | |
| left: .75rem; | |
| display: inline-block; | |
| height: 1rem; | |
| width: 1rem; | |
| background-size: contain; | |
| content: ""; | |
| background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23454545' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E") | |
| } | |
| .Markdown .note h1,.Markdown .note h2,.Markdown .note h3,.Markdown .note h4,.Markdown .note h5,.Markdown .note h6 { | |
| margin-bottom: .375rem; | |
| font-size: 1rem; | |
| line-height: 1.5rem; | |
| font-weight: 500 | |
| } | |
| .Markdown .note p { | |
| margin-top: 0 | |
| } | |
| .Markdown .note p+p { | |
| margin-top: 1rem | |
| } | |
| .Markdown .fa-icon { | |
| margin-left: .125rem; | |
| margin-right: .125rem; | |
| display: inline-flex; | |
| height: 1.5rem; | |
| width: 1.5rem; | |
| align-items: center; | |
| justify-content: center; | |
| border-radius: 9999px; | |
| background-color: currentColor; | |
| padding: .375rem; | |
| text-align: center; | |
| --tw-text-opacity: 1; | |
| color: rgb(182 176 173/var(--tw-text-opacity)) | |
| } | |
| .Markdown .ArticlePreview { | |
| padding-top: .75rem; | |
| padding-bottom: .75rem | |
| } | |
| .Markdown .ArticlePreview p { | |
| margin-top: .25rem | |
| } | |
| .Markdown--legal ol li:before { | |
| all: unset | |
| } | |
| .Markdown--legal ol { | |
| padding: .125rem | |
| } | |
| .Markdown--legal ol>li { | |
| list-style-type: decimal; | |
| padding-left: .125rem; | |
| font-size: 1rem; | |
| line-height: 1.5rem | |
| } | |
| .Markdown--legal>ol>li { | |
| padding-top: 1rem; | |
| font-weight: 600; | |
| --tw-text-opacity: 1; | |
| color: rgb(36 36 36/var(--tw-text-opacity)) | |
| } | |
| .Markdown--legal ol>li:first-child,.Markdown--legal ol>li>p+p { | |
| margin-top: 1rem | |
| } | |
| .Markdown--legal>ol>li>p:first-child { | |
| font-weight: 600; | |
| --tw-text-opacity: 1; | |
| color: rgb(36 36 36/var(--tw-text-opacity)) | |
| } | |
| .Markdown--legal>ol>li>ol,.Markdown--legal>ol>li>p { | |
| font-size: 1rem; | |
| line-height: 1.5rem; | |
| font-weight: 400; | |
| --tw-text-opacity: 1; | |
| color: rgb(71 70 69/var(--tw-text-opacity)) | |
| } | |
| .Markdown--legal>ol>li li { | |
| list-style: lower-alpha | |
| } | |
| .Markdown--legal>ol>li li li { | |
| list-style: lower-roman | |
| } | |
| .Markdown--legal>ol>li li li li { | |
| list-style: upper-alpha | |
| } | |
| .Markdown .image-center,.Markdown .image-wide { | |
| text-align: center | |
| } | |
| .PostPreview .Markdown .image-center,.PostPreview .Markdown .image-wide { | |
| text-align: left | |
| } | |
| .BlogMarkdown>* { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 91.666667%; | |
| max-width: 42rem | |
| } | |
| @media (min-width: 768px) { | |
| .BlogMarkdown h4+table,.BlogMarkdown table { | |
| margin-top:2rem | |
| } | |
| .BlogMarkdown table+figcaption { | |
| margin-top: 1rem | |
| } | |
| .BlogMarkdown table+figcaption+p,.BlogMarkdown table+p { | |
| margin-top: 2rem | |
| } | |
| .BlogMarkdown table.wide { | |
| max-width: 56rem | |
| } | |
| .BlogMarkdown .image-center,.BlogMarkdown .image-wide { | |
| margin-top: 3rem; | |
| margin-bottom: 3rem; | |
| max-width: 48rem | |
| } | |
| .BlogMarkdown .image-center>figcaption,.BlogMarkdown .image-wide>figcaption { | |
| margin-left: 4rem; | |
| margin-right: 4rem | |
| } | |
| } | |
| .Markdown--changelog h1:not(:first-child),.Markdown--changelog h2:not(:first-child),.Markdown--changelog h3:not(:first-child),.Markdown--changelog h4:not(:first-child),.Markdown--changelog h5:not(:first-child),.Markdown--changelog h6:not(:first-child) { | |
| margin-top: 1rem | |
| } | |
| .Markdown--changelog h4 { | |
| font-size: 1.125rem; | |
| line-height: 1.75rem | |
| } | |
| .Markdown--changelog h6:not(:first-child) { | |
| position: relative; | |
| margin-top: 1.5rem; | |
| margin-bottom: .5rem; | |
| font-size: .75rem; | |
| line-height: 1rem; | |
| text-transform: uppercase; | |
| letter-spacing: .05em; | |
| --tw-text-opacity: 1; | |
| color: rgb(102 99 97/var(--tw-text-opacity)) | |
| } | |
| .Markdown--changelog ul { | |
| margin-top: 0 | |
| } | |
| .Markdown--changelog ul>li { | |
| margin-top: .25rem; | |
| padding-left: 0 | |
| } | |
| .Markdown--changelog ul>li:before { | |
| background-color: transparent; | |
| content: none | |
| } | |
| .Markdown--changelog li[data-change] { | |
| padding-left: 4rem | |
| } | |
| @media (min-width: 768px) { | |
| .Markdown--changelog li[data-change] { | |
| padding-left:0 | |
| } | |
| } | |
| .Markdown--changelog li[data-change]:before { | |
| position: absolute; | |
| left: 0; | |
| top: .25rem; | |
| height: auto; | |
| width: 4rem; | |
| font-size: .75rem; | |
| line-height: 1rem; | |
| font-weight: 500; | |
| opacity: 1 | |
| } | |
| @media (min-width: 768px) { | |
| .Markdown--changelog li[data-change]:before { | |
| left:-4rem; | |
| width: 3rem; | |
| text-align: right | |
| } | |
| } | |
| .Markdown--changelog li[data-change=new]:before { | |
| --tw-text-opacity: 1; | |
| color: rgb(65 166 99/var(--tw-text-opacity)); | |
| content: "New" | |
| } | |
| .Markdown--changelog ul>li[data-change=changed]:before { | |
| --tw-text-opacity: 1; | |
| color: rgb(159 153 149/var(--tw-text-opacity)); | |
| content: "Changed" | |
| } | |
| .Markdown--changelog ul>li[data-change=fixed]:before { | |
| --tw-text-opacity: 1; | |
| color: rgb(159 153 149/var(--tw-text-opacity)); | |
| content: "Fixed" | |
| } | |
| .chroma .lntd { | |
| vertical-align: top; | |
| padding: 0; | |
| margin: 0; | |
| border: 0 | |
| } | |
| .chroma .lntable { | |
| border-spacing: 0; | |
| padding: 0; | |
| margin: 0; | |
| border: 0; | |
| width: auto; | |
| overflow: auto; | |
| display: block | |
| } | |
| .chroma .hl { | |
| display: block; | |
| width: 100%; | |
| background-color: #ffc | |
| } | |
| .chroma .ln,.chroma .lnt { | |
| margin-right: .4em; | |
| padding: 0 .4em; | |
| color: #7f7f7f | |
| } | |
| .chroma .k { | |
| color: #07a | |
| } | |
| .chroma .kc { | |
| color: #905 | |
| } | |
| .chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr { | |
| color: #07a | |
| } | |
| .chroma .kt { | |
| color: #690 | |
| } | |
| .chroma .na { | |
| color: #388038 | |
| } | |
| .chroma .nb { | |
| color: #dd4a68 | |
| } | |
| .chroma .nc { | |
| color: #287088 | |
| } | |
| .chroma .no { | |
| color: #b85820 | |
| } | |
| .chroma .nd { | |
| color: #287088 | |
| } | |
| .chroma .ni { | |
| color: #709030 | |
| } | |
| .chroma .ne { | |
| color: #908828 | |
| } | |
| .chroma .fm,.chroma .nf { | |
| color: #dd4a68 | |
| } | |
| .chroma .nl,.chroma .nn { | |
| color: #289870 | |
| } | |
| .chroma .nt { | |
| color: #07a | |
| } | |
| .chroma .nv { | |
| color: #b04040 | |
| } | |
| .chroma .vg { | |
| color: #908828 | |
| } | |
| .chroma .vm { | |
| color: #b85820 | |
| } | |
| .chroma .s { | |
| color: #b83838 | |
| } | |
| .chroma .sa { | |
| color: #444 | |
| } | |
| .chroma .sb { | |
| color: #b83838 | |
| } | |
| .chroma .sc { | |
| color: #a848a8 | |
| } | |
| .chroma .dl,.chroma .sd { | |
| color: #b85820 | |
| } | |
| .chroma .sd { | |
| font-style: italic | |
| } | |
| .chroma .s2 { | |
| color: #b83838 | |
| } | |
| .chroma .se { | |
| color: #709030 | |
| } | |
| .chroma .sh,.chroma .si { | |
| color: #b83838 | |
| } | |
| .chroma .si { | |
| text-decoration: underline | |
| } | |
| .chroma .sr,.chroma .sx { | |
| color: #a848a8 | |
| } | |
| .chroma .s1,.chroma .ss { | |
| color: #b83838 | |
| } | |
| .chroma .il,.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo { | |
| color: #905 | |
| } | |
| .chroma .o { | |
| color: #666 | |
| } | |
| .chroma .ow { | |
| color: #a848a8 | |
| } | |
| .chroma .p { | |
| color: #999 | |
| } | |
| .chroma .c,.chroma .c1,.chroma .ch,.chroma .cm,.chroma .cs,.chroma .err { | |
| color: #6a6a6a | |
| } | |
| .chroma .cp,.chroma .cpf { | |
| color: #289870 | |
| } | |
| .chroma .gd { | |
| color: #c02828 | |
| } | |
| .chroma .ge { | |
| font-style: italic | |
| } | |
| .chroma .gr { | |
| color: #c02828 | |
| } | |
| .chroma .gh { | |
| color: #666 | |
| } | |
| .chroma .gi { | |
| color: #388038 | |
| } | |
| .chroma .go { | |
| color: #666 | |
| } | |
| .chroma .gp { | |
| color: #444 | |
| } | |
| .chroma .gs { | |
| font-weight: 700 | |
| } | |
| .chroma .gu { | |
| color: #444 | |
| } | |
| .chroma .gt { | |
| color: #07a | |
| } | |
| .chroma .gl { | |
| text-decoration: underline | |
| } | |
| .chroma .w { | |
| color: #a89028 | |
| } | |
| .last\:mb-0:last-child { | |
| margin-bottom: 0 | |
| } | |
| .last\:border-b-0:last-child { | |
| border-bottom-width: 0 | |
| } | |
| .last\:pb-0:last-child { | |
| padding-bottom: 0 | |
| } | |
| .hover\:bg-gray-50:hover { | |
| --tw-bg-opacity: 1; | |
| background-color: rgb(250 249 248/var(--tw-bg-opacity)) | |
| } | |
| .hover\:bg-blue-200:hover { | |
| background-color: rgba(43,123,185,.15) | |
| } | |
| .hover\:bg-blue-100:hover { | |
| background-color: rgba(220,233,242,.6) | |
| } | |
| .hover\:fill-\[\#1B9DF0\]:hover { | |
| fill: #1b9df0 | |
| } | |
| .hover\:fill-\[\#0077b5\]:hover { | |
| fill: #0077b5 | |
| } | |
| .hover\:fill-\[\#FF4500\]:hover { | |
| fill: #ff4500 | |
| } | |
| .hover\:text-gray-800:hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(52 52 51/var(--tw-text-opacity)) | |
| } | |
| .hover\:text-blue-700:hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(73 100 149/var(--tw-text-opacity)) | |
| } | |
| .hover\:text-blue-600:hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(77 120 200/var(--tw-text-opacity)) | |
| } | |
| .hover\:text-gray-900:hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(36 36 36/var(--tw-text-opacity)) | |
| } | |
| .hover\:text-gray-700:hover { | |
| --tw-text-opacity: 1; | |
| color: rgb(71 70 69/var(--tw-text-opacity)) | |
| } | |
| .hover\:opacity-80:hover { | |
| opacity: .8 | |
| } | |
| .hover\:shadow-lg:hover { | |
| --tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1); | |
| --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); | |
| box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) | |
| } | |
| .focus\:bg-blue-50:focus { | |
| background-color: rgba(228,233,240,.15) | |
| } | |
| .focus\:bg-blue-100:focus { | |
| background-color: rgba(220,233,242,.6) | |
| } | |
| .focus\:outline-none:focus { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px | |
| } | |
| .active\:bg-blue-50:active { | |
| background-color: rgba(228,233,240,.15) | |
| } | |
| .active\:bg-blue-100:active { | |
| background-color: rgba(220,233,242,.6) | |
| } | |
| .active\:outline-none:active { | |
| outline: 2px solid transparent; | |
| outline-offset: 2px | |
| } | |
| .group:hover .group-hover\:translate-x-0\.5 { | |
| --tw-translate-x: 0.125rem | |
| } | |
| .group:hover .group-hover\:translate-x-0,.group:hover .group-hover\:translate-x-0\.5 { | |
| -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) | |
| } | |
| .group:hover .group-hover\:translate-x-0 { | |
| --tw-translate-x: 0px | |
| } | |
| .group:hover .group-hover\:stroke-blue-700 { | |
| stroke: #496495 | |
| } | |
| .group:hover .group-hover\:text-gray-700 { | |
| --tw-text-opacity: 1; | |
| color: rgb(71 70 69/var(--tw-text-opacity)) | |
| } | |
| .group:hover .group-hover\:opacity-100 { | |
| opacity: 1 | |
| } | |
| .group:hover .group-hover\:filter-none { | |
| -webkit-filter: none; | |
| filter: none | |
| } | |
| .state-open\:pointer-events-auto[data-state=open] { | |
| pointer-events: auto | |
| } | |
| .state-open\:translate-x-0[data-state=open] { | |
| --tw-translate-x: 0px; | |
| -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) | |
| } | |
| .state-open\:opacity-100[data-state=open] { | |
| opacity: 1 | |
| } | |
| .copy-toggle\:block[data-copy-toggle=true] { | |
| display: block | |
| } | |
| .copy-toggle\:hidden[data-copy-toggle=true] { | |
| display: none | |
| } | |
| .copy-toggle\:text-gray-900[data-copy-toggle=true] { | |
| --tw-text-opacity: 1; | |
| color: rgb(36 36 36/var(--tw-text-opacity)) | |
| } | |
| [data-copy-toggle=true] .copy-toggle\:block { | |
| display: block | |
| } | |
| [data-copy-toggle=true] .copy-toggle\:hidden { | |
| display: none | |
| } | |
| [data-copy-toggle=true] .copy-toggle\:text-gray-900 { | |
| --tw-text-opacity: 1; | |
| color: rgb(36 36 36/var(--tw-text-opacity)) | |
| } | |
| @media (prefers-reduced-motion:no-preference) { | |
| .motion-safe\:transition-all { | |
| transition-property: all; | |
| transition-timing-function: cubic-bezier(.4,0,.2,1); | |
| transition-duration: .15s | |
| } | |
| .motion-safe\:duration-200 { | |
| transition-duration: .2s | |
| } | |
| } | |
| @media (min-width: 640px) { | |
| .sm\:-top-3 { | |
| top:-.75rem | |
| } | |
| .sm\:col-span-8 { | |
| grid-column: span 8/span 8 | |
| } | |
| .sm\:col-start-2 { | |
| grid-column-start: 2 | |
| } | |
| .sm\:mb-8 { | |
| margin-bottom: 2rem | |
| } | |
| .sm\:mb-10 { | |
| margin-bottom: 2.5rem | |
| } | |
| .sm\:-mb-32 { | |
| margin-bottom: -8rem | |
| } | |
| .sm\:ml-auto { | |
| margin-left: auto | |
| } | |
| .sm\:mb-12 { | |
| margin-bottom: 3rem | |
| } | |
| .sm\:block { | |
| display: block | |
| } | |
| .sm\:hidden { | |
| display: none | |
| } | |
| .sm\:h-12 { | |
| height: 3rem | |
| } | |
| .sm\:w-2\/3 { | |
| width: 66.666667% | |
| } | |
| .sm\:w-24 { | |
| width: 6rem | |
| } | |
| .sm\:w-16 { | |
| width: 4rem | |
| } | |
| .sm\:w-12 { | |
| width: 3rem | |
| } | |
| .sm\:max-w-2xl { | |
| max-width: 42rem | |
| } | |
| .sm\:columns-2 { | |
| -webkit-column-count: 2; | |
| -moz-column-count: 2; | |
| column-count: 2 | |
| } | |
| .sm\:grid-cols-2 { | |
| grid-template-columns: repeat(2,minmax(0,1fr)) | |
| } | |
| .sm\:flex-row { | |
| flex-direction: row | |
| } | |
| .sm\:gap-6 { | |
| gap: 1.5rem | |
| } | |
| .sm\:rounded-lg { | |
| border-radius: .5rem | |
| } | |
| .sm\:py-20 { | |
| padding-top: 5rem; | |
| padding-bottom: 5rem | |
| } | |
| .sm\:px-6 { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem | |
| } | |
| .sm\:pb-20 { | |
| padding-bottom: 5rem | |
| } | |
| .sm\:pt-12 { | |
| padding-top: 3rem | |
| } | |
| .sm\:text-lg { | |
| font-size: 1.125rem; | |
| line-height: 1.75rem | |
| } | |
| .sm\:text-3xl { | |
| font-size: 1.875rem; | |
| line-height: 2.25rem | |
| } | |
| .sm\:text-xl { | |
| font-size: 1.25rem; | |
| line-height: 1.75rem | |
| } | |
| .sm\:text-base { | |
| font-size: 1rem; | |
| line-height: 1.5rem | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .md\:pointer-events-auto { | |
| pointer-events:auto | |
| } | |
| .md\:absolute { | |
| position: absolute | |
| } | |
| .md\:relative { | |
| position: relative | |
| } | |
| .md\:sticky { | |
| position: sticky | |
| } | |
| .md\:order-1 { | |
| order: 1 | |
| } | |
| .md\:order-2 { | |
| order: 2 | |
| } | |
| .md\:col-span-5 { | |
| grid-column: span 5/span 5 | |
| } | |
| .md\:col-span-4 { | |
| grid-column: span 4/span 4 | |
| } | |
| .md\:col-span-2 { | |
| grid-column: span 2/span 2 | |
| } | |
| .md\:col-span-1 { | |
| grid-column: span 1/span 1 | |
| } | |
| .md\:col-span-3 { | |
| grid-column: span 3/span 3 | |
| } | |
| .md\:col-span-7 { | |
| grid-column: span 7/span 7 | |
| } | |
| .md\:col-span-10 { | |
| grid-column: span 10/span 10 | |
| } | |
| .md\:col-span-8 { | |
| grid-column: span 8/span 8 | |
| } | |
| .md\:col-start-4 { | |
| grid-column-start: 4 | |
| } | |
| .md\:col-start-2 { | |
| grid-column-start: 2 | |
| } | |
| .md\:row-span-2 { | |
| grid-row: span 2/span 2 | |
| } | |
| .md\:row-start-1 { | |
| grid-row-start: 1 | |
| } | |
| .md\:mx-auto { | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .md\:my-12 { | |
| margin-top: 3rem; | |
| margin-bottom: 3rem | |
| } | |
| .md\:mx-0 { | |
| margin-left: 0; | |
| margin-right: 0 | |
| } | |
| .md\:mb-24 { | |
| margin-bottom: 6rem | |
| } | |
| .md\:mb-10 { | |
| margin-bottom: 2.5rem | |
| } | |
| .md\:mb-12 { | |
| margin-bottom: 3rem | |
| } | |
| .md\:mb-16 { | |
| margin-bottom: 4rem | |
| } | |
| .md\:mb-0 { | |
| margin-bottom: 0 | |
| } | |
| .md\:ml-12 { | |
| margin-left: 3rem | |
| } | |
| .md\:mt-24 { | |
| margin-top: 6rem | |
| } | |
| .md\:mb-8 { | |
| margin-bottom: 2rem | |
| } | |
| .md\:mb-20 { | |
| margin-bottom: 5rem | |
| } | |
| .md\:ml-16 { | |
| margin-left: 4rem | |
| } | |
| .md\:mr-16 { | |
| margin-right: 4rem | |
| } | |
| .md\:ml-24 { | |
| margin-left: 6rem | |
| } | |
| .md\:mt-20 { | |
| margin-top: 5rem | |
| } | |
| .md\:mt-0 { | |
| margin-top: 0 | |
| } | |
| .md\:mb-6 { | |
| margin-bottom: 1.5rem | |
| } | |
| .md\:-mt-28 { | |
| margin-top: -7rem | |
| } | |
| .md\:-mb-16 { | |
| margin-bottom: -4rem | |
| } | |
| .md\:-mt-48 { | |
| margin-top: -12rem | |
| } | |
| .md\:-mb-24 { | |
| margin-bottom: -6rem | |
| } | |
| .md\:mb-3 { | |
| margin-bottom: .75rem | |
| } | |
| .md\:-mb-48 { | |
| margin-bottom: -12rem | |
| } | |
| .md\:-mt-16 { | |
| margin-top: -4rem | |
| } | |
| .md\:\!mt-14 { | |
| margin-top: 3.5rem!important | |
| } | |
| .md\:ml-4 { | |
| margin-left: 1rem | |
| } | |
| .md\:mr-2 { | |
| margin-right: .5rem | |
| } | |
| .md\:-mt-24 { | |
| margin-top: -6rem | |
| } | |
| .md\:ml-6 { | |
| margin-left: 1.5rem | |
| } | |
| .md\:mr-6 { | |
| margin-right: 1.5rem | |
| } | |
| .md\:block { | |
| display: block | |
| } | |
| .md\:inline-block { | |
| display: inline-block | |
| } | |
| .md\:inline { | |
| display: inline | |
| } | |
| .md\:flex { | |
| display: flex | |
| } | |
| .md\:grid { | |
| display: grid | |
| } | |
| .md\:hidden { | |
| display: none | |
| } | |
| .md\:h-96 { | |
| height: 24rem | |
| } | |
| .md\:h-12 { | |
| height: 3rem | |
| } | |
| .md\:max-h-screen { | |
| max-height: 100vh | |
| } | |
| .md\:w-1\/3 { | |
| width: 33.333333% | |
| } | |
| .md\:w-2\/3 { | |
| width: 66.666667% | |
| } | |
| .md\:w-1\/2 { | |
| width: 50% | |
| } | |
| .md\:w-full { | |
| width: 100% | |
| } | |
| .md\:w-4\/12 { | |
| width: 33.333333% | |
| } | |
| .md\:w-5\/12 { | |
| width: 41.666667% | |
| } | |
| .md\:w-20 { | |
| width: 5rem | |
| } | |
| .md\:w-10 { | |
| width: 2.5rem | |
| } | |
| .md\:w-2\/5 { | |
| width: 40% | |
| } | |
| .md\:w-3\/5 { | |
| width: 60% | |
| } | |
| .md\:w-auto { | |
| width: auto | |
| } | |
| .md\:w-max { | |
| width: -webkit-max-content; | |
| width: -moz-max-content; | |
| width: max-content | |
| } | |
| .md\:w-12 { | |
| width: 3rem | |
| } | |
| .md\:max-w-3xl { | |
| max-width: 48rem | |
| } | |
| .md\:max-w-md { | |
| max-width: 28rem | |
| } | |
| .md\:max-w-6xl { | |
| max-width: 72rem | |
| } | |
| .md\:max-w-none { | |
| max-width: none | |
| } | |
| .md\:translate-x-0 { | |
| --tw-translate-x: 0px; | |
| -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) | |
| } | |
| .md\:columns-4 { | |
| -webkit-column-count: 4; | |
| -moz-column-count: 4; | |
| column-count: 4 | |
| } | |
| .md\:columns-3 { | |
| -webkit-column-count: 3; | |
| -moz-column-count: 3; | |
| column-count: 3 | |
| } | |
| .md\:grid-cols-2 { | |
| grid-template-columns: repeat(2,minmax(0,1fr)) | |
| } | |
| .md\:grid-cols-3 { | |
| grid-template-columns: repeat(3,minmax(0,1fr)) | |
| } | |
| .md\:grid-cols-12 { | |
| grid-template-columns: repeat(12,minmax(0,1fr)) | |
| } | |
| .md\:grid-cols-4 { | |
| grid-template-columns: repeat(4,minmax(0,1fr)) | |
| } | |
| .md\:flex-row { | |
| flex-direction: row | |
| } | |
| .md\:justify-start { | |
| justify-content: flex-start | |
| } | |
| .md\:justify-between { | |
| justify-content: space-between | |
| } | |
| .md\:gap-12 { | |
| gap: 3rem | |
| } | |
| .md\:gap-16 { | |
| gap: 4rem | |
| } | |
| .md\:gap-8 { | |
| gap: 2rem | |
| } | |
| .md\:gap-4 { | |
| gap: 1rem | |
| } | |
| .md\:gap-6 { | |
| gap: 1.5rem | |
| } | |
| .md\:gap-x-16 { | |
| -webkit-column-gap: 4rem; | |
| -moz-column-gap: 4rem; | |
| column-gap: 4rem | |
| } | |
| .md\:overscroll-auto { | |
| -ms-scroll-chaining: chained; | |
| overscroll-behavior: auto | |
| } | |
| .md\:rounded-lg { | |
| border-radius: .5rem | |
| } | |
| .md\:rounded-t-3xl { | |
| border-top-left-radius: 1.5rem; | |
| border-top-right-radius: 1.5rem | |
| } | |
| .md\:rounded-t-2xl { | |
| border-top-left-radius: 1rem; | |
| border-top-right-radius: 1rem | |
| } | |
| .md\:border-t-0 { | |
| border-top-width: 0 | |
| } | |
| .md\:border-l-2 { | |
| border-left-width: 2px | |
| } | |
| .md\:border-b-0 { | |
| border-bottom-width: 0 | |
| } | |
| .md\:bg-transparent { | |
| background-color: transparent | |
| } | |
| .md\:p-8 { | |
| padding: 2rem | |
| } | |
| .md\:p-0 { | |
| padding: 0 | |
| } | |
| .md\:py-16 { | |
| padding-top: 4rem; | |
| padding-bottom: 4rem | |
| } | |
| .md\:py-24 { | |
| padding-top: 6rem; | |
| padding-bottom: 6rem | |
| } | |
| .md\:px-0 { | |
| padding-left: 0; | |
| padding-right: 0 | |
| } | |
| .md\:py-0 { | |
| padding-top: 0; | |
| padding-bottom: 0 | |
| } | |
| .md\:px-6 { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem | |
| } | |
| .md\:py-12 { | |
| padding-top: 3rem; | |
| padding-bottom: 3rem | |
| } | |
| .md\:py-32 { | |
| padding-top: 8rem; | |
| padding-bottom: 8rem | |
| } | |
| .md\:py-8 { | |
| padding-top: 2rem; | |
| padding-bottom: 2rem | |
| } | |
| .md\:px-7 { | |
| padding-left: 1.75rem; | |
| padding-right: 1.75rem | |
| } | |
| .md\:py-36 { | |
| padding-top: 9rem; | |
| padding-bottom: 9rem | |
| } | |
| .md\:py-40 { | |
| padding-top: 10rem; | |
| padding-bottom: 10rem | |
| } | |
| .md\:py-28 { | |
| padding-top: 7rem; | |
| padding-bottom: 7rem | |
| } | |
| .md\:px-14 { | |
| padding-left: 3.5rem; | |
| padding-right: 3.5rem | |
| } | |
| .md\:pt-24 { | |
| padding-top: 6rem | |
| } | |
| .md\:pt-0 { | |
| padding-top: 0 | |
| } | |
| .md\:pl-4 { | |
| padding-left: 1rem | |
| } | |
| .md\:pl-16 { | |
| padding-left: 4rem | |
| } | |
| .md\:pb-24 { | |
| padding-bottom: 6rem | |
| } | |
| .md\:pr-0 { | |
| padding-right: 0 | |
| } | |
| .md\:pl-5 { | |
| padding-left: 1.25rem | |
| } | |
| .md\:pb-28 { | |
| padding-bottom: 7rem | |
| } | |
| .md\:pb-0 { | |
| padding-bottom: 0 | |
| } | |
| .md\:pt-12 { | |
| padding-top: 3rem | |
| } | |
| .md\:pb-36 { | |
| padding-bottom: 9rem | |
| } | |
| .md\:pt-28 { | |
| padding-top: 7rem | |
| } | |
| .md\:pr-12 { | |
| padding-right: 3rem | |
| } | |
| .md\:pt-20 { | |
| padding-top: 5rem | |
| } | |
| .md\:pt-40 { | |
| padding-top: 10rem | |
| } | |
| .md\:pb-16 { | |
| padding-bottom: 4rem | |
| } | |
| .md\:pb-20 { | |
| padding-bottom: 5rem | |
| } | |
| .md\:pl-12 { | |
| padding-left: 3rem | |
| } | |
| .md\:pt-16 { | |
| padding-top: 4rem | |
| } | |
| .md\:pb-32 { | |
| padding-bottom: 8rem | |
| } | |
| .md\:pb-8 { | |
| padding-bottom: 2rem | |
| } | |
| .md\:pr-16 { | |
| padding-right: 4rem | |
| } | |
| .md\:pt-7 { | |
| padding-top: 1.75rem | |
| } | |
| .md\:pb-40 { | |
| padding-bottom: 10rem | |
| } | |
| .md\:text-left { | |
| text-align: left | |
| } | |
| .md\:text-center { | |
| text-align: center | |
| } | |
| .md\:text-4xl { | |
| font-size: 2.25rem; | |
| line-height: 2.5rem | |
| } | |
| .md\:text-xl { | |
| font-size: 1.25rem; | |
| line-height: 1.75rem | |
| } | |
| .md\:text-sm { | |
| font-size: .875rem; | |
| line-height: 1.25rem | |
| } | |
| .md\:text-6xl { | |
| font-size: 3.75rem; | |
| line-height: 1 | |
| } | |
| .md\:text-5xl { | |
| font-size: 3rem; | |
| line-height: 1 | |
| } | |
| .md\:text-2xl { | |
| font-size: 1.5rem; | |
| line-height: 2rem | |
| } | |
| .md\:text-base { | |
| font-size: 1rem; | |
| line-height: 1.5rem | |
| } | |
| .md\:text-3xl { | |
| font-size: 1.875rem; | |
| line-height: 2.25rem | |
| } | |
| .md\:text-lg { | |
| font-size: 1.125rem; | |
| line-height: 1.75rem | |
| } | |
| .md\:\!text-4xl { | |
| font-size: 2.25rem!important; | |
| line-height: 2.5rem!important | |
| } | |
| .md\:\!text-2xl { | |
| font-size: 1.5rem!important; | |
| line-height: 2rem!important | |
| } | |
| .md\:text-\[0\.6875rem\] { | |
| font-size: .6875rem | |
| } | |
| .md\:leading-tight { | |
| line-height: 1.25 | |
| } | |
| .md\:opacity-100 { | |
| opacity: 1 | |
| } | |
| .md\:shadow-none { | |
| --tw-shadow: 0 0 transparent; | |
| --tw-shadow-colored: 0 0 transparent; | |
| box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) | |
| } | |
| .md\:duration-0 { | |
| transition-duration: 1ms | |
| } | |
| .md\:container { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 100%; | |
| max-width: 72rem; | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| @media (min-width: 640px) { | |
| .md\:container { | |
| padding-left:1.5rem; | |
| padding-right: 1.5rem | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .md\:container { | |
| padding-left:1.75rem; | |
| padding-right: 1.75rem | |
| } | |
| } | |
| } | |
| @media (min-width: 1024px) { | |
| .lg\:sticky { | |
| position:sticky | |
| } | |
| .lg\:col-span-5 { | |
| grid-column: span 5/span 5 | |
| } | |
| .lg\:col-span-2 { | |
| grid-column: span 2/span 2 | |
| } | |
| .lg\:col-span-7 { | |
| grid-column: span 7/span 7 | |
| } | |
| .lg\:col-span-1 { | |
| grid-column: span 1/span 1 | |
| } | |
| .lg\:col-span-6 { | |
| grid-column: span 6/span 6 | |
| } | |
| .lg\:col-start-3 { | |
| grid-column-start: 3 | |
| } | |
| .lg\:col-start-2 { | |
| grid-column-start: 2 | |
| } | |
| .lg\:col-end-8 { | |
| grid-column-end: 8 | |
| } | |
| .lg\:row-start-2 { | |
| grid-row-start: 2 | |
| } | |
| .lg\:ml-10 { | |
| margin-left: 2.5rem | |
| } | |
| .lg\:mb-0 { | |
| margin-bottom: 0 | |
| } | |
| .lg\:mt-28 { | |
| margin-top: 7rem | |
| } | |
| .lg\:block { | |
| display: block | |
| } | |
| .lg\:grid { | |
| display: grid | |
| } | |
| .lg\:hidden { | |
| display: none | |
| } | |
| .lg\:w-36 { | |
| width: 9rem | |
| } | |
| .lg\:w-72 { | |
| width: 18rem | |
| } | |
| .lg\:w-1\/3 { | |
| width: 33.333333% | |
| } | |
| .lg\:w-2\/3 { | |
| width: 66.666667% | |
| } | |
| .lg\:w-5\/12 { | |
| width: 41.666667% | |
| } | |
| .lg\:w-7\/12 { | |
| width: 58.333333% | |
| } | |
| .lg\:w-40 { | |
| width: 10rem | |
| } | |
| .lg\:columns-4 { | |
| -webkit-column-count: 4; | |
| -moz-column-count: 4; | |
| column-count: 4 | |
| } | |
| .lg\:grid-cols-3 { | |
| grid-template-columns: repeat(3,minmax(0,1fr)) | |
| } | |
| .lg\:grid-cols-6 { | |
| grid-template-columns: repeat(6,minmax(0,1fr)) | |
| } | |
| .lg\:grid-cols-4 { | |
| grid-template-columns: repeat(4,minmax(0,1fr)) | |
| } | |
| .lg\:flex-row-reverse { | |
| flex-direction: row-reverse | |
| } | |
| .lg\:border-0 { | |
| border-width: 0 | |
| } | |
| .lg\:border-t-0 { | |
| border-top-width: 0 | |
| } | |
| .lg\:object-cover { | |
| -o-object-fit: cover; | |
| object-fit: cover | |
| } | |
| .lg\:py-24 { | |
| padding-top: 6rem; | |
| padding-bottom: 6rem | |
| } | |
| .lg\:py-8 { | |
| padding-top: 2rem; | |
| padding-bottom: 2rem | |
| } | |
| .lg\:px-6 { | |
| padding-left: 1.5rem; | |
| padding-right: 1.5rem | |
| } | |
| .lg\:px-10 { | |
| padding-left: 2.5rem; | |
| padding-right: 2.5rem | |
| } | |
| .lg\:px-4 { | |
| padding-left: 1rem; | |
| padding-right: 1rem | |
| } | |
| .lg\:pt-20 { | |
| padding-top: 5rem | |
| } | |
| .lg\:pl-16 { | |
| padding-left: 4rem | |
| } | |
| .lg\:pt-12 { | |
| padding-top: 3rem | |
| } | |
| .lg\:pr-36 { | |
| padding-right: 9rem | |
| } | |
| .lg\:pr-24 { | |
| padding-right: 6rem | |
| } | |
| .lg\:pr-40 { | |
| padding-right: 10rem | |
| } | |
| .lg\:pl-20 { | |
| padding-left: 5rem | |
| } | |
| .lg\:pt-10 { | |
| padding-top: 2.5rem | |
| } | |
| .lg\:pl-3 { | |
| padding-left: .75rem | |
| } | |
| .lg\:pb-32 { | |
| padding-bottom: 8rem | |
| } | |
| .lg\:pt-24 { | |
| padding-top: 6rem | |
| } | |
| .lg\:pr-0 { | |
| padding-right: 0 | |
| } | |
| .lg\:pb-48 { | |
| padding-bottom: 12rem | |
| } | |
| .lg\:text-5xl { | |
| font-size: 3rem; | |
| line-height: 1 | |
| } | |
| .lg\:text-4xl { | |
| font-size: 2.25rem; | |
| line-height: 2.5rem | |
| } | |
| .lg\:text-3xl { | |
| font-size: 1.875rem; | |
| line-height: 2.25rem | |
| } | |
| .lg\:text-6xl { | |
| font-size: 3.75rem; | |
| line-height: 1 | |
| } | |
| } | |
| @media (min-width: 1280px) { | |
| .xl\:col-span-2 { | |
| grid-column:span 2/span 2 | |
| } | |
| .xl\:col-span-6 { | |
| grid-column: span 6/span 6 | |
| } | |
| .xl\:col-start-9 { | |
| grid-column-start: 9 | |
| } | |
| .xl\:col-start-auto { | |
| grid-column-start: auto | |
| } | |
| .xl\:mx-auto { | |
| margin-left: auto; | |
| margin-right: auto | |
| } | |
| .xl\:mt-0\.5 { | |
| margin-top: .125rem | |
| } | |
| .xl\:mt-0 { | |
| margin-top: 0 | |
| } | |
| .xl\:mb-3 { | |
| margin-bottom: .75rem | |
| } | |
| .xl\:mr-0 { | |
| margin-right: 0 | |
| } | |
| .xl\:block { | |
| display: block | |
| } | |
| .xl\:w-44 { | |
| width: 11rem | |
| } | |
| .xl\:w-96 { | |
| width: 24rem | |
| } | |
| .xl\:border-t-0 { | |
| border-top-width: 0 | |
| } | |
| .xl\:pt-3 { | |
| padding-top: .75rem | |
| } | |
| .xl\:pt-6 { | |
| padding-top: 1.5rem | |
| } | |
| } | |
| ` | |
| var sample2 = `a,a:link,a:visited | |
| { | |
| text-decoration:none; | |
| } | |
| a:hover | |
| { | |
| text-decoration:underline; | |
| } | |
| body | |
| { | |
| font-family:Tahoma, Geneva, sans-serif; | |
| font-size:12px; | |
| margin:0; | |
| padding:0; | |
| } | |
| dd | |
| { | |
| height:1.5em; | |
| margin:0 0 0 30px; | |
| } | |
| dd.Information | |
| { | |
| color:green; | |
| } | |
| dd.Warning | |
| { | |
| color:#900; | |
| } | |
| div.linenumbers | |
| { | |
| background:transparent; | |
| border:1px solid transparent; | |
| color:#555; | |
| cursor:default; | |
| font-family:\"Consolas\", \"Lucida Console\", Monaco, monospace; | |
| font-size:12px; | |
| height:340px; | |
| line-height:18px; | |
| overflow:hidden; | |
| padding:4px 8px 0 4px; | |
| position:absolute; | |
| text-align:right; | |
| white-space:pre; | |
| width:20px; | |
| z-index:2; | |
| } | |
| dl | |
| { | |
| cursor:pointer; | |
| padding-left:.5em; | |
| } | |
| dt | |
| { | |
| clear:both; | |
| color:green; | |
| float:left; | |
| font-weight:700; | |
| height:1.5em; | |
| margin:0; | |
| } | |
| fieldset .contents | |
| { | |
| margin:4px 10px 10px; | |
| } | |
| fieldset | |
| { | |
| padding:0; | |
| } | |
| fieldset#cssinputbox .contents | |
| { | |
| margin:0; | |
| } | |
| fieldset#messages div | |
| { | |
| height:10em; | |
| overflow:auto; | |
| } | |
| fieldset#messages | |
| { | |
| background:#FFF; | |
| padding:0 0 0 1em; | |
| } | |
| fieldset,div#instructions | |
| { | |
| -moz-border-radius-topleft:6px; | |
| border-radius:6px; | |
| } | |
| legend | |
| { | |
| background:#FFF; | |
| background-image:url(images/faded.png); | |
| background-position:0 9px; | |
| background-repeat:no-repeat; | |
| border:1px solid gray; | |
| cursor:default; | |
| margin:0 0 4px 10px; | |
| padding:4px 12px 4px 10px; | |
| } | |
| textarea#cssinput | |
| { | |
| -moz-border-radius-topleft:8px; | |
| background:#FFC; | |
| border-bottom:1px solid #eee; | |
| border-color:#aaa; | |
| border-radius:8px 0 0 0; | |
| border-right:none; | |
| border-width:1px; | |
| color:#333; | |
| font-family:\"Consolas\", \"Lucida Console\", Monaco, monospace; | |
| font-size:15px; | |
| height:350px; | |
| line-height:18px; | |
| margin:0 0 0 34px; | |
| overflow-x:none; | |
| overflow-y:scroll; | |
| padding-bottom:0; | |
| padding-left:3px; | |
| resize:none; | |
| width:540px; | |
| } | |
| .cssoutputmessages | |
| { | |
| border:1px solid gray; | |
| height:100px; | |
| margin:8px 10px 10px; | |
| overflow-x:hidden; | |
| overflow-y:auto; | |
| width:500px; | |
| } | |
| .gobutton | |
| { | |
| height:30px; | |
| margin-left:20px; | |
| margin-top:4px; | |
| width:140px; | |
| } | |
| .messages | |
| { | |
| margin:4px 0; | |
| } | |
| .noline | |
| { | |
| border-top:none; | |
| } | |
| .options .singleoption | |
| { | |
| float:left; | |
| margin:0 20px 0 0; | |
| vertical-align:middle; | |
| } | |
| .options | |
| { | |
| border-bottom:1px solid #eee; | |
| height:24px; | |
| margin-bottom:8px; | |
| margin-left:10px; | |
| margin-top:4px; | |
| width:520px; | |
| } | |
| .spacer | |
| { | |
| border-top:1px solid #ddd; | |
| height:1px; | |
| margin:8px 0 4px; | |
| } | |
| #cmd_download | |
| { | |
| margin-left:20px; | |
| } | |
| #cssinputbox | |
| { | |
| border:1px solid #aaa; | |
| float:left; | |
| height:471px; | |
| margin:10px 0 0; | |
| overflow:hidden; | |
| padding:0; | |
| width:600px; | |
| } | |
| #cssoutputbox | |
| { | |
| background:#CFC; | |
| float:none; | |
| height:600px; | |
| margin-bottom:10px; | |
| width:530px; | |
| } | |
| #downloadexternalcss #urltoget | |
| { | |
| width:280px; | |
| } | |
| #downloadexternalcss | |
| { | |
| height:20px; | |
| padding:0 0 4px 34px; | |
| } | |
| #gobutton2 | |
| { | |
| width:100px; | |
| } | |
| #instructions h1 | |
| { | |
| font-size:20px; | |
| margin:4px; | |
| } | |
| #instructions h2 | |
| { | |
| font-size:18px; | |
| margin:4px; | |
| } | |
| #instructions li | |
| { | |
| font-size:13px; | |
| margin-bottom:2px; | |
| } | |
| #instructions p | |
| { | |
| font-size:14px; | |
| margin:4px 6px; | |
| } | |
| #instructions ul | |
| { | |
| margin-left:0; | |
| margin-right:2em; | |
| } | |
| #instructions | |
| { | |
| border:1px solid #aaa; | |
| float:left; | |
| height:450px; | |
| margin-left:20px; | |
| margin-right:10px; | |
| margin-top:11px; | |
| width:400px; | |
| } | |
| #iosection | |
| { | |
| float:left; | |
| height:1200px; | |
| margin:0; | |
| padding-top:0; | |
| width:600px; | |
| } | |
| #messages | |
| { | |
| height:15px; | |
| margin-bottom:5px; | |
| margin-left:40px; | |
| margin-top:5px; | |
| } | |
| #optionsbox_complex select,#optionsbox_simple select | |
| { | |
| font-family:Tahoma, Geneva, sans-serif; | |
| font-size:12px; | |
| margin-top:4px; | |
| padding:2px 0; | |
| width:290px; | |
| } | |
| #optionsbox_complex | |
| { | |
| background:#eee; | |
| display:none; | |
| float:left; | |
| height:500px; | |
| margin-right:20px; | |
| width:310px; | |
| } | |
| #optionsbox_simple | |
| { | |
| background:#eee; | |
| height:250px; | |
| width:500px; | |
| } | |
| #pagewrapper | |
| { | |
| height:100%; | |
| margin:0; | |
| min-width:1018px; | |
| padding:0; | |
| } | |
| #poweredbycawiacontainer | |
| { | |
| bottom:0; | |
| position:fixed; | |
| text-align:center; | |
| width:100%; | |
| z-index:0; | |
| } | |
| #topheader | |
| { | |
| background-color:#226AFF; | |
| border-bottom:3px solid #888; | |
| color:#FFC; | |
| font-family:Verdana, Geneva, sans-serif; | |
| font-size:44px; | |
| height:48px; | |
| margin-bottom:10px; | |
| padding:12px; | |
| text-align:center; | |
| width:auto; | |
| }` |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment