From 661eb4072120d8a6a1419f9caa85dae7fc5d2bb3 Mon Sep 17 00:00:00 2001 From: zcraber <61133303+zcraber@users.noreply.github.com> Date: Fri, 14 Oct 2022 15:34:30 +0530 Subject: [PATCH 01/18] Update CNAME --- CNAME | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CNAME b/CNAME index 34bd05cf..f21a433d 100644 --- a/CNAME +++ b/CNAME @@ -1 +1 @@ -cssreference.io \ No newline at end of file +css-reference-malayalam.digitalmalayali.in \ No newline at end of file From a9d5b69c8313928f1c23eb30ce5743c8dc0c452a Mon Sep 17 00:00:00 2001 From: zcraber <61133303+zcraber@users.noreply.github.com> Date: Fri, 14 Oct 2022 16:13:29 +0530 Subject: [PATCH 02/18] Update README.md --- README.md | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 2bdf95c3..b6de8eff 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,11 @@ -# [CSS Reference](https://cssreference.io): a free visual guide to the most popular CSS properties - +# [CSS Reference Malayalam](https://css-reference-malayalam.digitalmalayali.in/) [![CSS Reference screenshot](https://raw.github.com/jgthms/css-reference/master/images/css-reference-share.png)](https://cssreference.io) -# License - -The content of this project itself is licensed under the [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](https://creativecommons.org/licenses/by-nc-sa/4.0/). +ഏറ്റവുമധികം ഉപയോഗത്തിലുള്ള CSS പ്രോപ്പർട്ടികളെ ലളിതമായി മലയാളത്തിൽ മനസ്സിലാക്കുവാൻ സഹായിക്കുന്ന ഒരു സൗജന്യ വിഷ്വൽ ഗൈഡ്. ജെറമി തോമസ് തയ്യാറാക്കിയ ഇംഗ്ലീഷ് ഭാഷയിലുള്ള പ്രശസ്തമായ ഓപ്പൺ സോഴ്സ് [CSS Reference](https://cssreference.io) മലയാളത്തിലേക്ക് പരിഭാഷപ്പെടുത്താനുള്ള ശ്രമമാണിത്. -The underlying source code used to format and display that content is licensed under the [MIT license](https://opensource.org/licenses/mit-license.php). +# 📄 അനുമതിപത്രം -# Sponsor +ഈ പദ്ധതിയിലെ ഉള്ളടക്കം [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/) അനുമതിപത്രമനുസരിച്ചാണ് ലഭ്യമാക്കിയിരിക്കുന്നത്. +ഈ ഉള്ളടക്കത്തിന്റെ ഘടനയ്ക്കും പ്രദർശനത്തിനും ഉപയോഗിച്ചിരിക്കുന്ന സോഴ്സ് കോഡ് [MIT License](https://opensource.org/licenses/mit-license.php) പ്രകാരമാണ് ലഭ്യമാക്കിയിരിക്കുന്നത്. From 1b3b417b012e11c0dfc9388e4c221e07eb04a946 Mon Sep 17 00:00:00 2001 From: zcraber <61133303+zcraber@users.noreply.github.com> Date: Fri, 14 Oct 2022 16:14:03 +0530 Subject: [PATCH 03/18] Delete CNAME --- CNAME | 1 - 1 file changed, 1 deletion(-) delete mode 100644 CNAME diff --git a/CNAME b/CNAME deleted file mode 100644 index f21a433d..00000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ -css-reference-malayalam.digitalmalayali.in \ No newline at end of file From f6edeadf49b0e4e5ec4a18308977baba430f776b Mon Sep 17 00:00:00 2001 From: zcraber <61133303+zcraber@users.noreply.github.com> Date: Fri, 14 Oct 2022 16:14:08 +0530 Subject: [PATCH 04/18] Create CNAME --- CNAME | 1 + 1 file changed, 1 insertion(+) create mode 100644 CNAME diff --git a/CNAME b/CNAME new file mode 100644 index 00000000..f21a433d --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +css-reference-malayalam.digitalmalayali.in \ No newline at end of file From ca93e46e46dca1257a07cbc5d3bdf335753571ef Mon Sep 17 00:00:00 2001 From: zcraber <61133303+zcraber@users.noreply.github.com> Date: Fri, 14 Oct 2022 16:41:12 +0530 Subject: [PATCH 05/18] Delete CNAME --- CNAME | 1 - 1 file changed, 1 deletion(-) delete mode 100644 CNAME diff --git a/CNAME b/CNAME deleted file mode 100644 index f21a433d..00000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ -css-reference-malayalam.digitalmalayali.in \ No newline at end of file From c68f10cb0359a840dd2c94b0c2acf42484246c4a Mon Sep 17 00:00:00 2001 From: zcraber <61133303+zcraber@users.noreply.github.com> Date: Fri, 14 Oct 2022 16:41:22 +0530 Subject: [PATCH 06/18] Create CNAME --- CNAME | 1 + 1 file changed, 1 insertion(+) create mode 100644 CNAME diff --git a/CNAME b/CNAME new file mode 100644 index 00000000..b03ec88d --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +www.css-reference-malayalam.digitalmalayali.in \ No newline at end of file From 7729411e0498d5b69134784dd5674b59a56d8cc3 Mon Sep 17 00:00:00 2001 From: zcraber <61133303+zcraber@users.noreply.github.com> Date: Fri, 14 Oct 2022 16:41:39 +0530 Subject: [PATCH 07/18] Update CNAME --- CNAME | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CNAME b/CNAME index b03ec88d..f21a433d 100644 --- a/CNAME +++ b/CNAME @@ -1 +1 @@ -www.css-reference-malayalam.digitalmalayali.in \ No newline at end of file +css-reference-malayalam.digitalmalayali.in \ No newline at end of file From 75a6b4ebce65390bb91804faf682840ec14922bc Mon Sep 17 00:00:00 2001 From: zcraber <61133303+zcraber@users.noreply.github.com> Date: Fri, 14 Oct 2022 17:35:49 +0530 Subject: [PATCH 08/18] Delete CNAME --- CNAME | 1 - 1 file changed, 1 deletion(-) delete mode 100644 CNAME diff --git a/CNAME b/CNAME deleted file mode 100644 index f21a433d..00000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ -css-reference-malayalam.digitalmalayali.in \ No newline at end of file From 8047427a3d957e6fe02b54c7527ca1a5e9c66e74 Mon Sep 17 00:00:00 2001 From: zcraber <61133303+zcraber@users.noreply.github.com> Date: Fri, 14 Oct 2022 17:35:54 +0530 Subject: [PATCH 09/18] Create CNAME --- CNAME | 1 + 1 file changed, 1 insertion(+) create mode 100644 CNAME diff --git a/CNAME b/CNAME new file mode 100644 index 00000000..f21a433d --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +css-reference-malayalam.digitalmalayali.in \ No newline at end of file From a381edcfabf0b6b25078f94bf4cc6b7c89801933 Mon Sep 17 00:00:00 2001 From: zcraber <61133303+zcraber@users.noreply.github.com> Date: Fri, 14 Oct 2022 17:36:19 +0530 Subject: [PATCH 10/18] Update CNAME --- CNAME | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CNAME b/CNAME index f21a433d..b03ec88d 100644 --- a/CNAME +++ b/CNAME @@ -1 +1 @@ -css-reference-malayalam.digitalmalayali.in \ No newline at end of file +www.css-reference-malayalam.digitalmalayali.in \ No newline at end of file From 925938f86d4a437afda356f5c78f7a4c216c5089 Mon Sep 17 00:00:00 2001 From: zcraber <61133303+zcraber@users.noreply.github.com> Date: Fri, 14 Oct 2022 17:38:09 +0530 Subject: [PATCH 11/18] Delete CNAME --- CNAME | 1 - 1 file changed, 1 deletion(-) delete mode 100644 CNAME diff --git a/CNAME b/CNAME deleted file mode 100644 index b03ec88d..00000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ -www.css-reference-malayalam.digitalmalayali.in \ No newline at end of file From 01ec99ea01bd536c4b9b1a6b1595383f8bae3035 Mon Sep 17 00:00:00 2001 From: zcraber <61133303+zcraber@users.noreply.github.com> Date: Fri, 14 Oct 2022 17:40:25 +0530 Subject: [PATCH 12/18] Create CNAME --- CNAME | 1 + 1 file changed, 1 insertion(+) create mode 100644 CNAME diff --git a/CNAME b/CNAME new file mode 100644 index 00000000..f21a433d --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +css-reference-malayalam.digitalmalayali.in \ No newline at end of file From ef7060681081fe773d3fe9525f9fb2125aa9e842 Mon Sep 17 00:00:00 2001 From: zcraber <61133303+zcraber@users.noreply.github.com> Date: Sat, 15 Oct 2022 22:23:30 +0530 Subject: [PATCH 13/18] updates --- .gitignore | 2 +- Gemfile | 9 +++ Gemfile.lock | 69 ++++++++++++++++++++++ _config.local.yml | 8 --- _config.yml | 10 ++-- _includes/collections/typography-list.html | 40 ++++++++++++- _includes/components/finder.html | 2 +- _includes/ff.html | 7 +-- css/website.css | 2 +- index.html | 20 +++---- sass/variables.sass | 2 +- 11 files changed, 138 insertions(+), 33 deletions(-) create mode 100644 Gemfile create mode 100644 Gemfile.lock delete mode 100644 _config.local.yml diff --git a/.gitignore b/.gitignore index bf583e04..c91962ff 100644 --- a/.gitignore +++ b/.gitignore @@ -1,6 +1,5 @@ # Files -.config.local.yml .DS_Store .jekyll-metadata .ruby-version @@ -15,3 +14,4 @@ _gh_pages _site images/trash node_modules +.jekyll-cache/ diff --git a/Gemfile b/Gemfile new file mode 100644 index 00000000..c9405de7 --- /dev/null +++ b/Gemfile @@ -0,0 +1,9 @@ +# frozen_string_literal: true + +source "https://rubygems.org" + +# gem "rails" + +gem "jekyll", "~> 4.2" + +gem "webrick", "~> 1.7" diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 00000000..6d1e22be --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,69 @@ +GEM + remote: https://rubygems.org/ + specs: + addressable (2.8.1) + public_suffix (>= 2.0.2, < 6.0) + colorator (1.1.0) + concurrent-ruby (1.1.10) + em-websocket (0.5.3) + eventmachine (>= 0.12.9) + http_parser.rb (~> 0) + eventmachine (1.2.7) + ffi (1.15.5-x64-mingw-ucrt) + forwardable-extended (2.6.0) + http_parser.rb (0.8.0) + i18n (1.12.0) + concurrent-ruby (~> 1.0) + jekyll (4.2.2) + addressable (~> 2.4) + colorator (~> 1.0) + em-websocket (~> 0.5) + i18n (~> 1.0) + jekyll-sass-converter (~> 2.0) + jekyll-watch (~> 2.0) + kramdown (~> 2.3) + kramdown-parser-gfm (~> 1.0) + liquid (~> 4.0) + mercenary (~> 0.4.0) + pathutil (~> 0.9) + rouge (~> 3.0) + safe_yaml (~> 1.0) + terminal-table (~> 2.0) + jekyll-sass-converter (2.2.0) + sassc (> 2.0.1, < 3.0) + jekyll-watch (2.2.1) + listen (~> 3.0) + kramdown (2.4.0) + rexml + kramdown-parser-gfm (1.1.0) + kramdown (~> 2.0) + liquid (4.0.3) + listen (3.7.1) + rb-fsevent (~> 0.10, >= 0.10.3) + rb-inotify (~> 0.9, >= 0.9.10) + mercenary (0.4.0) + pathutil (0.16.2) + forwardable-extended (~> 2.6) + public_suffix (5.0.0) + rb-fsevent (0.11.2) + rb-inotify (0.10.1) + ffi (~> 1.0) + rexml (3.2.5) + rouge (3.30.0) + safe_yaml (1.0.5) + sassc (2.4.0) + ffi (~> 1.9) + terminal-table (2.0.0) + unicode-display_width (~> 1.1, >= 1.1.1) + unicode-display_width (1.8.0) + webrick (1.7.0) + +PLATFORMS + x64-mingw-ucrt + +DEPENDENCIES + jekyll (~> 4.2) + webrick (~> 1.7) + +BUNDLED WITH + 2.3.15 diff --git a/_config.local.yml b/_config.local.yml deleted file mode 100644 index 3c0eae32..00000000 --- a/_config.local.yml +++ /dev/null @@ -1,8 +0,0 @@ -title: CSS Reference -subtitle: "A free visual guide to CSS" -description: "CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples." -share: "CSS Reference: a free visual guide to the most popular CSS properties." -url: http://localhost:4000 -markdown: kramdown -permalink: pretty -exclude: ['node_modules'] diff --git a/_config.yml b/_config.yml index 34118546..50c29ab9 100644 --- a/_config.yml +++ b/_config.yml @@ -1,8 +1,8 @@ -title: CSS Reference -subtitle: "A free visual guide to CSS" -description: "CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples." -share: "CSS Reference: a free visual guide to the most popular CSS properties." -url: https://cssreference.io +title: CSS Reference Malayalam +subtitle: "CSS-ന് മലയാളത്തിൽ ഒരു സൗജന്യ വിഷ്വൽ ഗൈഡ്" +description: "ഇംഗ്ലീഷിൽ ലഭ്യമായ CSS Reference-ന്റെ മലയാളപരിഭാഷയാണിത്. ഏറ്റവും പ്രശസ്തമായ പ്രോപ്പർട്ടികളെ ചിത്രങ്ങളിലൂടെയും ആനിമേഷനിലൂടെയുമുള്ള ഉദാഹരണങ്ങൾ വഴി വിശദീകരിച്ചിരിക്കുന്നു." +share: "CSS Reference Malayalam: ഏറ്റവും പ്രശസ്തമായ CSS പ്രോപ്പർട്ടികൾക്കുള്ള സൗജന്യ വിഷ്വൽ ഗൈഡ്." +url: https://css.digitalmalyali.in markdown: kramdown permalink: pretty exclude: ['node_modules'] diff --git a/_includes/collections/typography-list.html b/_includes/collections/typography-list.html index 9a406e69..7f1b7088 100644 --- a/_includes/collections/typography-list.html +++ b/_includes/collections/typography-list.html @@ -1 +1,39 @@ -
  • color
  • font-family
  • font-size
  • font-style
  • font-variant
  • font-weight
  • font
  • letter-spacing
  • line-height
  • text-align
  • text-decoration
  • text-indent
  • text-overflow
  • text-shadow
  • text-transform
  • white-space
  • word-break
  • word-spacing
    • \ No newline at end of file +
  • color
    • +
  • font-family
    • +
  • font-size
    • +
  • font-style
    • +
  • font-variant
    • +
  • font-weight
    • +
  • font
    • +
  • letter-spacing
    • +
  • line-height
    • +
  • text-align
    • +
  • text-decoration
    • +
  • text-indent
    • +
  • text-overflow
    • +
  • text-shadow
    • +
  • text-transform
    • +
  • white-space
    • +
  • word-break
    • +
  • word-spacing
    • \ No newline at end of file diff --git a/_includes/components/finder.html b/_includes/components/finder.html index ea79315f..ed9be0b1 100644 --- a/_includes/components/finder.html +++ b/_includes/components/finder.html @@ -1,6 +1,6 @@
    - +
    diff --git a/_includes/ff.html b/_includes/ff.html index bce38953..3ab7a91e 100644 --- a/_includes/ff.html +++ b/_includes/ff.html @@ -1,9 +1,6 @@ - +

    - New! My 44-page ebook "CSS in 44 minutes" is out! 😃 + ശ്രദ്ധിക്കുക! ഈ വെബ്സൈറ്റ് പണിപ്പുരയിലാണ്! 🛠️

    - - Get it now → -     diff --git a/css/website.css b/css/website.css index 7399a34a..fdb02251 100644 --- a/css/website.css +++ b/css/website.css @@ -1 +1 @@ -/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{color:inherit;font-family:inherit;margin:0}html{box-sizing:border-box}*{box-sizing:inherit}*:before,*:after{box-sizing:inherit}img,embed,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:before,[data-tooltip-after]:after{background-color:#333;border-radius:2px;bottom:100%;color:#fff;content:attr(data-tooltip);font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:0.6rem;font-weight:400;left:50%;line-height:1.2;opacity:0;padding:0.5em 0.6em;pointer-events:none;position:absolute;text-align:center;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;visibility:hidden;white-space:nowrap}[data-tooltip-after]:after{content:attr(data-tooltip-after)}[data-tooltip]:hover:before,[data-tooltip-after]:hover:after{opacity:1;-webkit-transform:translateX(-50%) translateY(-4px);transform:translateX(-50%) translateY(-4px);visibility:visible}[data-tooltip].is-copied:before{background:#23d160;content:"Copied!"}html{background:#fff;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;max-width:100vw;min-width:300px;overflow-x:hidden;text-rendering:optimizeLegibility}body{color:#4d4d4d;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1rem;line-height:1.6}a,button,input,textarea{outline:none}a{color:#3273dc;cursor:pointer;text-decoration:none;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:background, border-bottom-color, color;transition-property:background, border-bottom-color, color}code{font-family:"Inconsolata","Source Code Pro","Consolas","Monaco","Courier",monospace;font-size:0.8em}img{max-height:100%;max-width:100%}strong{color:#333}pre{white-space:pre;word-wrap:normal}pre code{font-size:1em;padding:0}textarea{max-height:100%;max-width:100%}html ::-moz-selection{background:#00d1b2;color:#fff}html ::selection{background:#00d1b2;color:#fff}.container{margin-left:auto;margin-right:auto;max-width:700px}@media (min-width: 800px){html{font-size:18px;padding-left:226px}html.is-index{padding-left:0}}.input,.textarea,.button{-moz-appearance:none;-webkit-appearance:none;background:#f2f2f2;border:none;font-size:1em;line-height:1.6;padding:0.6em 1em}.textarea{max-height:100%;max-width:100%;min-height:6em}.button{border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,0.2);cursor:pointer;font-weight:700;padding-left:1.2em;padding-right:1.2em;text-align:center;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:background, box-shadow, color, -webkit-transform;transition-property:background, box-shadow, color, -webkit-transform;transition-property:background, box-shadow, color, transform;transition-property:background, box-shadow, color, transform, -webkit-transform;will-change:box-shadow}.button:hover{box-shadow:0 4px 8px rgba(0,0,0,0.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.button:active{box-shadow:0 0 0 rgba(0,0,0,0.01);-webkit-transform:translateY(0);transform:translateY(0)}.button.is-primary{background:#00d1b2;color:#fff}.button.is-primary:hover{background:#00b89c}.button.is-primary:active{background:#009e86}.button.is-facebook{background:#3b5998;color:#fff}.button.is-facebook:hover{background:#344e86}.button.is-facebook:active{background:#2d4373}.button.is-twitter{background:#55acee;color:#fff}.button.is-twitter:hover{background:#3ea1ec}.button.is-twitter:active{background:#2795e9}.icon{display:block;pointer-events:none;position:relative;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity;transition-property:opacity}.icon.is-back{height:7px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center center;transform-origin:center center;width:7px}.icon.is-back:before,.icon.is-back:after{background:#fff;border-radius:4px;content:"";display:block;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:background;transition-property:background}.icon.is-back:before{height:2px}.icon.is-back:after{height:7px;margin-top:-2px;width:2px}.icon.is-close{height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center;width:14px}.icon.is-close:before,.icon.is-close:after{background:#fff;border-radius:4px;content:"";display:block;position:absolute}.icon.is-close:before{height:4px;left:0;margin-top:-2px;top:50%;width:14px}.icon.is-close:after{height:14px;left:50%;margin-left:-2px;top:0;width:4px}.icon.is-search{border:2px solid gray;border-radius:290486px;height:12px;-webkit-transform:rotate(-45deg) translateX(4px) translateY(-5px);transform:rotate(-45deg) translateX(4px) translateY(-5px);-webkit-transform-origin:center center;transform-origin:center center;width:12px}.icon.is-search:before{background:gray;border-radius:290486px;content:"";height:7px;left:50%;margin-left:-1px;position:absolute;top:100%;width:2px}.menu{background:#fff;position:relative}.menu-logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem 0}.menu-logo img{display:block;height:36px;width:186px}.menu-logo-icon{height:24px;position:relative;width:21px}.menu-logo-type{height:18.5px;margin-bottom:6px;margin-left:9px;width:160px}.menu-collections{border-top:1px solid #e6e6e6;padding:1rem}.menu-collections ul{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.menu-collection-link{border-radius:2px;display:block;padding:0 6px}.menu-collection-link:hover{background:#00d1b2;color:#fff}.menu-collection-link--active{background:#00d1b2;color:#fff}.menu-nav{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}.menu-search{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;position:relative}.menu-search input{-moz-appearance:none;-webkit-appearance:none;border:none;display:block;font-family:inherit;font-size:0.8rem;padding:1em;padding-left:2.5rem;width:100%}.menu-search input:focus+.icon{opacity:1}.menu-search .icon{left:1rem;opacity:0.3;pointer-events:none;position:absolute;top:50%}.menu-list{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;font-size:0.8rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:relative}.menu-list ul{-webkit-overflow-scrolling:touch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:auto}.menu-list .menu-link{display:block;padding:0.75rem 2rem;-webkit-transition:none;transition:none}.menu-list.is-searching .menu-item{display:none}.menu-list.is-searching .menu-item.is-highlighted,.menu-list.is-searching .menu-item.is-selected{display:block}.menu-item .highlight{background:#ffdd57;color:rgba(0,0,0,0.7)}.menu-item:hover,.menu-item.is-selected{background:#00d1b2;color:#fff}.menu-item:hover .item-name,.menu-item.is-selected .item-name{color:#fff}.menu-list-shadow{display:block;left:0;opacity:0;pointer-events:none;position:absolute;right:0}.menu-list-shadow.is-top{background:-webkit-linear-gradient(rgba(0,0,0,0.1), transparent);background:linear-gradient(rgba(0,0,0,0.1), transparent);height:1rem;top:0;-webkit-transform-origin:center top;transform-origin:center top}.menu-list-shadow.is-bottom{background:-webkit-linear-gradient(transparent, rgba(0,0,0,0.1));background:linear-gradient(transparent, rgba(0,0,0,0.1));bottom:0;height:1rem;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.menu-close{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#3273dc;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-weight:700;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem;text-align:center}.menu-close strong{color:#fff}.menu-close .icon{margin-right:0.25rem;margin-top:1px}.menu-hello{background:#fff}.menu-hello #huggingFace{background:#fff}#huggingFace{color:#333;display:none;font-size:16px;line-height:1.4;min-height:218px;padding:1.5rem;padding-bottom:1rem}#huggingFace img{height:24px;margin-top:-4px;vertical-align:middle;width:24px}#huggingFace strong{position:relative}#huggingFace strong:before{background:#9efff0;background:#00d1b2;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}#huggingFace p{margin-bottom:0.5em}#carbon{display:none;font-size:14px;line-height:1.2;min-height:218px}#carbonads a,#carbonads img,#carbonads span{display:block;max-width:240px}#carbonads .carbon-wrap a:first-child{height:calc(100px + 1rem);padding:1rem 1rem 0}#carbonads .carbon-wrap a:last-child{padding:0.5rem 1rem 0}#carbonads .carbon-poweredby{color:gray;padding:0.5rem 1rem 1rem}#carbonads:hover .carbon-wrap a:last-child{text-decoration:underline}#placeholder{display:block;font-size:14px;line-height:1.2}.placeholder-image{height:calc(100px + 1rem);padding:1rem 1rem 0}.placeholder-image div{background:#f2f2f2;height:100px;width:150px}.placeholder-content{padding:0.5rem 1rem 0}.placeholder-content div{background:#f2f2f2;height:1em;margin-bottom:0.2em}.placeholder-content div:last-child{width:30%}.placeholder-footer{padding:0.5rem 1rem 1rem}.placeholder-footer div{background:#f2f2f2;height:1em;width:40%}@media (max-width: 799px){.menu-collections{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.menu-collections li{margin:0.25rem}.menu-nav{bottom:0;left:0;position:absolute;right:0;top:0;background:#fff;display:none;position:fixed}.menu-nav.is-active{display:-webkit-box;display:-ms-flexbox;display:flex}#huggingFace{padding:2rem}#carbonads .carbon-wrap a:first-child,#carbonads .carbon-wrap a:last-child,#carbonads .carbon-poweredby{padding-left:2rem;padding-right:2rem}}@media (min-width: 800px){.menu{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:#fff;bottom:0;box-shadow:0 0 1rem rgba(0,0,0,0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;left:0;min-height:100vh;position:fixed;top:0;width:226px}.menu-header{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.menu-collections{font-size:0.8rem;padding-left:1rem}.menu-nav{border-top:1px solid #e6e6e6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.menu-search input{font-size:0.8rem}.menu-list .menu-link{font-size:0.8rem;padding:0.25rem 1rem}.menu-hello{background:#fff;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.menu-close{display:none}}.header{background-color:#f2f2f2}.header-figure{display:-webkit-box;display:-ms-flexbox;display:flex}.header-figure img:first-child{height:128px;width:128px}.header-carbon{background-color:white;border-radius:5px;box-shadow:0 0 1rem rgba(0,0,0,0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;width:240px}.header-title{color:#333;font-size:1.2rem;font-weight:bold;line-height:1.2;margin-bottom:0.5rem}.header-subtitle{line-height:1.6rem}.header-subtitle a{color:inherit}.header-subtitle strong:first-child{color:#00d1b2}.header-share{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0.5rem}.header-share .share-button{height:48px;width:48px}.header-share .share-button svg{height:24px;width:24px}@media (max-width: 799px){.header{padding:30px}.header-figure{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}.header-figure img:last-child{height:40px}.header-carbon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 2rem}.header-subtitle{margin-top:10px}}@media (min-width: 800px){.header{padding:60px 60px 30px}.header-figure{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}.header-figure img:last-child{height:80px;margin-left:20px}.header-carbon{margin-left:1rem;margin-right:2rem}.header-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.header-text{margin-right:2rem}.header-share{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.footer{background:#fff;bottom:0;box-shadow:0 0 1rem rgba(0,0,0,0.2);left:0;position:fixed;right:0}.footer-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:gray;display:none;line-height:1.2;padding:0 1rem}.footer-title small{font-size:0.8em;margin-left:0.5em}.footer-title a{border-radius:2px;margin-left:-4px;padding:2px 4px}.footer-title a:hover{background:#05ffb0;color:#310736}.footer-facebook,.footer-github{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.footer-facebook iframe,.footer-github iframe{height:20px}.footer-share{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.footer-share--contribute{display:none}.footer-share-label{margin-right:0.25rem}.share-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:2rem}.share-button:before{bottom:0;left:0;position:absolute;right:0;top:0;background:rgba(0,0,0,0.14);border-radius:5px;content:"";display:block;height:100%;opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;width:100%}.share-button svg{height:1rem;position:relative;width:1rem}.share-button:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.footer-share-nav{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;padding:0 1rem;position:absolute;right:0;top:0}@media (max-width: 799px){.footer-share--social{padding:0.5rem 1rem}}@media (min-width: 800px){.footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0.8rem;height:3rem;left:226px}.footer-share,.footer-facebook,.footer-github{display:-webkit-box;display:-ms-flexbox;display:flex}.footer-title{display:none;padding:0.25rem 1rem}.footer-share{border-left:1px solid #e6e6e6;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;padding:0.25rem 1rem}.footer-share-nav{display:none}}@media (min-width: 1000px){.footer-title{display:-webkit-box;display:-ms-flexbox;display:flex}}.index-collections{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.2}.index-collections a,.index-collections strong{border-radius:2px;padding:5px 10px}.index-collections a:hover{background:#00d1b2;color:#fff}.index-collections a.is-new{-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-shadow:0 0 0 1px #ff4538;display:-webkit-box;display:-ms-flexbox;display:flex}.index-collections a.is-new:hover{background:#ff4538}.index-collections .tag{font-size:0.75em;margin-left:0.5em;position:relative;vertical-align:middle}@media (max-width: 799px){.index-collections{padding:1rem 1rem 0}}@media (min-width: 800px){.index-collections{border-bottom:1px solid #e6e6e6;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}.index-collections strong{padding-left:0}}.finder{position:relative}.finder .menu-search input{font-size:1rem}.finder-list.is-searching .finder-item{display:none}.finder-list.is-searching .finder-item.is-highlighted:not(.is-hidden){display:block}.finder-list.is-searching .finder-item.is-selected{display:block}.finder-item{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;cursor:pointer;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.finder-item:hover .finder-item-link{background:#f2f2f2}.finder-item:hover .finder-item-meta .light{opacity:1}.finder-item.is-hidden{display:none}.finder-item.is-selected{z-index:1}.finder-item.is-selected .finder-item-link,.finder-item.is-selected .finder-item-link:hover{background:#00d1b2;color:#fff}.finder-item-link{display:block;padding:0.25rem 1rem;-webkit-transition:none;transition:none}.finder-item-link:visited{color:#b86bff}.finder-item-link:hover{background:#f2f2f2}.finder-item-link .highlight{background:#ffdd57;color:rgba(0,0,0,0.7)}.finder-item-link .light--experimental{margin-left:4px;position:relative;top:-1px}.finder-item-meta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;right:0;top:0}.finder-item-meta .light:hover{text-decoration:underline}.light{border-radius:2px;color:#333;font-size:0.8em;font-weight:normal;line-height:1.2;opacity:0.5;padding:2px 4px;text-transform:lowercase;white-space:nowrap}label.light{cursor:pointer}label.light input{cursor:pointer;margin-right:4px}@media (max-width: 799px){.finder{padding-bottom:1rem}.finder-item-meta{padding-right:0.5rem}.finder-item-meta .light{margin-left:2px}}@media (min-width: 800px){.finder{padding-bottom:3rem}.finder-item-meta{padding:0 1em}.finder-item-meta .light{margin-left:4px}}.heading{background:#310736;color:#94529c;padding:4rem 3rem}.heading-title{font-size:2rem;line-height:1.2}.heading-title strong{color:#fff;font-weight:700}.heading-share{-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.heading-share-label{color:#94529c;font-size:0.8em;margin-right:0.5rem}.heading-share-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:3rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:3rem}.heading-share-button:before{bottom:0;left:0;position:absolute;right:0;top:0;background:#622369;border-radius:5px;content:"";display:block;height:100%;opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;width:100%}.heading-share-button svg{height:1.5rem;position:relative;width:1.5rem}.heading-share-button:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}@media (max-width: 799px){.heading-share{margin-top:2rem}}@media (max-width: 1199px){.heading-share{min-width:8rem;text-align:center}.heading-share-label{display:block;margin-bottom:0.5rem}.heading-share-button{vertical-align:top}}@media (min-width: 800px){.heading{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.heading-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}}@media (min-width: 1200px){.heading-share{display:-webkit-box;display:-ms-flexbox;display:flex}.heading-share-label{margin-right:0.5rem}.heading-share-button{display:-webkit-box;display:-ms-flexbox;display:flex}}.list{padding-bottom:3rem;position:relative}.list .menu-search input{font-size:1rem}.list-list.is-searching .menu-item{display:none}.list-list.is-searching .menu-item.is-highlighted,.list-list.is-searching .menu-item.is-selected{display:-webkit-box;display:-ms-flexbox;display:flex}.list-item{border-top:1px solid #00d1b2;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.list-name{display:block;padding:1rem;-webkit-transition:none;transition:none}.list-collections{bottom:0;color:rgba(0,0,0,0.3);display:none;font-size:0.8em;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;right:0;top:0}.list-collections a:hover{text-decoration:underline}.list-collections strong{color:inherit;text-transform:capitalize}@media (min-width: 800px){.list-name,.list-collections{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem}.list-name{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.list-item{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.properties{padding-bottom:3rem;position:relative}.property{background-color:#fff;background-image:-webkit-linear-gradient(#ebfffc, #fff);background-image:linear-gradient(#ebfffc, #fff);background-repeat:no-repeat;background-size:100% 4rem;border-top:2px solid #00d1b2;overflow:hidden;padding-bottom:3rem;padding-top:2rem}.property--shorthand{background-image:-webkit-linear-gradient(#f5ebff, #fff);background-image:linear-gradient(#f5ebff, #fff);border-top-color:#b86bff}.property-links{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0.7rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;opacity:0.5;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity;transition-property:opacity}.property-links a{border-bottom:1px solid transparent;color:gray;margin-left:1em}.property-links a:before{left:auto;right:0;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);white-space:nowrap}.property-links a:hover{border-bottom-color:#3273dc;color:#3273dc}.property-links a:hover:before{-webkit-transform:translateX(0) translateY(-4px);transform:translateX(0) translateY(-4px)}.property-links strong{text-transform:capitalize}.property-links:hover{opacity:1}.property-links .property-collections a{margin-left:0.25em}.property-name{font-size:1.2rem;font-weight:700}.property-name a{border-bottom:1px solid transparent;color:#333;display:inline-block;position:relative;vertical-align:top}.property-name a span{color:#e6e6e6;padding-right:0.6em;position:absolute;right:100%;top:0}.property-name a:hover{border-bottom-color:#3273dc;color:#3273dc}.property-name a:hover span{color:#3273dc}.property-description code{background:#f2f2f2;border-radius:2px;color:#333;padding:0.2em 0.4em}.property-description p{margin-top:0.5em}.property-description .shorthand{padding:0}.property-description .shorthand a{background:#f2f2f2;border-radius:2px;padding:0.2em 0.4em}.property-description .shorthand a:hover{background:#3273dc;color:#fff}.property-animation{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1rem}.property-animation .button{background:#23d160;color:#fff;font-size:0.8rem}.property-animation .button:before{content:"▶ Play animations"}.property-animation .button:first-letter{margin-right:0.25em}.property-animation .button.is-playing{background:#ff4538}.property-animation .button.is-playing:before{content:"￭ Stop"}@media (max-width: 799px){.property-header{padding-left:2rem;padding-right:2rem}.property-links{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0.5rem}}@media (min-width: 800px){.property-header{padding-left:3rem;padding-right:3rem}.property-links{float:right;padding:0.25rem 0}}.example-value,.example-default,.example-recommended{background:#ffdd57;border-radius:2px;color:rgba(0,0,0,0.7);display:inline-block;padding:0.1em 0.5em 0.15em;vertical-align:top}.example-value{cursor:pointer;position:relative}.example-default,.example-recommended{background:#fff;float:right}.example-default{box-shadow:inset 0 0 0 1px #ff4538;color:#ff4538}.example-recommended{box-shadow:inset 0 0 0 1px #23d160;color:#23d160}.example-fixed{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1rem}.example-fixed .button{background:#23d160;color:#fff;font-size:0.8rem}.example-fixed .button:before{content:"Enable position fixed"}.example-fixed .button.is-enabled{background:#ff4538}.example-fixed .button.is-enabled:before{content:"Disabled position fixed"}.example-description{font-size:0.9rem;margin-top:0.5rem}.example-description a{border-bottom:1px solid #e6e6e6;color:#333}.example-description a:hover{border-bottom-color:#3273dc}.example-description code{background:#f2f2f2;border-radius:2px;color:#333;padding:0.2em 0.4em}.example-description p,.example-description pre,.example-description ul{margin-top:0.5em}.example-description ul{list-style-position:outside;list-style-type:disc;margin-left:1.5em}.example-description pre{background:#f2f2f2;color:#333;font-size:0.8em;line-height:1.4;padding:0.8em 1em}.example-description .shorthand{padding:0}.example-description .shorthand a{background:#f2f2f2;border-radius:2px;padding:0.2em 0.4em}.example-description .shorthand a:hover{background:#3273dc;color:#fff}.example-browser{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f2f2f2;border:1px solid #e6e6e6;border-bottom:none;border-top-left-radius:3px;border-top-right-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.5rem}.example-browser i{background:rgba(0,0,0,0.2);border-radius:290486px;display:block;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;height:4px;margin-right:2px;width:4px}.example-output{border:1px solid #e6e6e6;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 2px 3px rgba(0,0,0,0.05);font-size:0.8em;padding:0.5em}.example-output-div{padding:0.8em 1em;position:relative}.example-complements{background:#f2f2f2;font-size:0.9em;margin-bottom:-3rem}.example-complements strong{font-weight:400;padding-left:0.35em}.example-complements .shorthand{padding:0}.example-complements .shorthand a{background:#fff;border-radius:2px;padding:0.2em 0.4em}.example-complements .shorthand a:hover{background:#3273dc;color:#fff}@media (max-width: 799px){.example{padding:2rem 2rem 0}.example-preview{margin-top:1rem}.example-complements{margin-top:2rem;padding:2rem}}@media (min-width: 800px){.example{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;padding:2rem 3rem 0}.example-header,.example-preview{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.example-header{padding-right:2rem;width:60%}.example-preview{width:40%}.example-complements{margin-top:3rem;padding:2rem 3rem}}.modal{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;padding:1rem;position:fixed;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity, visibility;transition-property:opacity, visibility;visibility:hidden}.modal-box{background:#fff;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;max-width:46rem;opacity:0;padding:4rem 2rem;position:relative;-webkit-transform:scale(0.95);transform:scale(0.95);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity, visibility, -webkit-transform;transition-property:opacity, visibility, -webkit-transform;transition-property:opacity, transform, visibility;transition-property:opacity, transform, visibility, -webkit-transform}.modal-title{color:#333;font-size:2rem;font-weight:700;line-height:1;margin-bottom:3rem;text-align:center}.modal-close{background:#f2f2f2;border-radius:290486px;height:3rem;position:absolute;right:1rem;top:1rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center;width:3rem}.modal-close:before,.modal-close:after{background:gray;content:"";display:block;position:absolute}.modal-close:before{height:50%;left:50%;margin-left:-1px;top:25%;width:2px}.modal-close:after{height:2px;left:25%;margin-top:-1px;top:50%;width:50%}.modal-close:hover{background:#e6e6e6}.modal-close:active{background:#d9d9d9}.modal.is-active{opacity:1;visibility:visible}.modal.is-active .modal-box{opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible}@media (max-width: 799px){.modal-url .input{display:block;width:100%}.modal-url .button{margin-top:1em}.modal-social .button{display:block;margin-top:1em}}@media (min-width: 800px){.modal-box{padding:4rem 6rem}.modal-url{display:-webkit-box;display:-ms-flexbox;display:flex}.modal-url .input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.modal-url .button{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;margin-left:1em;padding-left:0;padding-right:0;width:5.5em}.modal-social{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1rem}.modal-social .button{margin-right:1em}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeAndMove{from{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:1;-webkit-transform:translateX(200px);transform:translateX(200px)}}@keyframes fadeAndMove{from{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:1;-webkit-transform:translateX(200px);transform:translateX(200px)}}@-webkit-keyframes moveRight{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(200px);transform:translateX(200px)}}@keyframes moveRight{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(200px);transform:translateX(200px)}}@-webkit-keyframes rotateFull{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotateFull{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes kf-animation-fill-mode{from{background:#23d160;-webkit-transform:translateX(0);transform:translateX(0)}to{background:#3273dc;-webkit-transform:translateX(200px);transform:translateX(200px)}}@keyframes kf-animation-fill-mode{from{background:#23d160;-webkit-transform:translateX(0);transform:translateX(0)}to{background:#3273dc;-webkit-transform:translateX(200px);transform:translateX(200px)}}.sisters{background-color:#f2f2f2}.sister-banner{display:-webkit-box;display:-ms-flexbox;display:flex}.sister--htmlreference .sister-banner img{height:48px}.sister--bulma .sister-banner img{height:48px}@media (max-width: 799px){.sisters{padding:40px 20px;text-align:center}.sisters .sister+.sister{margin-top:40px}.sister-banner{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:10px}}@media (min-width: 800px){.sisters{padding:60px}.sisters .sister{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:1rem}.sisters .sister+.sister{margin-top:60px}.sister-title{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.sister-banner{-ms-flex-negative:0;flex-shrink:0;width:420px}.sister--htmlreference .sister-banner img{height:72px}.sister--bulma .sister-banner img{height:64px}}.tag{background-color:#ff4538;border-radius:2px;color:#fff;padding:0.25em 0.5em 0.375em}.box{border:2px solid #4d4d4d;border-radius:3px;position:relative}.box:before{background:#4d4d4d;border-radius:1px 0 2px 0;color:#fff;content:"";display:inline-block;font-size:0.8em;padding:0 6px 2px 4px;vertical-align:top}.box--red{border-color:#ff4538}.box--red:before{background:#ff4538}.box--green{border-color:#23d160}.box--green:before{background:#23d160}.box--plum{border-color:#310736}.box--plum:before{background:#310736}.box--alpha{border-color:#05ffb0}.box--alpha:before{background:#05ffb0;color:#310736}.line{background:#4d4d4d;height:1px;position:relative}.line:before{background:#4d4d4d;border-radius:2px;color:#fff;content:"Line";display:inline-block;font-size:10px;height:15px;line-height:15px;margin-top:-6px;padding:0 4px;vertical-align:top}.line--red{background:#ff4538}.line--red:before{background:#ff4538}.square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e6e6e6;border-radius:3px;color:#4d4d4d;display:-webkit-box;display:-ms-flexbox;display:flex;height:75px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.2;padding:0;text-align:center;width:75px}.square--plum{background:#310736;color:#fff}.square--plum:before{background:#310736}.square--alpha{background:#05ffb0;color:#310736}.square--alpha:before{background:#05ffb0}.square--pink{background:#ff3860;color:#fff}.square--pink:before{background:#ff3860}.block{background:#f2f2f2;border-radius:3px;color:#4d4d4d;display:block;line-height:1.2;padding:1em}.block strong{color:inherit}.block--alpha{background:#05ffb0;color:#310736}.block--beta{background:#00e7eb;color:#310736}.block--pink{background:#ff3860;color:#310736}.block--plum{background:#310736;color:#fff}.block--yellow{background:#ffdd57;color:#310736}.block--orange{background:#ff470f;color:#310736}.block--green{background:#23d160;color:#310736}.block--turquoise{background:#00d1b2;color:#310736}.block--blue{background:#3273dc;color:#310736}.block--purple{background:#b86bff;color:#310736}.block--red{background:#ff4538;color:#310736}.natural,.actual{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;border-radius:3px;line-height:1.2;padding:0.8em 1em}.natural{border:2px dotted #ff4538;color:#ff4538}.actual{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;background:#05ffb0;border:2px solid #05ffb0;color:#310736}.emoji{font-size:1.25em;vertical-align:middle}.bsa-shadow{background:-webkit-linear-gradient(rgba(0,0,0,0.1), transparent);background:linear-gradient(rgba(0,0,0,0.1), transparent);display:block;height:1rem;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:42px;-webkit-transform-origin:center top;transform-origin:center top}.bsa-cpc{background-color:#fff;font-size:16px;line-height:1.4;padding:10px;text-align:center}.bsa-cpc>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.bsa-cpc .default-ad{background-color:#00d1b2;border-radius:2px;color:#fff;font-size:12px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-left:10px;padding:0 4px;text-transform:uppercase}.bsa-cpc a._default_{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:20px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.bsa-cpc a._default_:hover{text-decoration:underline}.bsa-cpc .default-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;height:20px;padding-right:10px}.bsa-cpc .default-image img{height:20px}.bsa-cpc .default-title{padding-right:5px}.bsa-cpc .default-title:after{content:" — "}@media (max-width: 799px){.bsa-cpc{border-top:1px solid #e6e6e6}}@media (min-width: 800px){.properties--single{padding-top:42px}.bsa-cpc{min-height:42px}.ola .bsa-cpc,.alo.is-fixed .bsa-cpc{left:226px;position:fixed;right:0;top:0}.alo{min-height:42px}}.ff{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#5f45bb;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;padding:1rem;position:relative}.ff strong{color:currentColor}.ff .tag{margin-right:0.5em}.ff .button{position:relative;-webkit-transform-origin:center;transform-origin:center;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;white-space:nowrap}.ff:hover .button{-webkit-transform:scale(1.1);transform:scale(1.1)}.ff-background{bottom:0;left:0;position:absolute;right:0;top:0;background-image:url("/images/fortyfour-background.jpg");background-position:center center;background-size:cover;opacity:0.5}.ff-text{line-height:1.25;margin-right:0.5rem;position:relative}.ff-button{display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:34px;position:relative;width:145px}.ff-button img{max-height:100%}@media (min-width: 480px){.ff-text{margin-right:1rem}}.modal,.bsa-cpc{z-index:50}.menu{z-index:40}.footer{z-index:30}.properties,.list{z-index:20}.header{z-index:10} +/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{color:inherit;font-family:inherit;margin:0}html{box-sizing:border-box}*{box-sizing:inherit}*:before,*:after{box-sizing:inherit}img,embed,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:before,[data-tooltip-after]:after{background-color:#333;border-radius:2px;bottom:100%;color:#fff;content:attr(data-tooltip);font-family:"Noto Sans","Noto Sans Malayalam",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial","Manjari",sans-serif;font-size:0.6rem;font-weight:400;left:50%;line-height:1.2;opacity:0;padding:0.5em 0.6em;pointer-events:none;position:absolute;text-align:center;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;visibility:hidden;white-space:nowrap}[data-tooltip-after]:after{content:attr(data-tooltip-after)}[data-tooltip]:hover:before,[data-tooltip-after]:hover:after{opacity:1;-webkit-transform:translateX(-50%) translateY(-4px);transform:translateX(-50%) translateY(-4px);visibility:visible}[data-tooltip].is-copied:before{background:#23d160;content:"Copied!"}html{background:#fff;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;max-width:100vw;min-width:300px;overflow-x:hidden;text-rendering:optimizeLegibility}body{color:#4d4d4d;font-family:"Noto Sans","Noto Sans Malayalam",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial","Manjari",sans-serif;font-size:1rem;line-height:1.6}a,button,input,textarea{outline:none}a{color:#3273dc;cursor:pointer;text-decoration:none;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:background, border-bottom-color, color;transition-property:background, border-bottom-color, color}code{font-family:"Inconsolata","Source Code Pro","Consolas","Monaco","Courier",monospace;font-size:0.8em}img{max-height:100%;max-width:100%}strong{color:#333}pre{white-space:pre;word-wrap:normal}pre code{font-size:1em;padding:0}textarea{max-height:100%;max-width:100%}html ::-moz-selection{background:#00d1b2;color:#fff}html ::selection{background:#00d1b2;color:#fff}.container{margin-left:auto;margin-right:auto;max-width:700px}@media (min-width: 800px){html{font-size:18px;padding-left:226px}html.is-index{padding-left:0}}.input,.textarea,.button{-moz-appearance:none;-webkit-appearance:none;background:#f2f2f2;border:none;font-size:1em;line-height:1.6;padding:0.6em 1em}.textarea{max-height:100%;max-width:100%;min-height:6em}.button{border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,0.2);cursor:pointer;font-weight:700;padding-left:1.2em;padding-right:1.2em;text-align:center;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:background, box-shadow, color, -webkit-transform;transition-property:background, box-shadow, color, -webkit-transform;transition-property:background, box-shadow, color, transform;transition-property:background, box-shadow, color, transform, -webkit-transform;will-change:box-shadow}.button:hover{box-shadow:0 4px 8px rgba(0,0,0,0.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.button:active{box-shadow:0 0 0 rgba(0,0,0,0.01);-webkit-transform:translateY(0);transform:translateY(0)}.button.is-primary{background:#00d1b2;color:#fff}.button.is-primary:hover{background:#00b89c}.button.is-primary:active{background:#009e86}.button.is-facebook{background:#3b5998;color:#fff}.button.is-facebook:hover{background:#344e86}.button.is-facebook:active{background:#2d4373}.button.is-twitter{background:#55acee;color:#fff}.button.is-twitter:hover{background:#3ea1ec}.button.is-twitter:active{background:#2795e9}.icon{display:block;pointer-events:none;position:relative;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity;transition-property:opacity}.icon.is-back{height:7px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center center;transform-origin:center center;width:7px}.icon.is-back:before,.icon.is-back:after{background:#fff;border-radius:4px;content:"";display:block;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:background;transition-property:background}.icon.is-back:before{height:2px}.icon.is-back:after{height:7px;margin-top:-2px;width:2px}.icon.is-close{height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center;width:14px}.icon.is-close:before,.icon.is-close:after{background:#fff;border-radius:4px;content:"";display:block;position:absolute}.icon.is-close:before{height:4px;left:0;margin-top:-2px;top:50%;width:14px}.icon.is-close:after{height:14px;left:50%;margin-left:-2px;top:0;width:4px}.icon.is-search{border:2px solid gray;border-radius:290486px;height:12px;-webkit-transform:rotate(-45deg) translateX(4px) translateY(-5px);transform:rotate(-45deg) translateX(4px) translateY(-5px);-webkit-transform-origin:center center;transform-origin:center center;width:12px}.icon.is-search:before{background:gray;border-radius:290486px;content:"";height:7px;left:50%;margin-left:-1px;position:absolute;top:100%;width:2px}.menu{background:#fff;position:relative}.menu-logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem 0}.menu-logo img{display:block;height:36px;width:186px}.menu-logo-icon{height:24px;position:relative;width:21px}.menu-logo-type{height:18.5px;margin-bottom:6px;margin-left:9px;width:160px}.menu-collections{border-top:1px solid #e6e6e6;padding:1rem}.menu-collections ul{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.menu-collection-link{border-radius:2px;display:block;padding:0 6px}.menu-collection-link:hover{background:#00d1b2;color:#fff}.menu-collection-link--active{background:#00d1b2;color:#fff}.menu-nav{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}.menu-search{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;position:relative}.menu-search input{-moz-appearance:none;-webkit-appearance:none;border:none;display:block;font-family:inherit;font-size:0.8rem;padding:1em;padding-left:2.5rem;width:100%}.menu-search input:focus+.icon{opacity:1}.menu-search .icon{left:1rem;opacity:0.3;pointer-events:none;position:absolute;top:50%}.menu-list{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;font-size:0.8rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:relative}.menu-list ul{-webkit-overflow-scrolling:touch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:auto}.menu-list .menu-link{display:block;padding:0.75rem 2rem;-webkit-transition:none;transition:none}.menu-list.is-searching .menu-item{display:none}.menu-list.is-searching .menu-item.is-highlighted,.menu-list.is-searching .menu-item.is-selected{display:block}.menu-item .highlight{background:#ffdd57;color:rgba(0,0,0,0.7)}.menu-item:hover,.menu-item.is-selected{background:#00d1b2;color:#fff}.menu-item:hover .item-name,.menu-item.is-selected .item-name{color:#fff}.menu-list-shadow{display:block;left:0;opacity:0;pointer-events:none;position:absolute;right:0}.menu-list-shadow.is-top{background:-webkit-linear-gradient(rgba(0,0,0,0.1), transparent);background:linear-gradient(rgba(0,0,0,0.1), transparent);height:1rem;top:0;-webkit-transform-origin:center top;transform-origin:center top}.menu-list-shadow.is-bottom{background:-webkit-linear-gradient(transparent, rgba(0,0,0,0.1));background:linear-gradient(transparent, rgba(0,0,0,0.1));bottom:0;height:1rem;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.menu-close{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#3273dc;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-weight:700;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem;text-align:center}.menu-close strong{color:#fff}.menu-close .icon{margin-right:0.25rem;margin-top:1px}.menu-hello{background:#fff}.menu-hello #huggingFace{background:#fff}#huggingFace{color:#333;display:none;font-size:16px;line-height:1.4;min-height:218px;padding:1.5rem;padding-bottom:1rem}#huggingFace img{height:24px;margin-top:-4px;vertical-align:middle;width:24px}#huggingFace strong{position:relative}#huggingFace strong:before{background:#9efff0;background:#00d1b2;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}#huggingFace p{margin-bottom:0.5em}#carbon{display:none;font-size:14px;line-height:1.2;min-height:218px}#carbonads a,#carbonads img,#carbonads span{display:block;max-width:240px}#carbonads .carbon-wrap a:first-child{height:calc(100px + 1rem);padding:1rem 1rem 0}#carbonads .carbon-wrap a:last-child{padding:0.5rem 1rem 0}#carbonads .carbon-poweredby{color:gray;padding:0.5rem 1rem 1rem}#carbonads:hover .carbon-wrap a:last-child{text-decoration:underline}#placeholder{display:block;font-size:14px;line-height:1.2}.placeholder-image{height:calc(100px + 1rem);padding:1rem 1rem 0}.placeholder-image div{background:#f2f2f2;height:100px;width:150px}.placeholder-content{padding:0.5rem 1rem 0}.placeholder-content div{background:#f2f2f2;height:1em;margin-bottom:0.2em}.placeholder-content div:last-child{width:30%}.placeholder-footer{padding:0.5rem 1rem 1rem}.placeholder-footer div{background:#f2f2f2;height:1em;width:40%}@media (max-width: 799px){.menu-collections{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.menu-collections li{margin:0.25rem}.menu-nav{bottom:0;left:0;position:absolute;right:0;top:0;background:#fff;display:none;position:fixed}.menu-nav.is-active{display:-webkit-box;display:-ms-flexbox;display:flex}#huggingFace{padding:2rem}#carbonads .carbon-wrap a:first-child,#carbonads .carbon-wrap a:last-child,#carbonads .carbon-poweredby{padding-left:2rem;padding-right:2rem}}@media (min-width: 800px){.menu{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:#fff;bottom:0;box-shadow:0 0 1rem rgba(0,0,0,0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;left:0;min-height:100vh;position:fixed;top:0;width:226px}.menu-header{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.menu-collections{font-size:0.8rem;padding-left:1rem}.menu-nav{border-top:1px solid #e6e6e6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.menu-search input{font-size:0.8rem}.menu-list .menu-link{font-size:0.8rem;padding:0.25rem 1rem}.menu-hello{background:#fff;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.menu-close{display:none}}.header{background-color:#f2f2f2}.header-figure{display:-webkit-box;display:-ms-flexbox;display:flex}.header-figure img:first-child{height:128px;width:128px}.header-carbon{background-color:white;border-radius:5px;box-shadow:0 0 1rem rgba(0,0,0,0.2);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;width:240px}.header-title{color:#333;font-size:1.2rem;font-weight:bold;line-height:1.2;margin-bottom:0.5rem}.header-subtitle{line-height:1.6rem}.header-subtitle a{color:inherit}.header-subtitle strong:first-child{color:#00d1b2}.header-share{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0.5rem}.header-share .share-button{height:48px;width:48px}.header-share .share-button svg{height:24px;width:24px}@media (max-width: 799px){.header{padding:30px}.header-figure{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}.header-figure img:last-child{height:40px}.header-carbon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 2rem}.header-subtitle{margin-top:10px}}@media (min-width: 800px){.header{padding:60px 60px 30px}.header-figure{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}.header-figure img:last-child{height:80px;margin-left:20px}.header-carbon{margin-left:1rem;margin-right:2rem}.header-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.header-text{margin-right:2rem}.header-share{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.footer{background:#fff;bottom:0;box-shadow:0 0 1rem rgba(0,0,0,0.2);left:0;position:fixed;right:0}.footer-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:gray;display:none;line-height:1.2;padding:0 1rem}.footer-title small{font-size:0.8em;margin-left:0.5em}.footer-title a{border-radius:2px;margin-left:-4px;padding:2px 4px}.footer-title a:hover{background:#05ffb0;color:#310736}.footer-facebook,.footer-github{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.footer-facebook iframe,.footer-github iframe{height:20px}.footer-share{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.footer-share--contribute{display:none}.footer-share-label{margin-right:0.25rem}.share-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:2rem}.share-button:before{bottom:0;left:0;position:absolute;right:0;top:0;background:rgba(0,0,0,0.14);border-radius:5px;content:"";display:block;height:100%;opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;width:100%}.share-button svg{height:1rem;position:relative;width:1rem}.share-button:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.footer-share-nav{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;padding:0 1rem;position:absolute;right:0;top:0}@media (max-width: 799px){.footer-share--social{padding:0.5rem 1rem}}@media (min-width: 800px){.footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0.8rem;height:3rem;left:226px}.footer-share,.footer-facebook,.footer-github{display:-webkit-box;display:-ms-flexbox;display:flex}.footer-title{display:none;padding:0.25rem 1rem}.footer-share{border-left:1px solid #e6e6e6;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;padding:0.25rem 1rem}.footer-share-nav{display:none}}@media (min-width: 1000px){.footer-title{display:-webkit-box;display:-ms-flexbox;display:flex}}.index-collections{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1.2}.index-collections a,.index-collections strong{border-radius:2px;padding:5px 10px}.index-collections a:hover{background:#00d1b2;color:#fff}.index-collections a.is-new{-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-shadow:0 0 0 1px #ff4538;display:-webkit-box;display:-ms-flexbox;display:flex}.index-collections a.is-new:hover{background:#ff4538}.index-collections .tag{font-size:0.75em;margin-left:0.5em;position:relative;vertical-align:middle}@media (max-width: 799px){.index-collections{padding:1rem 1rem 0}}@media (min-width: 800px){.index-collections{border-bottom:1px solid #e6e6e6;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}.index-collections strong{padding-left:0}}.finder{position:relative}.finder .menu-search input{font-size:1rem}.finder-list.is-searching .finder-item{display:none}.finder-list.is-searching .finder-item.is-highlighted:not(.is-hidden){display:block}.finder-list.is-searching .finder-item.is-selected{display:block}.finder-item{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;cursor:pointer;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.finder-item:hover .finder-item-link{background:#f2f2f2}.finder-item:hover .finder-item-meta .light{opacity:1}.finder-item.is-hidden{display:none}.finder-item.is-selected{z-index:1}.finder-item.is-selected .finder-item-link,.finder-item.is-selected .finder-item-link:hover{background:#00d1b2;color:#fff}.finder-item-link{display:block;padding:0.25rem 1rem;-webkit-transition:none;transition:none}.finder-item-link:visited{color:#b86bff}.finder-item-link:hover{background:#f2f2f2}.finder-item-link .highlight{background:#ffdd57;color:rgba(0,0,0,0.7)}.finder-item-link .light--experimental{margin-left:4px;position:relative;top:-1px}.finder-item-meta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;right:0;top:0}.finder-item-meta .light:hover{text-decoration:underline}.light{border-radius:2px;color:#333;font-size:0.8em;font-weight:normal;line-height:1.2;opacity:0.5;padding:2px 4px;text-transform:lowercase;white-space:nowrap}label.light{cursor:pointer}label.light input{cursor:pointer;margin-right:4px}@media (max-width: 799px){.finder{padding-bottom:1rem}.finder-item-meta{padding-right:0.5rem}.finder-item-meta .light{margin-left:2px}}@media (min-width: 800px){.finder{padding-bottom:3rem}.finder-item-meta{padding:0 1em}.finder-item-meta .light{margin-left:4px}}.heading{background:#310736;color:#94529c;padding:4rem 3rem}.heading-title{font-size:2rem;line-height:1.2}.heading-title strong{color:#fff;font-weight:700}.heading-share{-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.heading-share-label{color:#94529c;font-size:0.8em;margin-right:0.5rem}.heading-share-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:3rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:3rem}.heading-share-button:before{bottom:0;left:0;position:absolute;right:0;top:0;background:#622369;border-radius:5px;content:"";display:block;height:100%;opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;width:100%}.heading-share-button svg{height:1.5rem;position:relative;width:1.5rem}.heading-share-button:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}@media (max-width: 799px){.heading-share{margin-top:2rem}}@media (max-width: 1199px){.heading-share{min-width:8rem;text-align:center}.heading-share-label{display:block;margin-bottom:0.5rem}.heading-share-button{vertical-align:top}}@media (min-width: 800px){.heading{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.heading-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}}@media (min-width: 1200px){.heading-share{display:-webkit-box;display:-ms-flexbox;display:flex}.heading-share-label{margin-right:0.5rem}.heading-share-button{display:-webkit-box;display:-ms-flexbox;display:flex}}.list{padding-bottom:3rem;position:relative}.list .menu-search input{font-size:1rem}.list-list.is-searching .menu-item{display:none}.list-list.is-searching .menu-item.is-highlighted,.list-list.is-searching .menu-item.is-selected{display:-webkit-box;display:-ms-flexbox;display:flex}.list-item{border-top:1px solid #00d1b2;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.list-name{display:block;padding:1rem;-webkit-transition:none;transition:none}.list-collections{bottom:0;color:rgba(0,0,0,0.3);display:none;font-size:0.8em;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;right:0;top:0}.list-collections a:hover{text-decoration:underline}.list-collections strong{color:inherit;text-transform:capitalize}@media (min-width: 800px){.list-name,.list-collections{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem}.list-name{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.list-item{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.properties{padding-bottom:3rem;position:relative}.property{background-color:#fff;background-image:-webkit-linear-gradient(#ebfffc, #fff);background-image:linear-gradient(#ebfffc, #fff);background-repeat:no-repeat;background-size:100% 4rem;border-top:2px solid #00d1b2;overflow:hidden;padding-bottom:3rem;padding-top:2rem}.property--shorthand{background-image:-webkit-linear-gradient(#f5ebff, #fff);background-image:linear-gradient(#f5ebff, #fff);border-top-color:#b86bff}.property-links{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0.7rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;opacity:0.5;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity;transition-property:opacity}.property-links a{border-bottom:1px solid transparent;color:gray;margin-left:1em}.property-links a:before{left:auto;right:0;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);white-space:nowrap}.property-links a:hover{border-bottom-color:#3273dc;color:#3273dc}.property-links a:hover:before{-webkit-transform:translateX(0) translateY(-4px);transform:translateX(0) translateY(-4px)}.property-links strong{text-transform:capitalize}.property-links:hover{opacity:1}.property-links .property-collections a{margin-left:0.25em}.property-name{font-size:1.2rem;font-weight:700}.property-name a{border-bottom:1px solid transparent;color:#333;display:inline-block;position:relative;vertical-align:top}.property-name a span{color:#e6e6e6;padding-right:0.6em;position:absolute;right:100%;top:0}.property-name a:hover{border-bottom-color:#3273dc;color:#3273dc}.property-name a:hover span{color:#3273dc}.property-description code{background:#f2f2f2;border-radius:2px;color:#333;padding:0.2em 0.4em}.property-description p{margin-top:0.5em}.property-description .shorthand{padding:0}.property-description .shorthand a{background:#f2f2f2;border-radius:2px;padding:0.2em 0.4em}.property-description .shorthand a:hover{background:#3273dc;color:#fff}.property-animation{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1rem}.property-animation .button{background:#23d160;color:#fff;font-size:0.8rem}.property-animation .button:before{content:"▶ Play animations"}.property-animation .button:first-letter{margin-right:0.25em}.property-animation .button.is-playing{background:#ff4538}.property-animation .button.is-playing:before{content:"￭ Stop"}@media (max-width: 799px){.property-header{padding-left:2rem;padding-right:2rem}.property-links{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0.5rem}}@media (min-width: 800px){.property-header{padding-left:3rem;padding-right:3rem}.property-links{float:right;padding:0.25rem 0}}.example-value,.example-default,.example-recommended{background:#ffdd57;border-radius:2px;color:rgba(0,0,0,0.7);display:inline-block;padding:0.1em 0.5em 0.15em;vertical-align:top}.example-value{cursor:pointer;position:relative}.example-default,.example-recommended{background:#fff;float:right}.example-default{box-shadow:inset 0 0 0 1px #ff4538;color:#ff4538}.example-recommended{box-shadow:inset 0 0 0 1px #23d160;color:#23d160}.example-fixed{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1rem}.example-fixed .button{background:#23d160;color:#fff;font-size:0.8rem}.example-fixed .button:before{content:"Enable position fixed"}.example-fixed .button.is-enabled{background:#ff4538}.example-fixed .button.is-enabled:before{content:"Disabled position fixed"}.example-description{font-size:0.9rem;margin-top:0.5rem}.example-description a{border-bottom:1px solid #e6e6e6;color:#333}.example-description a:hover{border-bottom-color:#3273dc}.example-description code{background:#f2f2f2;border-radius:2px;color:#333;padding:0.2em 0.4em}.example-description p,.example-description pre,.example-description ul{margin-top:0.5em}.example-description ul{list-style-position:outside;list-style-type:disc;margin-left:1.5em}.example-description pre{background:#f2f2f2;color:#333;font-size:0.8em;line-height:1.4;padding:0.8em 1em}.example-description .shorthand{padding:0}.example-description .shorthand a{background:#f2f2f2;border-radius:2px;padding:0.2em 0.4em}.example-description .shorthand a:hover{background:#3273dc;color:#fff}.example-browser{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f2f2f2;border:1px solid #e6e6e6;border-bottom:none;border-top-left-radius:3px;border-top-right-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:0.5rem}.example-browser i{background:rgba(0,0,0,0.2);border-radius:290486px;display:block;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;height:4px;margin-right:2px;width:4px}.example-output{border:1px solid #e6e6e6;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 2px 3px rgba(0,0,0,0.05);font-size:0.8em;padding:0.5em}.example-output-div{padding:0.8em 1em;position:relative}.example-complements{background:#f2f2f2;font-size:0.9em;margin-bottom:-3rem}.example-complements strong{font-weight:400;padding-left:0.35em}.example-complements .shorthand{padding:0}.example-complements .shorthand a{background:#fff;border-radius:2px;padding:0.2em 0.4em}.example-complements .shorthand a:hover{background:#3273dc;color:#fff}@media (max-width: 799px){.example{padding:2rem 2rem 0}.example-preview{margin-top:1rem}.example-complements{margin-top:2rem;padding:2rem}}@media (min-width: 800px){.example{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;padding:2rem 3rem 0}.example-header,.example-preview{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.example-header{padding-right:2rem;width:60%}.example-preview{width:40%}.example-complements{margin-top:3rem;padding:2rem 3rem}}.modal{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;padding:1rem;position:fixed;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity, visibility;transition-property:opacity, visibility;visibility:hidden}.modal-box{background:#fff;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;max-width:46rem;opacity:0;padding:4rem 2rem;position:relative;-webkit-transform:scale(0.95);transform:scale(0.95);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:opacity, visibility, -webkit-transform;transition-property:opacity, visibility, -webkit-transform;transition-property:opacity, transform, visibility;transition-property:opacity, transform, visibility, -webkit-transform}.modal-title{color:#333;font-size:2rem;font-weight:700;line-height:1;margin-bottom:3rem;text-align:center}.modal-close{background:#f2f2f2;border-radius:290486px;height:3rem;position:absolute;right:1rem;top:1rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center;width:3rem}.modal-close:before,.modal-close:after{background:gray;content:"";display:block;position:absolute}.modal-close:before{height:50%;left:50%;margin-left:-1px;top:25%;width:2px}.modal-close:after{height:2px;left:25%;margin-top:-1px;top:50%;width:50%}.modal-close:hover{background:#e6e6e6}.modal-close:active{background:#d9d9d9}.modal.is-active{opacity:1;visibility:visible}.modal.is-active .modal-box{opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible}@media (max-width: 799px){.modal-url .input{display:block;width:100%}.modal-url .button{margin-top:1em}.modal-social .button{display:block;margin-top:1em}}@media (min-width: 800px){.modal-box{padding:4rem 6rem}.modal-url{display:-webkit-box;display:-ms-flexbox;display:flex}.modal-url .input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.modal-url .button{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;margin-left:1em;padding-left:0;padding-right:0;width:5.5em}.modal-social{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1rem}.modal-social .button{margin-right:1em}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeAndMove{from{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:1;-webkit-transform:translateX(200px);transform:translateX(200px)}}@keyframes fadeAndMove{from{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:1;-webkit-transform:translateX(200px);transform:translateX(200px)}}@-webkit-keyframes moveRight{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(200px);transform:translateX(200px)}}@keyframes moveRight{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(200px);transform:translateX(200px)}}@-webkit-keyframes rotateFull{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotateFull{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes kf-animation-fill-mode{from{background:#23d160;-webkit-transform:translateX(0);transform:translateX(0)}to{background:#3273dc;-webkit-transform:translateX(200px);transform:translateX(200px)}}@keyframes kf-animation-fill-mode{from{background:#23d160;-webkit-transform:translateX(0);transform:translateX(0)}to{background:#3273dc;-webkit-transform:translateX(200px);transform:translateX(200px)}}.sisters{background-color:#f2f2f2}.sister-banner{display:-webkit-box;display:-ms-flexbox;display:flex}.sister--htmlreference .sister-banner img{height:48px}.sister--bulma .sister-banner img{height:48px}@media (max-width: 799px){.sisters{padding:40px 20px;text-align:center}.sisters .sister+.sister{margin-top:40px}.sister-banner{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:10px}}@media (min-width: 800px){.sisters{padding:60px}.sisters .sister{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:1rem}.sisters .sister+.sister{margin-top:60px}.sister-title{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.sister-banner{-ms-flex-negative:0;flex-shrink:0;width:420px}.sister--htmlreference .sister-banner img{height:72px}.sister--bulma .sister-banner img{height:64px}}.tag{background-color:#ff4538;border-radius:2px;color:#fff;padding:0.25em 0.5em 0.375em}.box{border:2px solid #4d4d4d;border-radius:3px;position:relative}.box:before{background:#4d4d4d;border-radius:1px 0 2px 0;color:#fff;content:"";display:inline-block;font-size:0.8em;padding:0 6px 2px 4px;vertical-align:top}.box--red{border-color:#ff4538}.box--red:before{background:#ff4538}.box--green{border-color:#23d160}.box--green:before{background:#23d160}.box--plum{border-color:#310736}.box--plum:before{background:#310736}.box--alpha{border-color:#05ffb0}.box--alpha:before{background:#05ffb0;color:#310736}.line{background:#4d4d4d;height:1px;position:relative}.line:before{background:#4d4d4d;border-radius:2px;color:#fff;content:"Line";display:inline-block;font-size:10px;height:15px;line-height:15px;margin-top:-6px;padding:0 4px;vertical-align:top}.line--red{background:#ff4538}.line--red:before{background:#ff4538}.square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e6e6e6;border-radius:3px;color:#4d4d4d;display:-webkit-box;display:-ms-flexbox;display:flex;height:75px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.2;padding:0;text-align:center;width:75px}.square--plum{background:#310736;color:#fff}.square--plum:before{background:#310736}.square--alpha{background:#05ffb0;color:#310736}.square--alpha:before{background:#05ffb0}.square--pink{background:#ff3860;color:#fff}.square--pink:before{background:#ff3860}.block{background:#f2f2f2;border-radius:3px;color:#4d4d4d;display:block;line-height:1.2;padding:1em}.block strong{color:inherit}.block--alpha{background:#05ffb0;color:#310736}.block--beta{background:#00e7eb;color:#310736}.block--pink{background:#ff3860;color:#310736}.block--plum{background:#310736;color:#fff}.block--yellow{background:#ffdd57;color:#310736}.block--orange{background:#ff470f;color:#310736}.block--green{background:#23d160;color:#310736}.block--turquoise{background:#00d1b2;color:#310736}.block--blue{background:#3273dc;color:#310736}.block--purple{background:#b86bff;color:#310736}.block--red{background:#ff4538;color:#310736}.natural,.actual{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;border-radius:3px;line-height:1.2;padding:0.8em 1em}.natural{border:2px dotted #ff4538;color:#ff4538}.actual{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;background:#05ffb0;border:2px solid #05ffb0;color:#310736}.emoji{font-size:1.25em;vertical-align:middle}.bsa-shadow{background:-webkit-linear-gradient(rgba(0,0,0,0.1), transparent);background:linear-gradient(rgba(0,0,0,0.1), transparent);display:block;height:1rem;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:42px;-webkit-transform-origin:center top;transform-origin:center top}.bsa-cpc{background-color:#fff;font-size:16px;line-height:1.4;padding:10px;text-align:center}.bsa-cpc>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.bsa-cpc .default-ad{background-color:#00d1b2;border-radius:2px;color:#fff;font-size:12px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-left:10px;padding:0 4px;text-transform:uppercase}.bsa-cpc a._default_{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:20px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.bsa-cpc a._default_:hover{text-decoration:underline}.bsa-cpc .default-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;height:20px;padding-right:10px}.bsa-cpc .default-image img{height:20px}.bsa-cpc .default-title{padding-right:5px}.bsa-cpc .default-title:after{content:" — "}@media (max-width: 799px){.bsa-cpc{border-top:1px solid #e6e6e6}}@media (min-width: 800px){.properties--single{padding-top:42px}.bsa-cpc{min-height:42px}.ola .bsa-cpc,.alo.is-fixed .bsa-cpc{left:226px;position:fixed;right:0;top:0}.alo{min-height:42px}}.ff{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#5f45bb;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;padding:1rem;position:relative}.ff strong{color:currentColor}.ff .tag{margin-right:0.5em}.ff .button{position:relative;-webkit-transform-origin:center;transform-origin:center;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;white-space:nowrap}.ff:hover .button{-webkit-transform:scale(1.1);transform:scale(1.1)}.ff-background{bottom:0;left:0;position:absolute;right:0;top:0;background-image:url("/images/fortyfour-background.jpg");background-position:center center;background-size:cover;opacity:0.5}.ff-text{line-height:1.25;margin-right:0.5rem;position:relative}.ff-button{display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:34px;position:relative;width:145px}.ff-button img{max-height:100%}@media (min-width: 480px){.ff-text{margin-right:1rem}}.modal,.bsa-cpc{z-index:50}.menu{z-index:40}.footer{z-index:30}.properties,.list{z-index:20}.header{z-index:10} diff --git a/index.html b/index.html index 282370a0..7475a990 100644 --- a/index.html +++ b/index.html @@ -47,7 +47,7 @@

    {{site.subtitle}}

    - Learn by example: cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples. + ഉദാഹരണങ്ങളിലൂടെ പഠിക്കൂ: css.digitalmalayali.in ഒരു സൗജന്യ CSS വിഷ്വൽ ഗൈഡാണ്. ഏറ്റവും പ്രശസ്തമായ പ്രോപ്പർട്ടികളെ ചിത്രങ്ങളിലൂടെയും ആനിമേഷനിലൂടെയുമുള്ള ഉദാഹരണങ്ങൾ വഴി വിശദീകരിച്ചിരിക്കുന്നു.