diff --git a/CHANGELOG.md b/CHANGELOG.md
index efe95ba3..e7eac2b1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,24 @@
 # Changelog of Flus
 
+## 2024-10-03 - v1.0.2
+
+### Improvements
+
+- Allow to follow a shared collection ([99b8cb18](https://github.com/flusio/Flus/commit/99b8cb18))
+- Improve performance to get public links of a user ([56aae219](https://github.com/flusio/Flus/commit/56aae219))
+- Improve the performance of news refreshing ([0d54d7c6](https://github.com/flusio/Flus/commit/0d54d7c6))
+- Homogeneize the "remove from news" labels ([96907f33](https://github.com/flusio/Flus/commit/96907f33))
+
+### Technical
+
+- Improve performance to retrieve links to fetch ([805380d3](https://github.com/flusio/Flus/commit/805380d3))
+
+### Developers
+
+- Mock all the requests in LinksSyncTest ([0c514c5c](https://github.com/flusio/Flus/commit/0c514c5c))
+- Refactor the NewsPicker API ([346e732e](https://github.com/flusio/Flus/commit/346e732e))
+- Fix `popup__container--bottom` position ([ad8cdbd2](https://github.com/flusio/Flus/commit/ad8cdbd2))
+
 ## 2024-09-19 - v1.0.1
 
 ### Improvements
diff --git a/VERSION.txt b/VERSION.txt
index 7dea76ed..6d7de6e6 100644
--- a/VERSION.txt
+++ b/VERSION.txt
@@ -1 +1 @@
-1.0.1
+1.0.2
diff --git a/public/assets/stylesheets/application.css b/public/assets/stylesheets/application.css
index 36ff33bc..f4f46acc 100644
--- a/public/assets/stylesheets/application.css
+++ b/public/assets/stylesheets/application.css
@@ -1,2 +1,2 @@
-.flow>*+*{margin-top:var(--space-medium)}.flow--smaller>*+*{margin-top:var(--space-smaller)}.flow--small>*+*{margin-top:var(--space-small)}.flow--large>*+*{margin-top:var(--space-large)}.flow--larger>*+*{margin-top:var(--space-larger)}:root{--color-white:#fdfcff;--color-grey-1:#efeff8;--color-grey-2:#cfcedb;--color-grey-3:#aeadbe;--color-grey-4:#8e8ca1;--color-grey-5:#7e7c92;--color-grey-6:#6e6d81;--color-grey-7:#4f4e5e;--color-grey-8:#2f2e3b;--color-grey-9:#100f18;--color-purple-1:#eeebfb;--color-purple-2:#ccc4f3;--color-purple-3:#aa9deb;--color-purple-4:#8876e3;--color-purple-5:#7762df;--color-purple-6:#6856c3;--color-purple-7:#4a3d8b;--color-purple-8:#2d2554;--color-purple-9:#0f0c1c;--color-turquoise-1:#dff9f5;--color-turquoise-2:#9fede0;--color-turquoise-3:#60e2cc;--color-turquoise-4:#20d6b7;--color-turquoise-5:#00d0ad;--color-turquoise-6:#00b697;--color-turquoise-7:#00826c;--color-turquoise-8:#004e41;--color-turquoise-9:#001a16;--color-orange-1:#fff1e7;--color-orange-2:#ffdcc3;--color-orange-3:#ffcca7;--color-orange-4:#ffb381;--color-orange-5:#fa934e;--color-orange-6:#f76808;--color-orange-7:#ed5f00;--color-orange-8:#bd4b00;--color-orange-9:#451e11;--color-red-1:#f9dfe4;--color-red-2:#ed9fad;--color-red-3:#e26076;--color-red-4:#d6203f;--color-red-5:#d00023;--color-red-6:#b6001f;--color-red-7:#820016;--color-red-8:#4e000d;--color-red-9:#1a0004;--size-base:calc(1.6em + .5vw);--size-smaller:.75em;--size-small:.85em;--size-normal:1em;--size-large:1.2em;--space-base:2rem;--space-smaller:calc(var(--space-base)/4);--space-small:calc(var(--space-base)/2);--space-medium:var(--space-base);--space-large:calc(var(--space-base)*2);--space-larger:calc(var(--space-base)*4);--font-family-text:"Open Sans","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue","sans-serif";--font-family-title:"Comfortaa","sans-serif";--color-back-error:var(--color-red-1);--color-back-info:var(--color-purple-1);--color-back-success:var(--color-turquoise-1);--color-back-warning:var(--color-orange-1);--color-border:var(--color-grey-6);--color-border-active:var(--color-turquoise-5);--color-border-disabled:var(--color-grey-3);--color-border-error:var(--color-red-5);--color-border-info:var(--color-purple-5);--color-border-success:var(--color-turquoise-6);--color-border-search:var(--color-grey-3);--color-border-warning:var(--color-orange-2);--color-text:var(--color-purple-9);--color-text-error:var(--color-red-6);--color-text-info:var(--color-purple-6);--color-text-secondary:var(--color-grey-7);--color-text-success:var(--color-turquoise-7);--color-text-warning:var(--color-orange-9);--width-border:.2rem;--width-border-bold:.3rem;--radius:.75rem;--radius-button:3rem;--color-body:var(--color-turquoise-1);--color-link:var(--color-purple-6);--width-content:1100px;--height-header:6rem;--height-separator:var(--width-border)}@media (width>=48em){:root{--size-base:2.2em}}@font-face{font-family:Comfortaa;font-style:normal;font-weight:700;font-display:swap;src:local(Comfortaa),url(../comfortaa-v28-latin-700.779733df.woff2)format("woff2"),url(../comfortaa-v28-latin-700.b5ffad37.woff)format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:local(Open Sans Regular),local(OpenSans-Regular),url(../open-sans-v17-latin-regular.6de481cb.woff2)format("woff2"),url(../open-sans-v17-latin-regular.ffb6cdf9.woff)format("woff")}@font-face{font-family:Open Sans;font-style:italic;font-weight:400;font-display:swap;src:local(Open Sans Italic),local(OpenSans-Italic),url(../open-sans-v17-latin-italic.3a64a403.woff2)format("woff2"),url(../open-sans-v17-latin-italic.b3b72514.woff)format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;font-display:swap;src:local(Open Sans Bold),local(OpenSans-Bold),url(../open-sans-v17-latin-700.eb066dac.woff2)format("woff2"),url(../open-sans-v17-latin-700.8eb597cd.woff)format("woff")}@font-face{font-family:Open Sans;font-style:italic;font-weight:700;font-display:swap;src:local(Open Sans Bold Italic),local(OpenSans-BoldItalic),url(../open-sans-v17-latin-700italic.6fb5136d.woff2)format("woff2"),url(../open-sans-v17-latin-700italic.ff637321.woff)format("woff")}.spinner{background-color:var(--color-purple-6);border-radius:100%;width:40px;height:40px;margin:30px auto;animation:1s ease-in-out infinite sk-scaleout}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}to{opacity:0;-webkit-transform:scale(1)}}@keyframes sk-scaleout{0%{transform:scale(0)}to{opacity:0;transform:scale(1)}}.alert{margin-top:var(--space-small);margin-bottom:var(--space-large);padding:var(--space-medium);padding-left:calc(4.7rem + 2*var(--space-small));background-repeat:no-repeat;background-position:left var(--space-small)top var(--space-small);border-width:var(--width-border-bold);border-radius:var(--radius);background-size:5rem;border-style:solid}.alert--info{background-color:var(--color-back-info);border-color:var(--color-border-info);background-image:url(../info-purple.513e23fd.svg)}.alert--success{background-color:var(--color-back-success);border-color:var(--color-border-success);background-image:url(../success-green.1fdc777e.svg)}.alert--error{background-color:var(--color-back-error);border-color:var(--color-border-error);background-image:url(../error-red.06d175ba.svg)}.alert__title{font-weight:700}.alert--info .alert__title{color:var(--color-text-info)}.alert--success .alert__title{color:var(--color-text-success)}.alert--error .alert__title{color:var(--color-text-error)}.alert__message{margin-top:0;margin-bottom:0}.avatar{vertical-align:middle;background-color:var(--color-white);border:2px solid var(--color-turquoise-5);border-radius:50%;width:5rem}.avatar--banner{margin-right:auto;margin-bottom:var(--space-medium);border-width:4px;width:15rem;height:15rem;margin-left:auto;display:block}a{color:inherit;text-decoration:underline;text-decoration-thickness:.1em;transition:color .3s ease-in-out,border-color .3s ease-in-out}a:hover,a:focus{color:var(--color-link)}.anchor--discreet,.anchor--hidden{text-decoration:none}.anchor--hidden:hover,.anchor--hidden:focus{color:initial}.anchor--inverted{color:var(--color-white)}.anchor--inverted:hover,.anchor--inverted:focus{color:var(--color-purple-2)}.anchor--action{padding:var(--space-smaller)var(--space-medium);border-radius:var(--radius-button);border:.1em solid;line-height:1.5;text-decoration:none;display:inline-block}.anchor--action.icon{padding-left:2.3em}button,.button{padding:var(--space-small)var(--space-medium);color:var(--color-text);font-family:inherit;font-size:var(--size-normal);background-color:var(--color-grey-1);border:var(--width-border)solid var(--color-grey-3);border-radius:var(--radius-button);cursor:pointer;line-height:1.5;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;display:inline-block}button:hover,button:focus,.button:hover,.button:focus{background-color:var(--color-white)}button:focus,button:active,.button:focus,.button:active{border-color:var(--color-border-active)}.button--primary{background-color:var(--color-turquoise-3);border-color:var(--color-text)}.button--primary:hover,.button--primary:focus{background-color:var(--color-turquoise-1)}.button--ghost{background-color:#0000;border-color:#0000}.button--ghost:hover{border-color:var(--color-grey-2);background-color:#0000}.button--ghost:focus{border-color:var(--color-border-active);background-color:#0000}.button--danger{background-color:var(--color-red-1);border-color:var(--color-red-5)}.button--danger:hover,.button--danger:focus{background-color:var(--color-red-2);border-color:var(--color-red-2)}.button--large{padding-right:var(--space-large);padding-left:var(--space-large);font-size:var(--size-large)}.button--small{padding:var(--space-smaller)var(--space-medium)}.button--smaller{padding:var(--space-smaller);line-height:1.3}.cards{padding:var(--space-smaller);flex-wrap:wrap;display:flex}.cards--in-column{flex-direction:column}.cards--centered{justify-content:center}.card{margin-bottom:var(--space-medium);box-shadow:0 1px 4px 1px var(--color-grey-2);flex-direction:column;flex-grow:1;width:100%;max-width:100%;transition:background-color .5s ease-in-out,box-shadow .5s ease-in-out;display:flex;position:relative}.card:focus-within{box-shadow:0 1px 4px 1px var(--color-purple-2)}@media (width>=800px){.card{margin-left:1%;margin-right:1%}.card:not(.card--fluid){max-width:31%}}.card--shadow{background-color:var(--color-grey-1);box-shadow:none}.card--shadow:focus-within{box-shadow:none}.card--showcase{padding:var(--space-small);text-align:center;box-shadow:none;justify-content:center;align-items:center}.card--action{background:linear-gradient(135deg,var(--color-purple-5),var(--color-turquoise-5));justify-content:center;align-items:stretch;padding:3px}@media (width>=800px){.card--action:nth-child(2){background:linear-gradient(180deg,#3d97c7,var(--color-turquoise-5))}.card--action:nth-child(3){background:linear-gradient(225deg,var(--color-purple-5),var(--color-turquoise-5))}}.card--illustrated{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:150px}.card--illustrated-alt{background-color:var(--color-purple-5);border:4px solid #0000}.card--illustrated-alt:hover,.card--illustrated-alt:focus-within{background-color:var(--color-turquoise-5)}.card__button{padding:var(--space-medium)var(--space-small);background-color:var(--color-purple-1);border:none;border-radius:0;flex:1;min-height:150px}@media (width>=800px){.card__button--link{min-height:300px}}.card__image{width:100%;min-height:156px;display:block}.card__image-overlay{top:var(--space-smaller);left:var(--space-smaller);padding:0 var(--space-small);font-size:var(--size-small);text-align:left;opacity:.8;background-color:var(--color-purple-1);border-radius:var(--radius);border:none;font-style:italic;position:absolute}.card__image-overlay--warning{color:var(--color-text-warning);opacity:1;background-color:var(--color-back-warning)}.card__image-overlay--warning:hover,.card__image-overlay--warning:focus{background-color:var(--color-back-warning)}.card__image-overlay--right{right:var(--space-smaller);left:auto}.card__body{padding:var(--space-small);background-color:var(--color-white);flex-grow:1}.card--illustrated .card__body{padding-top:calc(25px + var(--space-small));color:var(--color-white);text-shadow:-1px 1px 1px var(--color-purple-8),1px 1px 1px var(--color-purple-8),1px -1px 0 var(--color-purple-8),-1px -1px 0 var(--color-purple-8);background-color:#0000004d;background-image:linear-gradient(#0000 0,#0006 25px,#0009 45px,#000c);text-decoration:none;transition:background-color .3s ease-in-out}.card--illustrated .card__body--large{padding-top:calc(70px + var(--space-small));background-image:linear-gradient(#0000 30px,#0006 70px,#0009 90px,#000c)}.card--illustrated .card__body--larger{padding-top:calc(156px + var(--space-small));background-image:linear-gradient(#0000 110px,#0006 150px,#0009 170px,#000c)}.card--illustrated-alt .card__body{background-image:none}.card--illustrated a.card__body:hover,.card--illustrated a.card__body:focus{color:var(--color-white);background-color:#0000}.card--illustrated-alt a.card__body:hover,.card--illustrated-alt a.card__body:focus{background-color:#0000004d}.card--illustrated .sticker{text-shadow:none}.card__title{margin-top:0;margin-bottom:var(--space-medium);font-size:var(--size-normal);font-weight:700;line-height:1.25}.card__title a{text-decoration:none;display:block}.card__title-ellipsis{text-overflow:ellipsis;overflow:hidden}.card__text{margin-top:var(--space-small);margin-bottom:var(--space-small);color:var(--color-text-secondary);font-size:var(--size-small);overflow-wrap:anywhere}.card--illustrated .card__text{color:var(--color-white);opacity:.8}.card__text--oneline{white-space:nowrap;align-items:baseline;display:flex}.card__text--extend{flex:1}.card__ellipsis{text-overflow:ellipsis;overflow:hidden}.card__footer{padding:var(--space-small);background-color:var(--color-purple-1);background-image:linear-gradient(to right,var(--color-purple-2),var(--color-purple-3),var(--color-purple-2));box-shadow:0 -1px 2px 0 var(--color-purple-1);background-position:0 100%;background-repeat:repeat-x;background-size:100% 3px;justify-content:space-between;align-items:center;display:flex}.card--illustrated .card__footer{color:var(--color-white);box-shadow:none;background-color:#000000e6;background-image:none}.card--illustrated .card__footer button{color:var(--color-white);background-color:var(--color-grey-9);border-color:var(--color-grey-5)}.card--illustrated .card__footer button:hover{background-color:var(--color-grey-8)}.card__footer--centered{justify-content:center}.card__footer-group{align-items:center;display:flex}.card__footer-group>*+*{margin-left:var(--space-small)}.form--centered{text-align:center}.form--danger{margin-top:var(--space-larger);padding:var(--space-medium);text-align:right;background-color:var(--color-red-1)}label{margin-bottom:var(--space-small);padding-right:var(--space-small);padding-left:var(--space-small);display:block}.label--checkbox,.label--radio{margin-bottom:0}.label__help{color:var(--color-text-secondary);font-size:var(--size-small)}input,textarea{padding:var(--space-small);color:inherit;font-family:inherit;font-size:var(--size-normal);background-color:var(--color-white);box-shadow:2px 2px 4px var(--color-grey-2)inset;border:var(--width-border)solid var(--color-border);border-radius:var(--radius);width:100%;line-height:1.5;transition:border-color .2s ease-in-out}textarea{max-width:100%;min-height:15rem}.input--number-3{width:8rem}input[type=checkbox],input[type=radio]{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}input[type=checkbox]+label,input[type=radio]+label{align-items:baseline;display:inline-flex;position:relative}input[type=checkbox]+label:before,input[type=radio]+label:before{content:" ";margin-right:var(--space-small);background-color:var(--color-white);border:var(--width-border)solid var(--color-border);border-radius:.5rem;flex-shrink:0;width:2.5rem;height:2.5rem;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;position:relative;top:.5rem}input[type=radio]+label:before{border-radius:50%}input[type=checkbox]:hover+label:before,input[type=checkbox]:focus+label:before,input[type=radio]:hover+label:before,input[type=radio]:focus+label:before{background-color:var(--color-turquoise-1);border-color:var(--color-turquoise-6)}input[type=checkbox]:focus+label:before{outline:var(--width-border-bold)solid var(--color-purple-4)}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{background-color:var(--color-turquoise-3);border-color:var(--color-turquoise-8)}input[type=checkbox]:checked+label:after,input[type=radio]:checked+label:after{content:"";border-bottom:var(--width-border)solid var(--color-text);border-left:var(--width-border)solid var(--color-text);width:1.5rem;height:.75rem;position:absolute;top:1.2rem;left:1.5rem;transform:rotate(-45deg)}input[type=radio]:checked+label:after{background-color:var(--color-text);border-top:var(--width-border)solid var(--color-text);border-right:var(--width-border)solid var(--color-text);border-radius:50%;height:1.5rem;top:1rem}.form-group--invalid input,.form-group--invalid textarea{border-color:var(--color-border-error)}input:focus,textarea:focus{border-color:var(--color-border-active)}select{padding:var(--space-small);color:inherit;font-family:inherit;font-size:var(--size-normal);text-overflow:ellipsis;background-color:var(--color-grey-1);border:var(--width-border)solid var(--color-border);border-radius:var(--radius);width:100%;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}@media (width>=800px){select{width:auto;min-width:50%}}select:not([multiple]){appearance:none;background-image:url(../angle-down.8d3ef7ca.svg);background-position:right .75rem top 58%;background-repeat:no-repeat;background-size:2.5rem;padding-right:3.5rem}select:not([disabled]):hover,select:not([disabled]):focus{background-color:var(--color-turquoise-1)}select:not([disabled]):focus{border-color:var(--color-border-active)}select[disabled]{color:var(--color-text-secondary);border-color:var(--color-border-disabled)}fieldset{margin-top:var(--space-medium);margin-bottom:var(--space-medium);padding:var(--space-small);background-image:linear-gradient(to bottom,var(--color-grey-1),var(--color-purple-1));box-shadow:1px 1px 1px var(--color-purple-2);border-radius:var(--radius);border:none;min-width:auto}@media (width>=1100px){fieldset{padding:var(--space-medium)}}legend{padding:var(--space-smaller)var(--space-small);background-color:var(--color-grey-1);border-radius:var(--radius)}.fieldset__caption{color:var(--color-text-secondary);font-size:var(--size-small);padding-left:.5em;padding-right:.5em}.form-group{margin-bottom:var(--space-medium)}.form-group__stack{align-items:center;display:flex}.form-group__stack>*+*{margin-left:var(--space-smaller)}.form-group__stack>button{flex-shrink:0}.form-group__caption{margin-top:var(--space-smaller);margin-bottom:var(--space-smaller);padding-right:var(--space-small);padding-left:var(--space-small);color:var(--color-text-secondary);font-size:var(--size-small)}.form-group__caption--alt{padding-left:calc(2*var(--space-small) + 2.5rem);margin-top:0}.form-group__caption--alt:before{content:"➜"}.form-group__error{margin-top:var(--space-small);margin-bottom:var(--space-small);padding-right:var(--space-small);padding-left:calc(var(--space-small) + 1.75em);color:var(--color-text-error);font-size:var(--size-small);background-image:url(../error-red.06d175ba.svg);background-repeat:no-repeat;background-position:left var(--space-small)center;background-size:1.5em;font-weight:700}.form__actions{margin-bottom:var(--space-medium);flex-direction:column;justify-content:center;align-items:center;display:flex}.form__actions>*+*{margin-top:var(--space-medium)}@media (width>=800px){.form__actions{flex-direction:row-reverse}.form__actions>*+*{margin-top:0}}.form-details{margin-bottom:var(--space-medium);padding-left:var(--space-small)}.form-details summary{padding:var(--space-smaller)var(--space-small);cursor:pointer}.form-details__content{padding-top:var(--space-small);padding-bottom:var(--space-small)}@media (width>=800px){.form-details__content{padding:var(--space-medium)}}.form-group--terms{padding:var(--space-medium);background-color:var(--color-purple-1);border-radius:var(--radius)}.form-group--terms .form-group__caption{margin-top:0}.groupnav{margin-top:var(--space-large);margin-bottom:var(--space-large)}.groupnav__title{max-width:50ch;margin:2rem auto;font-size:1em;font-weight:700}.groupnav__container{max-width:50ch;margin:0 auto;padding:0;list-style:none}.groupnav__item{border:.2rem solid var(--color-purple-5)}.groupnav__item+.groupnav__item{border-top:none}.groupnav__anchor,.groupnav__button{padding:var(--space-medium);color:var(--color-text);text-decoration:none;transition:background-color .3s ease-in-out,color .3s ease-in-out;display:block}.groupnav__anchor{background-position:1rem;background-repeat:no-repeat;padding-left:6rem}.groupnav__button{text-align:left;cursor:pointer;background-color:#0000;background-position:1rem;background-repeat:no-repeat;border:none;border-radius:0;width:100%;padding-left:6rem;font-size:1em}.groupnav__anchor:hover,.groupnav__anchor:focus,.groupnav__button:hover,.groupnav__button:focus{color:var(--color-purple-6);background-color:var(--color-purple-1)}.groupnav__item--featured .groupnav__anchor,.groupnav__item--featured .groupnav__button{color:var(--color-purple-6);font-weight:700}.groupnav__item--validate .groupnav__anchor,.groupnav__item--create .groupnav__button{background-image:url(../check.1fae1ce5.svg)}.groupnav__item--subscription .groupnav__anchor{background-image:url(../credit-card.5e96e736.svg)}.groupnav__item--mastodon .groupnav__anchor{background-image:url(../mastodon.093a36a5.svg);background-size:36px 36px}.groupnav__item--import .groupnav__anchor{background-image:url(../upload.f1e46b46.svg)}.groupnav__item--data .groupnav__anchor{background-image:url(../backup.9b6b1a14.svg)}.groupnav__item--credentials .groupnav__anchor{background-image:url(../key.b5746357.svg)}.groupnav__item--sessions .groupnav__anchor{background-image:url(../connect.64f3f7c4.svg)}.groupnav__item--delete .groupnav__anchor{background-image:url(../trash.168388e5.svg)}.groupnav__item--about .groupnav__anchor{background-image:url(../info.194ce779.svg)}.groupnav__item--whats-new .groupnav__anchor{background-image:url(../bundle.aa8686d4.svg)}.groupnav__item--onboarding .groupnav__anchor{background-image:url(../undo.616c5faa.svg)}.groupnav__item:first-child,.groupnav__item:first-child .groupnav__anchor,.groupnav__item:first-child .groupnav__button{border-top-left-radius:1rem;border-top-right-radius:1rem}.groupnav__item:last-child,.groupnav__item:last-child .groupnav__anchor,.groupnav__item:last-child .groupnav__button{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.header__container{max-width:var(--width-content);align-items:stretch;height:100%;margin-left:auto;margin-right:auto;display:flex}.header__container--centered{align-items:center}.header__container>*+*{margin-left:var(--space-smaller)}@media (width>=800px){.header__container>*+*{margin-left:var(--space-small)}}.header__separator{flex:1}.header__avatar-container{align-self:center}.header__avatar{cursor:pointer}.header__link{padding:var(--space-medium)var(--space-large)}.header__link:focus{outline-offset:-.3rem}.header__action{margin:var(--space-smaller);padding:var(--space-small);font-size:var(--size-small);text-align:center;background-color:var(--color-turquoise-4);border:var(--width-border)solid currentcolor;border-radius:var(--radius-button);align-self:center;text-decoration:none}@media (width>=800px){.header__action{padding-top:var(--space-smaller);padding-bottom:var(--space-smaller);width:auto}}.header__secondary{order:-1}@media (width>=800px){.header__secondary{order:0}}.header__link--home{padding:var(--space-smaller);flex-direction:column;justify-content:center;align-items:center;display:flex}.header__locale-form{padding-top:var(--space-smaller);padding-bottom:var(--space-smaller);flex-direction:column;justify-content:center;display:flex}.header__locale-form label{display:inline}.header__locale-form .icon{vertical-align:middle}.header__locale-form .form-group{margin-top:0;margin-bottom:0}.header__locale-form select{width:auto}svg{pointer-events:none;-webkit-user-select:none;user-select:none}.icon{vertical-align:top;fill:currentColor;width:1.5em;height:auto;display:inline-block}.icon.spin{animation:5s linear infinite icon-spin}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon.rotate90{transform:rotate(90deg)}.icon.rotate180{transform:rotate(180deg)}.icon.rotate270{transform:rotate(270deg)}.illustration{margin:var(--space-larger)var(--space-large);max-width:100%;display:block}.illustration--figure{margin:0}.illustration--centered{margin-left:auto;margin-right:auto}figure{padding:var(--space-medium);color:var(--color-text-secondary);margin:0;font-style:italic}.figure--centered{text-align:center}.figure--centered img{margin-left:auto;margin-right:auto}.sticker{padding:var(--space-smaller)var(--space-small);color:var(--color-text);font-size:var(--size-small);background-color:var(--color-purple-2);border-radius:var(--radius)}.sticker--right{float:right}.sticker--left{float:left}.layout{min-height:100vh}.layout--connected .layout__header{z-index:100;height:var(--height-header);background:var(--color-turquoise-3);box-shadow:0 0 5px var(--color-grey-4);width:100%;position:fixed;bottom:0}@media (width>=800px){.layout--connected .layout__header{background:radial-gradient(circle at top,var(--color-turquoise-3)60%,var(--color-turquoise-4));box-shadow:none;height:auto;position:static}.layout--blocked .layout__header{background:0 0}.layout--connected:not(.layout--blocked) .layout__header{margin-bottom:var(--space-medium)}}.layout--connected .layout__header .header__link{padding:var(--space-small);text-align:center;border-top:.5rem solid #0000;border-bottom:.5rem solid #0000;width:5.5rem;text-decoration:none}@media (width>=800px){.layout--connected .layout__header .header__link{width:auto}}.layout--connected .layout__header .header__link--active{border-bottom-color:var(--color-body);font-weight:700}.layout__main{max-width:var(--width-content);min-height:60vh;margin-left:auto;margin-right:auto}@media (width>=800px){.layout__main{margin-bottom:0}}.layout__main:focus{outline:0}.layout__back a{padding-top:var(--space-medium);padding-right:var(--space-medium);padding-bottom:var(--space-medium);text-overflow:ellipsis;vertical-align:top;white-space:nowrap;outline-offset:calc(-1*var(--width-border-bold));max-width:100%;display:inline-block;overflow:hidden}@media (width>=800px){.layout--connected:not(.layout--blocked) .layout__back{margin-top:calc(var(--space-medium)*-1)}}.layout__search{margin-right:var(--space-smaller);margin-left:var(--space-smaller);padding-top:var(--space-medium);position:relative}@media (width>=800px){.layout__search{max-width:700px;margin-left:auto;margin-right:auto}}.layout__back+.layout__search{padding-top:0}@media (width>=800px){.layout--connected:not(.layout--blocked) .layout__search{margin-top:calc(var(--space-medium)*-1)}.layout--connected:not(.layout--blocked) .layout__back+.layout__search{margin-top:0}}.layout__search input[type=text]{padding-right:calc(1.5em + 2*var(--space-medium));box-shadow:0 1px 4px 1px var(--color-grey-1);border-color:var(--color-border-search)}.layout__search input[type=text]:hover{box-shadow:0 1px 4px 1px var(--color-grey-2)}.layout__search button{position:absolute;right:0}.layout__search button:hover{border-color:#0000}.layout__search button .icon{fill:var(--color-grey-5)}.layout__search button:hover .icon{fill:var(--color-text)}.layout__content{padding:var(--space-medium)var(--space-smaller)var(--space-large);background-color:var(--color-white);box-shadow:0 1px 2px 1px var(--color-grey-2)}.layout--connected .layout__content{min-height:calc(100vh - var(--height-header));padding-bottom:calc(var(--height-header) + var(--space-large))}@media (width>=800px){.layout__content{padding-right:var(--space-large);padding-left:var(--space-large);border-radius:.5rem}.layout__content--touch-bottom{border-bottom-right-radius:0;border-bottom-left-radius:0}.layout--connected .layout__content{padding-bottom:var(--space-large);min-height:auto}}.layout__footer{padding:var(--space-large);text-align:center}.banner__container{padding:var(--space-smaller);text-align:center;background-color:var(--color-purple-1);border-bottom:var(--width-border)solid var(--color-purple-2);display:block}.layout__banner--alert .banner__container{background-color:var(--color-red-1);border-bottom-color:var(--color-red-2)}.banner__container--anchor{transition:background-color .3s ease-in-out}.banner__container--anchor:hover,.banner__container--anchor:focus{color:initial;background-color:var(--color-purple-2)}.layout--error{text-align:center}.layout--error .layout__header{padding:var(--space-larger)var(--space-medium)}.layout--error .layout__link{font-size:var(--size-large);text-decoration:none}.layout--error .layout__main{max-width:800px}.layout--error__box{padding:var(--space-medium)var(--space-large);color:var(--color-body);text-align:left;background-color:var(--color-text);position:absolute;left:0;right:0;overflow:auto}.line{align-items:center;display:flex}.line>*+*{margin-left:var(--space-small)}.line__item{flex-shrink:0}.line__item--extend{flex:1}.list--no-style{padding-left:0;list-style:none}.list__item+.list__item{margin-top:var(--space-small)}.list--spaced .list__item+.list__item{margin-top:var(--space-medium)}.list--padded>li{padding:1.5rem 2rem}.list--border{border:2px solid var(--color-grey-2);border-radius:.5rem}.list--border>li+li{border-top:2px solid var(--color-grey-2)}.modal{z-index:999;visibility:hidden;opacity:0;background-color:#00000080;transition:visibility 0s linear .2s,opacity .2s,transform .2s;position:fixed;inset:0;overflow:hidden auto;transform:scaleX(1.02)scaleY(1.02)}.modal[aria-hidden=false]{visibility:visible;opacity:1;transition:visibility linear,opacity .2s,transform .2s;transform:scaleX(1)scaleY(1)}.modal__box{max-width:var(--width-content);margin:var(--space-medium)auto var(--space-larger);background-color:var(--color-white);box-shadow:0 0 10px var(--color-grey-7);scroll-margin-top:var(--space-medium)}@media (width>=800px){.modal__box{margin-top:var(--space-larger)}}@media (width>=1000px){.modal__box{border-radius:var(--radius)}}.modal__header{padding:var(--space-smaller);text-align:right}.modal__body{padding-right:var(--space-small);padding-bottom:var(--space-small);padding-left:var(--space-small);min-height:15rem;overflow:hidden}@media (width>=800px){.modal__body{padding-right:var(--space-medium);padding-bottom:var(--space-medium);padding-left:var(--space-medium)}}.modal__body>.section:last-child{margin-bottom:0}.modal__body .section__title{margin-top:0}.modal .no-modal,.only-modal{display:none}.modal .only-modal{display:initial}body.modal-opened{overflow:hidden}.paragraph--featured{font-size:var(--size-large);text-align:center;max-width:50ch;margin-left:auto;margin-right:auto;font-weight:600}.paragraph--contrasted{padding:var(--space-medium);color:var(--color-white);background-image:radial-gradient(circle at top,var(--color-purple-6)80%,var(--color-purple-7));border-radius:var(--radius)}.paragraph--centered{text-align:center;max-width:50ch;margin-left:auto;margin-right:auto}.text--centered{text-align:center}.paragraph--secondary,.text--secondary{color:var(--color-text-secondary)}.paragraph--placeholder{margin:var(--space-large)auto;color:var(--color-text-secondary);text-align:center;max-width:50ch;font-style:italic}.pagination__container{padding:var(--space-smaller);background-color:var(--color-purple-1);border-radius:var(--radius);justify-content:center;list-style:none;display:flex}.pagination__item{margin-right:var(--space-smaller);margin-left:var(--space-smaller)}.pagination__item--disabled{visibility:hidden}@media (width<=359px){.pagination__item--prev,.pagination__item--next{display:none}}.pagination__link{padding:var(--space-smaller)var(--space-small);border-bottom:var(--width-border)solid transparent;text-decoration:none;display:inline-block}.pagination__item--current .pagination__link{border-bottom-color:currentColor;font-weight:700}.pagination__item--prev .pagination__link{text-align:right}.popup{text-align:left;display:inline-block;position:relative}.popup__opener{list-style:none}.popup__opener::-webkit-details-marker{display:none}.popup__opener:focus{outline:0}.popup__opener:focus>*{outline:var(--width-border-bold)solid var(--color-purple-4)}.popup__opener:focus>.button,.popup__opener:active>.button{border-color:var(--color-border-active)}.popup__container{z-index:100;right:0;bottom:var(--height-header);padding:var(--space-medium)var(--space-small);background:linear-gradient(135deg,var(--color-turquoise-2)0%,var(--color-turquoise-3)100%);position:fixed;left:0}@media (width>=800px){.popup__container{font-size:var(--size-small);box-shadow:0 0 2px 0 var(--color-turquoise-6);border-radius:var(--radius);min-width:27rem;position:absolute;bottom:auto}.popup__container--large{min-width:31rem}.popup__container--bottom{margin-top:.5rem;margin-left:auto;margin-right:auto;left:50%;transform:translate(-50%)}.popup__container--left{margin-top:.5rem;left:auto;right:0}.popup__container--over{margin-top:-6.5rem;margin-left:-1rem}}.popup__title{margin-bottom:var(--space-smaller);padding-right:var(--space-small);padding-left:var(--space-small);overflow-wrap:anywhere;font-weight:700}.popup__separator{height:var(--height-separator);background-color:var(--color-turquoise-4);border-radius:var(--radius);margin-top:.5rem;margin-bottom:.5rem}.popup__item--link{text-decoration:none}.popup__item--link:hover,.popup__item--link:focus{color:initial;outline:0}.popup__item--button{text-align:left;background-color:#0000;border:none;width:100%;transition:none}.popup__item--button:focus{outline:0}.popup__item{padding:var(--space-small);border:var(--width-border)solid transparent;border-radius:var(--radius);transition:background-color .1s ease-in-out,border-color .1s ease-in-out;display:block}@media (width>=800px){.popup__item{white-space:nowrap}}.popup__item:hover,.popup__item:focus{background-color:var(--color-turquoise-2);border-color:var(--color-turquoise-5)}.section--small{max-width:55ch;margin-left:auto;margin-right:auto}.section--longbottom{padding-bottom:8rem}@media (width>=800px){.section--longbottom{padding-bottom:15rem}}.section__image{width:calc(100% + 2*var(--space-smaller));margin-top:calc(var(--space-medium)*-1);margin-bottom:var(--space-medium);margin-left:calc(var(--space-smaller)*-1);filter:blur(.7px);display:block}@media (width>=800px){.section__image{width:calc(100% + 2*var(--space-large));margin-left:calc(var(--space-large)*-1);border-radius:.5rem .5rem 0 0}}.section__title{margin-top:var(--space-medium);margin-bottom:var(--space-large);font-family:var(--font-family-title);letter-spacing:.01em;text-align:center;justify-content:center;align-items:center;display:flex}.section__title h1{text-overflow:ellipsis;margin-top:0;margin-bottom:0;display:inline-block;overflow:hidden}.section__title h1:after{content:"";background:linear-gradient(to right,var(--color-turquoise-4),var(--color-turquoise-6),var(--color-turquoise-4));border-radius:var(--radius);max-width:75%;height:.3rem;margin-top:.5rem;margin-left:auto;margin-right:auto;display:block}.section__title h1 .icon{vertical-align:middle;margin-right:1rem}.section__intro{margin:var(--space-large)auto;text-align:center;max-width:50ch;font-style:italic}@media (width>=800px){.section__intro{margin-top:calc(var(--space-medium)*2.5);margin-bottom:calc(var(--space-medium)*2.5)}}.section__meta{margin-right:auto;margin-bottom:var(--space-medium);flex-direction:column;align-items:center;max-width:55ch;margin-left:auto;display:flex}@media (width>=800px){.section__meta{flex-direction:row;align-items:baseline}}.section__details{text-align:center;flex-grow:1}@media (width>=800px){.section__details{text-align:left}}.section__actions{flex-shrink:0}.subsection{margin-top:var(--space-large);margin-bottom:var(--space-large)}.subsection--small{max-width:55ch;margin-left:auto;margin-right:auto}.subsection__title{font-family:var(--font-family-title);letter-spacing:.01em;margin-top:0;margin-bottom:0}.title--small{font-size:var(--size-normal)}.collection__public{margin-right:var(--space-small)}.collection__topics{text-align:center;max-width:55ch;margin-left:auto;margin-right:auto;font-style:italic}.collection__description{margin:var(--space-large)auto;padding-right:var(--space-smaller);padding-left:var(--space-smaller);max-width:55ch}@media (width>=800px){.collection__description{padding-left:0;padding-right:0}}.collection__number-links{margin-bottom:var(--space-small);color:var(--color-text-secondary);font-size:var(--size-small);text-align:center}.list--collections-others{margin-top:0}.collections-selector select{width:100%}.feed h2{margin-top:var(--space-larger);margin-bottom:var(--space-larger);font-family:var(--font-family-title);text-align:center}.feed__entry+.feed__entry{margin-top:var(--space-large)}.feed__entry h3{margin-bottom:var(--space-small)}.form-avatar{margin-bottom:var(--space-large)}.group+.group{margin-top:var(--space-larger)}.group__header{padding-right:var(--space-small);padding-left:var(--space-small);background-color:var(--color-white);box-shadow:0 2px 2px var(--color-white);align-items:center;display:flex;position:sticky;top:0}.group:first-child .group__header{z-index:20}.group:nth-child(2) .group__header{z-index:19}.group:nth-child(3) .group__header{z-index:18}.group:nth-child(4) .group__header{z-index:17}.group:nth-child(5) .group__header{z-index:16}.group:nth-child(6) .group__header{z-index:15}.group:nth-child(7) .group__header{z-index:14}.group:nth-child(8) .group__header{z-index:13}.group:nth-child(9) .group__header{z-index:12}.group:nth-child(10) .group__header{z-index:11}.group__icon{margin-right:var(--space-smaller)}.group__icon,.group__header button{flex-shrink:0}.group__icon .icon{width:1.3em}.group__title{margin-top:var(--space-medium);margin-bottom:var(--space-medium);font-family:var(--font-family-title);font-size:var(--size-normal);text-overflow:ellipsis;overflow:hidden}@media (width>=800px){.group__title{font-size:var(--size-large)}}.group__subtitle{padding-right:var(--space-small);padding-left:var(--space-small);font-size:var(--size-small);margin-top:0;margin-bottom:0}@media (width>=800px){.group__subtitle{padding-right:var(--space-medium);padding-left:var(--space-medium)}}.group__separator{margin-right:var(--space-medium);margin-left:var(--space-medium);background:linear-gradient(to right,var(--color-turquoise-5),var(--color-purple-5),var(--color-turquoise-5));border:none;border-radius:2em;flex:1;height:.3rem}.group-selector__group-input{display:none}.group-selector__group-select select{flex-grow:1}.link{margin-bottom:var(--space-medium);box-shadow:0 1px 4px 1px var(--color-grey-2);flex-direction:column;flex-grow:1;width:100%;max-width:100%;transition:box-shadow .5s ease-in-out;display:flex;position:relative}.link:focus-within{box-shadow:0 1px 4px 1px var(--color-purple-2)}@media (width>=800px){.link{max-width:31%;margin-left:1%;margin-right:1%}}.link__meta{padding:var(--space-smaller);pointer-events:none;align-items:flex-start;display:flex}@media (width>=800px){.link:not(.link--compact) .link__meta{position:absolute;left:0;right:0}}.link__meta-warning,.link__meta-date{padding:0 var(--space-small);font-size:var(--size-small);border-radius:var(--radius);pointer-events:initial;font-style:italic}.link__meta-warning{color:var(--color-text-warning);text-align:left;background-color:var(--color-back-warning);border:none}.link__meta-warning:hover,.link__meta-warning:focus{background-color:var(--color-back-warning)}.link__meta-warning span{white-space:nowrap}.link__meta-separator{flex-grow:1}.link__meta-date{opacity:.8;background-color:var(--color-purple-1)}@media (width>=800px){.link--compact .link__meta-warning,.link--compact .link__meta-date{font-size:var(--size-smaller)}}.link__body{padding:var(--space-smaller);flex:1;display:flex}.link__meta+.link__body{margin-top:calc(-1*var(--space-smaller))}@media (width>=800px){.link:not(.link--compact) .link__body{flex-direction:column;padding:0}.link:not(.link--compact) .link__meta+.link__body{margin-top:0}}.link__image-container{border-radius:var(--radius);flex-shrink:0;width:75px;height:75px}.link__image{border-radius:var(--radius);object-fit:cover;width:100%;height:100%}@media (width>=800px){.link:not(.link--compact) .link__image-container{border-radius:0;width:100%;height:156px}.link:not(.link--compact) .link__image{border-radius:0}}.link__content{margin-left:var(--space-small);min-width:0}@media (width>=800px){.link:not(.link--compact) .link__content{padding:var(--space-small);margin-left:0}}.link__title{margin-top:0;margin-bottom:var(--space-medium);font-size:var(--size-normal);font-weight:700;line-height:1.25}.link__title a{text-overflow:ellipsis;text-decoration:none;display:block;overflow:hidden}@media (width>=800px){.link--compact .link__title{font-size:var(--size-small)}}.link__text{margin-top:var(--space-small);margin-bottom:var(--space-small);color:var(--color-text-secondary);font-size:var(--size-small);overflow-wrap:anywhere}@media (width>=800px){.link--compact .link__text{font-size:var(--size-smaller)}}.link__text--oneline{white-space:nowrap;align-items:baseline;display:flex}.link__ellipsis{text-overflow:ellipsis;overflow:hidden}.link__actions{padding:var(--space-smaller);background-color:var(--color-purple-1);background-image:linear-gradient(to right,var(--color-purple-2),var(--color-purple-3),var(--color-purple-2));box-shadow:0 -1px 2px 0 var(--color-purple-1);background-position:0 100%;background-repeat:repeat-x;background-size:100% 3px;justify-content:space-between;align-items:center;display:flex}@media (width>=800px){.link:not(.link--compact) .link__actions{padding:var(--space-small)}}.link__actions-group{align-items:center;display:flex}.link__actions-group>*+*{margin-left:var(--space-small)}.link__actions-button{color:var(--color-purple-8)}.link__actions-button:hover{border-color:var(--color-purple-2)}.message{margin-bottom:var(--space-large)}.message__author{font-size:var(--size-small);overflow-wrap:anywhere;font-weight:700}.message__avatar{background-color:var(--color-white);border:2px solid var(--color-turquoise-5);border-radius:50%;width:5rem}.message__date{color:var(--color-text-secondary);font-size:var(--size-small)}.message__content{padding:var(--space-smaller);text-overflow:ellipsis;word-wrap:break-word;overflow:hidden}@media (width>=800px){.message__content{padding:var(--space-small);margin-left:5rem}}.message__content code{padding-right:var(--space-smaller);padding-left:var(--space-smaller);font-size:var(--size-small);background-color:var(--color-turquoise-1);border-radius:var(--radius)}.message__content pre{padding:var(--space-medium)var(--space-small);color:var(--color-white);background-color:var(--color-turquoise-9);border-top:var(--width-border)solid var(--color-turquoise-5);border-bottom:var(--width-border-bold)solid var(--color-turquoise-5);border-radius:var(--radius);overflow:auto}@media (width>=800px){.message__content pre{padding-right:var(--space-medium);padding-left:var(--space-medium)}}.message__content pre code{color:var(--color-white);background-color:#0000;border:none;padding:0}.message__content blockquote{padding:var(--space-medium)var(--space-small);background-color:var(--color-turquoise-3);border-radius:var(--radius);background-image:url(../block-quote.def20ef5.svg);background-repeat:no-repeat;background-size:45px;margin-left:0;margin-right:0;font-style:italic}@media (width>=800px){.message__content blockquote{padding:var(--space-smaller)var(--space-larger);background-size:75px}}.news__refresh-button[disabled] .icon{animation:5s linear infinite icon-spin}.news__source{font-style:italic}.news__postpone{margin-top:var(--space-large);padding:var(--space-medium);padding-bottom:var(--space-larger);text-align:center}.news__postpone-popup .popup__container{font-size:var(--size-normal)}@media (width>=800px){.news__postpone-popup .popup__container{width:34rem}}.news__postpone-button{background-color:var(--color-purple-1);border-color:var(--color-purple-4);font-size:1.2em}.news__source-group{margin-top:var(--space-medium);margin-bottom:var(--space-medium)}@media (width>=800px){.news__source-group{margin-left:var(--space-small);padding-right:var(--space-smaller);padding-left:var(--space-smaller);border-left:var(--width-border-bold)solid var(--color-purple-1)}}.news__source-title{padding:var(--space-small);font-size:var(--size-normal);margin:0}.profile__meta{margin-right:auto;margin-bottom:var(--space-medium);flex-direction:column;align-items:center;max-width:55ch;margin-left:auto;display:flex}@media (width>=800px){.profile__meta{flex-direction:row}}.profile__details{text-align:center;flex-grow:1}@media (width>=800px){.profile__details{text-align:left}}.reading-nav{text-align:center}.reading-nav__container{margin:0;margin-bottom:var(--space-large);border:var(--width-border)solid var(--color-turquoise-3);border-radius:var(--radius-button);align-items:stretch;padding-left:0;list-style:none;display:flex}.reading-nav__item{flex:1}.reading-nav__anchor{padding:var(--space-small);background-color:var(--color-turquoise-1);outline-offset:-.3rem;width:100%;height:100%;text-decoration:none;transition:color .3s ease-in-out,background-color .3s ease-in-out;display:inline-block}.reading-nav__anchor:hover{background-color:var(--color-turquoise-2)}.reading-nav__anchor[aria-current=page]{background-color:var(--color-turquoise-3)}.reading-nav__item:first-child .reading-nav__anchor{border-radius:var(--radius-button)0 0 var(--radius-button)}.reading-nav__item:last-child .reading-nav__anchor{border-radius:0 var(--radius-button)var(--radius-button)0}.share{margin-top:var(--space-large);margin-bottom:var(--space-large);padding:var(--space-small)var(--space-medium);background-color:var(--color-purple-1);border-radius:var(--radius);flex-direction:column;align-items:center;display:flex}@media (width>=800px){.share{flex-direction:row}}.share__text{text-align:center;word-break:break-all;flex:1;font-family:monospace}.topics-selector{margin-bottom:var(--space-medium);text-align:center}.topics-selector:last-child{margin-bottom:0}.topics-selector__item{margin:var(--space-smaller);display:inline-block}.topics-selector__label{padding:var(--space-small)var(--space-medium);background-color:var(--color-white);border:var(--width-border)solid var(--color-border);border-radius:var(--radius-button);margin-bottom:0;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}input[type=checkbox]:focus+.topics-selector__label{box-shadow:0 0 0 1px var(--color-purple-5)}input[type=checkbox]:focus+.topics-selector__label:before{box-shadow:none}input[type=checkbox]:checked+.topics-selector__label{background-color:var(--color-turquoise-3);border-color:var(--color-turquoise-6)}input[type=checkbox]:checked+.topics-selector__label:before{border-color:var(--color-turquoise-7);border-color:#0000}input[type=checkbox]:checked+.topics-selector__label:after{left:2.5rem}*,:before,:after{box-sizing:border-box}html{font-size:10px}body{color:var(--color-text);font-family:var(--font-family-text);font-size:var(--size-base);background:linear-gradient(to bottom,var(--color-body),var(--color-purple-1)420px);margin:0;padding:0}:focus{outline:var(--width-border-bold)solid var(--color-purple-4)}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.js-only{display:none}@media (width<=799px){.no-mobile{display:none}}@media (width>=800px){.only-mobile{display:none}}.accessibility-nav{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.accessibility-nav:focus{clip:auto;width:auto;height:auto;top:.75rem;left:2rem}hr{margin:var(--space-larger)auto;background:linear-gradient(to right,var(--color-turquoise-2),var(--color-turquoise-4),var(--color-turquoise-2));border:none;border-radius:2em;width:50%;height:.3rem}.turbo-progress-bar{background:linear-gradient(to right,var(--color-turquoise-5),var(--color-purple-5));height:.5rem;position:fixed;top:0}
+.flow>*+*{margin-top:var(--space-medium)}.flow--smaller>*+*{margin-top:var(--space-smaller)}.flow--small>*+*{margin-top:var(--space-small)}.flow--large>*+*{margin-top:var(--space-large)}.flow--larger>*+*{margin-top:var(--space-larger)}:root{--color-white:#fdfcff;--color-grey-1:#efeff8;--color-grey-2:#cfcedb;--color-grey-3:#aeadbe;--color-grey-4:#8e8ca1;--color-grey-5:#7e7c92;--color-grey-6:#6e6d81;--color-grey-7:#4f4e5e;--color-grey-8:#2f2e3b;--color-grey-9:#100f18;--color-purple-1:#eeebfb;--color-purple-2:#ccc4f3;--color-purple-3:#aa9deb;--color-purple-4:#8876e3;--color-purple-5:#7762df;--color-purple-6:#6856c3;--color-purple-7:#4a3d8b;--color-purple-8:#2d2554;--color-purple-9:#0f0c1c;--color-turquoise-1:#dff9f5;--color-turquoise-2:#9fede0;--color-turquoise-3:#60e2cc;--color-turquoise-4:#20d6b7;--color-turquoise-5:#00d0ad;--color-turquoise-6:#00b697;--color-turquoise-7:#00826c;--color-turquoise-8:#004e41;--color-turquoise-9:#001a16;--color-orange-1:#fff1e7;--color-orange-2:#ffdcc3;--color-orange-3:#ffcca7;--color-orange-4:#ffb381;--color-orange-5:#fa934e;--color-orange-6:#f76808;--color-orange-7:#ed5f00;--color-orange-8:#bd4b00;--color-orange-9:#451e11;--color-red-1:#f9dfe4;--color-red-2:#ed9fad;--color-red-3:#e26076;--color-red-4:#d6203f;--color-red-5:#d00023;--color-red-6:#b6001f;--color-red-7:#820016;--color-red-8:#4e000d;--color-red-9:#1a0004;--size-base:calc(1.6em + .5vw);--size-smaller:.75em;--size-small:.85em;--size-normal:1em;--size-large:1.2em;--space-base:2rem;--space-smaller:calc(var(--space-base)/4);--space-small:calc(var(--space-base)/2);--space-medium:var(--space-base);--space-large:calc(var(--space-base)*2);--space-larger:calc(var(--space-base)*4);--font-family-text:"Open Sans","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue","sans-serif";--font-family-title:"Comfortaa","sans-serif";--color-back-error:var(--color-red-1);--color-back-info:var(--color-purple-1);--color-back-success:var(--color-turquoise-1);--color-back-warning:var(--color-orange-1);--color-border:var(--color-grey-6);--color-border-active:var(--color-turquoise-5);--color-border-disabled:var(--color-grey-3);--color-border-error:var(--color-red-5);--color-border-info:var(--color-purple-5);--color-border-success:var(--color-turquoise-6);--color-border-search:var(--color-grey-3);--color-border-warning:var(--color-orange-2);--color-text:var(--color-purple-9);--color-text-error:var(--color-red-6);--color-text-info:var(--color-purple-6);--color-text-secondary:var(--color-grey-7);--color-text-success:var(--color-turquoise-7);--color-text-warning:var(--color-orange-9);--width-border:.2rem;--width-border-bold:.3rem;--radius:.75rem;--radius-button:3rem;--color-body:var(--color-turquoise-1);--color-link:var(--color-purple-6);--width-content:1100px;--height-header:6rem;--height-separator:var(--width-border)}@media (width>=48em){:root{--size-base:2.2em}}@font-face{font-family:Comfortaa;font-style:normal;font-weight:700;font-display:swap;src:local(Comfortaa),url(../comfortaa-v28-latin-700.779733df.woff2)format("woff2"),url(../comfortaa-v28-latin-700.b5ffad37.woff)format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:local(Open Sans Regular),local(OpenSans-Regular),url(../open-sans-v17-latin-regular.6de481cb.woff2)format("woff2"),url(../open-sans-v17-latin-regular.ffb6cdf9.woff)format("woff")}@font-face{font-family:Open Sans;font-style:italic;font-weight:400;font-display:swap;src:local(Open Sans Italic),local(OpenSans-Italic),url(../open-sans-v17-latin-italic.3a64a403.woff2)format("woff2"),url(../open-sans-v17-latin-italic.b3b72514.woff)format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;font-display:swap;src:local(Open Sans Bold),local(OpenSans-Bold),url(../open-sans-v17-latin-700.eb066dac.woff2)format("woff2"),url(../open-sans-v17-latin-700.8eb597cd.woff)format("woff")}@font-face{font-family:Open Sans;font-style:italic;font-weight:700;font-display:swap;src:local(Open Sans Bold Italic),local(OpenSans-BoldItalic),url(../open-sans-v17-latin-700italic.6fb5136d.woff2)format("woff2"),url(../open-sans-v17-latin-700italic.ff637321.woff)format("woff")}.spinner{background-color:var(--color-purple-6);border-radius:100%;width:40px;height:40px;margin:30px auto;animation:1s ease-in-out infinite sk-scaleout}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}to{opacity:0;-webkit-transform:scale(1)}}@keyframes sk-scaleout{0%{transform:scale(0)}to{opacity:0;transform:scale(1)}}.alert{margin-top:var(--space-small);margin-bottom:var(--space-large);padding:var(--space-medium);padding-left:calc(4.7rem + 2*var(--space-small));background-repeat:no-repeat;background-position:left var(--space-small)top var(--space-small);border-width:var(--width-border-bold);border-radius:var(--radius);background-size:5rem;border-style:solid}.alert--info{background-color:var(--color-back-info);border-color:var(--color-border-info);background-image:url(../info-purple.513e23fd.svg)}.alert--success{background-color:var(--color-back-success);border-color:var(--color-border-success);background-image:url(../success-green.1fdc777e.svg)}.alert--error{background-color:var(--color-back-error);border-color:var(--color-border-error);background-image:url(../error-red.06d175ba.svg)}.alert__title{font-weight:700}.alert--info .alert__title{color:var(--color-text-info)}.alert--success .alert__title{color:var(--color-text-success)}.alert--error .alert__title{color:var(--color-text-error)}.alert__message{margin-top:0;margin-bottom:0}.avatar{vertical-align:middle;background-color:var(--color-white);border:2px solid var(--color-turquoise-5);border-radius:50%;width:5rem}.avatar--banner{margin-right:auto;margin-bottom:var(--space-medium);border-width:4px;width:15rem;height:15rem;margin-left:auto;display:block}a{color:inherit;text-decoration:underline;text-decoration-thickness:.1em;transition:color .3s ease-in-out,border-color .3s ease-in-out}a:hover,a:focus{color:var(--color-link)}.anchor--discreet,.anchor--hidden{text-decoration:none}.anchor--hidden:hover,.anchor--hidden:focus{color:initial}.anchor--inverted{color:var(--color-white)}.anchor--inverted:hover,.anchor--inverted:focus{color:var(--color-purple-2)}.anchor--action{padding:var(--space-smaller)var(--space-medium);border-radius:var(--radius-button);border:.1em solid;line-height:1.5;text-decoration:none;display:inline-block}.anchor--action.icon{padding-left:2.3em}button,.button{padding:var(--space-small)var(--space-medium);color:var(--color-text);font-family:inherit;font-size:var(--size-normal);background-color:var(--color-grey-1);border:var(--width-border)solid var(--color-grey-3);border-radius:var(--radius-button);cursor:pointer;line-height:1.5;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;display:inline-block}button:hover,button:focus,.button:hover,.button:focus{background-color:var(--color-white)}button:focus,button:active,.button:focus,.button:active{border-color:var(--color-border-active)}.button--primary{background-color:var(--color-turquoise-3);border-color:var(--color-text)}.button--primary:hover,.button--primary:focus{background-color:var(--color-turquoise-1)}.button--ghost{background-color:#0000;border-color:#0000}.button--ghost:hover{border-color:var(--color-grey-2);background-color:#0000}.button--ghost:focus{border-color:var(--color-border-active);background-color:#0000}.button--danger{background-color:var(--color-red-1);border-color:var(--color-red-5)}.button--danger:hover,.button--danger:focus{background-color:var(--color-red-2);border-color:var(--color-red-2)}.button--large{padding-right:var(--space-large);padding-left:var(--space-large);font-size:var(--size-large)}.button--small{padding:var(--space-smaller)var(--space-medium)}.button--smaller{padding:var(--space-smaller);line-height:1.3}.cards{padding:var(--space-smaller);flex-wrap:wrap;display:flex}.cards--in-column{flex-direction:column}.cards--centered{justify-content:center}.card{margin-bottom:var(--space-medium);box-shadow:0 1px 4px 1px var(--color-grey-2);flex-direction:column;flex-grow:1;width:100%;max-width:100%;transition:background-color .5s ease-in-out,box-shadow .5s ease-in-out;display:flex;position:relative}.card:focus-within{box-shadow:0 1px 4px 1px var(--color-purple-2)}@media (width>=800px){.card{margin-left:1%;margin-right:1%}.card:not(.card--fluid){max-width:31%}}.card--shadow{background-color:var(--color-grey-1);box-shadow:none}.card--shadow:focus-within{box-shadow:none}.card--showcase{padding:var(--space-small);text-align:center;box-shadow:none;justify-content:center;align-items:center}.card--action{background:linear-gradient(135deg,var(--color-purple-5),var(--color-turquoise-5));justify-content:center;align-items:stretch;padding:3px}@media (width>=800px){.card--action:nth-child(2){background:linear-gradient(180deg,#3d97c7,var(--color-turquoise-5))}.card--action:nth-child(3){background:linear-gradient(225deg,var(--color-purple-5),var(--color-turquoise-5))}}.card--illustrated{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:150px}.card--illustrated-alt{background-color:var(--color-purple-5);border:4px solid #0000}.card--illustrated-alt:hover,.card--illustrated-alt:focus-within{background-color:var(--color-turquoise-5)}.card__button{padding:var(--space-medium)var(--space-small);background-color:var(--color-purple-1);border:none;border-radius:0;flex:1;min-height:150px}@media (width>=800px){.card__button--link{min-height:300px}}.card__image{width:100%;min-height:156px;display:block}.card__image-overlay{top:var(--space-smaller);left:var(--space-smaller);padding:0 var(--space-small);font-size:var(--size-small);text-align:left;opacity:.8;background-color:var(--color-purple-1);border-radius:var(--radius);border:none;font-style:italic;position:absolute}.card__image-overlay--warning{color:var(--color-text-warning);opacity:1;background-color:var(--color-back-warning)}.card__image-overlay--warning:hover,.card__image-overlay--warning:focus{background-color:var(--color-back-warning)}.card__image-overlay--right{right:var(--space-smaller);left:auto}.card__body{padding:var(--space-small);background-color:var(--color-white);flex-grow:1}.card--illustrated .card__body{padding-top:calc(25px + var(--space-small));color:var(--color-white);text-shadow:-1px 1px 1px var(--color-purple-8),1px 1px 1px var(--color-purple-8),1px -1px 0 var(--color-purple-8),-1px -1px 0 var(--color-purple-8);background-color:#0000004d;background-image:linear-gradient(#0000 0,#0006 25px,#0009 45px,#000c);text-decoration:none;transition:background-color .3s ease-in-out}.card--illustrated .card__body--large{padding-top:calc(70px + var(--space-small));background-image:linear-gradient(#0000 30px,#0006 70px,#0009 90px,#000c)}.card--illustrated .card__body--larger{padding-top:calc(156px + var(--space-small));background-image:linear-gradient(#0000 110px,#0006 150px,#0009 170px,#000c)}.card--illustrated-alt .card__body{background-image:none}.card--illustrated a.card__body:hover,.card--illustrated a.card__body:focus{color:var(--color-white);background-color:#0000}.card--illustrated-alt a.card__body:hover,.card--illustrated-alt a.card__body:focus{background-color:#0000004d}.card--illustrated .sticker{text-shadow:none}.card__title{margin-top:0;margin-bottom:var(--space-medium);font-size:var(--size-normal);font-weight:700;line-height:1.25}.card__title a{text-decoration:none;display:block}.card__title-ellipsis{text-overflow:ellipsis;overflow:hidden}.card__text{margin-top:var(--space-small);margin-bottom:var(--space-small);color:var(--color-text-secondary);font-size:var(--size-small);overflow-wrap:anywhere}.card--illustrated .card__text{color:var(--color-white);opacity:.8}.card__text--oneline{white-space:nowrap;align-items:baseline;display:flex}.card__text--extend{flex:1}.card__ellipsis{text-overflow:ellipsis;overflow:hidden}.card__footer{padding:var(--space-small);background-color:var(--color-purple-1);background-image:linear-gradient(to right,var(--color-purple-2),var(--color-purple-3),var(--color-purple-2));box-shadow:0 -1px 2px 0 var(--color-purple-1);background-position:0 100%;background-repeat:repeat-x;background-size:100% 3px;justify-content:space-between;align-items:center;display:flex}.card--illustrated .card__footer{color:var(--color-white);box-shadow:none;background-color:#000000e6;background-image:none}.card--illustrated .card__footer button{color:var(--color-white);background-color:var(--color-grey-9);border-color:var(--color-grey-5)}.card--illustrated .card__footer button:hover{background-color:var(--color-grey-8)}.card__footer--centered{justify-content:center}.card__footer-group{align-items:center;display:flex}.card__footer-group>*+*{margin-left:var(--space-small)}.form--centered{text-align:center}.form--danger{margin-top:var(--space-larger);padding:var(--space-medium);text-align:right;background-color:var(--color-red-1)}label{margin-bottom:var(--space-small);padding-right:var(--space-small);padding-left:var(--space-small);display:block}.label--checkbox,.label--radio{margin-bottom:0}.label__help{color:var(--color-text-secondary);font-size:var(--size-small)}input,textarea{padding:var(--space-small);color:inherit;font-family:inherit;font-size:var(--size-normal);background-color:var(--color-white);box-shadow:2px 2px 4px var(--color-grey-2)inset;border:var(--width-border)solid var(--color-border);border-radius:var(--radius);width:100%;line-height:1.5;transition:border-color .2s ease-in-out}textarea{max-width:100%;min-height:15rem}.input--number-3{width:8rem}input[type=checkbox],input[type=radio]{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}input[type=checkbox]+label,input[type=radio]+label{align-items:baseline;display:inline-flex;position:relative}input[type=checkbox]+label:before,input[type=radio]+label:before{content:" ";margin-right:var(--space-small);background-color:var(--color-white);border:var(--width-border)solid var(--color-border);border-radius:.5rem;flex-shrink:0;width:2.5rem;height:2.5rem;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;position:relative;top:.5rem}input[type=radio]+label:before{border-radius:50%}input[type=checkbox]:hover+label:before,input[type=checkbox]:focus+label:before,input[type=radio]:hover+label:before,input[type=radio]:focus+label:before{background-color:var(--color-turquoise-1);border-color:var(--color-turquoise-6)}input[type=checkbox]:focus+label:before{outline:var(--width-border-bold)solid var(--color-purple-4)}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{background-color:var(--color-turquoise-3);border-color:var(--color-turquoise-8)}input[type=checkbox]:checked+label:after,input[type=radio]:checked+label:after{content:"";border-bottom:var(--width-border)solid var(--color-text);border-left:var(--width-border)solid var(--color-text);width:1.5rem;height:.75rem;position:absolute;top:1.2rem;left:1.5rem;transform:rotate(-45deg)}input[type=radio]:checked+label:after{background-color:var(--color-text);border-top:var(--width-border)solid var(--color-text);border-right:var(--width-border)solid var(--color-text);border-radius:50%;height:1.5rem;top:1rem}.form-group--invalid input,.form-group--invalid textarea{border-color:var(--color-border-error)}input:focus,textarea:focus{border-color:var(--color-border-active)}select{padding:var(--space-small);color:inherit;font-family:inherit;font-size:var(--size-normal);text-overflow:ellipsis;background-color:var(--color-grey-1);border:var(--width-border)solid var(--color-border);border-radius:var(--radius);width:100%;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}@media (width>=800px){select{width:auto;min-width:50%}}select:not([multiple]){appearance:none;background-image:url(../angle-down.8d3ef7ca.svg);background-position:right .75rem top 58%;background-repeat:no-repeat;background-size:2.5rem;padding-right:3.5rem}select:not([disabled]):hover,select:not([disabled]):focus{background-color:var(--color-turquoise-1)}select:not([disabled]):focus{border-color:var(--color-border-active)}select[disabled]{color:var(--color-text-secondary);border-color:var(--color-border-disabled)}fieldset{margin-top:var(--space-medium);margin-bottom:var(--space-medium);padding:var(--space-small);background-image:linear-gradient(to bottom,var(--color-grey-1),var(--color-purple-1));box-shadow:1px 1px 1px var(--color-purple-2);border-radius:var(--radius);border:none;min-width:auto}@media (width>=1100px){fieldset{padding:var(--space-medium)}}legend{padding:var(--space-smaller)var(--space-small);background-color:var(--color-grey-1);border-radius:var(--radius)}.fieldset__caption{color:var(--color-text-secondary);font-size:var(--size-small);padding-left:.5em;padding-right:.5em}.form-group{margin-bottom:var(--space-medium)}.form-group__stack{align-items:center;display:flex}.form-group__stack>*+*{margin-left:var(--space-smaller)}.form-group__stack>button{flex-shrink:0}.form-group__caption{margin-top:var(--space-smaller);margin-bottom:var(--space-smaller);padding-right:var(--space-small);padding-left:var(--space-small);color:var(--color-text-secondary);font-size:var(--size-small)}.form-group__caption--alt{padding-left:calc(2*var(--space-small) + 2.5rem);margin-top:0}.form-group__caption--alt:before{content:"➜"}.form-group__error{margin-top:var(--space-small);margin-bottom:var(--space-small);padding-right:var(--space-small);padding-left:calc(var(--space-small) + 1.75em);color:var(--color-text-error);font-size:var(--size-small);background-image:url(../error-red.06d175ba.svg);background-repeat:no-repeat;background-position:left var(--space-small)center;background-size:1.5em;font-weight:700}.form__actions{margin-bottom:var(--space-medium);flex-direction:column;justify-content:center;align-items:center;display:flex}.form__actions>*+*{margin-top:var(--space-medium)}@media (width>=800px){.form__actions{flex-direction:row-reverse}.form__actions>*+*{margin-top:0}}.form-details{margin-bottom:var(--space-medium);padding-left:var(--space-small)}.form-details summary{padding:var(--space-smaller)var(--space-small);cursor:pointer}.form-details__content{padding-top:var(--space-small);padding-bottom:var(--space-small)}@media (width>=800px){.form-details__content{padding:var(--space-medium)}}.form-group--terms{padding:var(--space-medium);background-color:var(--color-purple-1);border-radius:var(--radius)}.form-group--terms .form-group__caption{margin-top:0}.groupnav{margin-top:var(--space-large);margin-bottom:var(--space-large)}.groupnav__title{max-width:50ch;margin:2rem auto;font-size:1em;font-weight:700}.groupnav__container{max-width:50ch;margin:0 auto;padding:0;list-style:none}.groupnav__item{border:.2rem solid var(--color-purple-5)}.groupnav__item+.groupnav__item{border-top:none}.groupnav__anchor,.groupnav__button{padding:var(--space-medium);color:var(--color-text);text-decoration:none;transition:background-color .3s ease-in-out,color .3s ease-in-out;display:block}.groupnav__anchor{background-position:1rem;background-repeat:no-repeat;padding-left:6rem}.groupnav__button{text-align:left;cursor:pointer;background-color:#0000;background-position:1rem;background-repeat:no-repeat;border:none;border-radius:0;width:100%;padding-left:6rem;font-size:1em}.groupnav__anchor:hover,.groupnav__anchor:focus,.groupnav__button:hover,.groupnav__button:focus{color:var(--color-purple-6);background-color:var(--color-purple-1)}.groupnav__item--featured .groupnav__anchor,.groupnav__item--featured .groupnav__button{color:var(--color-purple-6);font-weight:700}.groupnav__item--validate .groupnav__anchor,.groupnav__item--create .groupnav__button{background-image:url(../check.1fae1ce5.svg)}.groupnav__item--subscription .groupnav__anchor{background-image:url(../credit-card.5e96e736.svg)}.groupnav__item--mastodon .groupnav__anchor{background-image:url(../mastodon.093a36a5.svg);background-size:36px 36px}.groupnav__item--import .groupnav__anchor{background-image:url(../upload.f1e46b46.svg)}.groupnav__item--data .groupnav__anchor{background-image:url(../backup.9b6b1a14.svg)}.groupnav__item--credentials .groupnav__anchor{background-image:url(../key.b5746357.svg)}.groupnav__item--sessions .groupnav__anchor{background-image:url(../connect.64f3f7c4.svg)}.groupnav__item--delete .groupnav__anchor{background-image:url(../trash.168388e5.svg)}.groupnav__item--about .groupnav__anchor{background-image:url(../info.194ce779.svg)}.groupnav__item--whats-new .groupnav__anchor{background-image:url(../bundle.aa8686d4.svg)}.groupnav__item--onboarding .groupnav__anchor{background-image:url(../undo.616c5faa.svg)}.groupnav__item:first-child,.groupnav__item:first-child .groupnav__anchor,.groupnav__item:first-child .groupnav__button{border-top-left-radius:1rem;border-top-right-radius:1rem}.groupnav__item:last-child,.groupnav__item:last-child .groupnav__anchor,.groupnav__item:last-child .groupnav__button{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.header__container{max-width:var(--width-content);align-items:stretch;height:100%;margin-left:auto;margin-right:auto;display:flex}.header__container--centered{align-items:center}.header__container>*+*{margin-left:var(--space-smaller)}@media (width>=800px){.header__container>*+*{margin-left:var(--space-small)}}.header__separator{flex:1}.header__avatar-container{align-self:center}.header__avatar{cursor:pointer}.header__link{padding:var(--space-medium)var(--space-large)}.header__link:focus{outline-offset:-.3rem}.header__action{margin:var(--space-smaller);padding:var(--space-small);font-size:var(--size-small);text-align:center;background-color:var(--color-turquoise-4);border:var(--width-border)solid currentcolor;border-radius:var(--radius-button);align-self:center;text-decoration:none}@media (width>=800px){.header__action{padding-top:var(--space-smaller);padding-bottom:var(--space-smaller);width:auto}}.header__secondary{order:-1}@media (width>=800px){.header__secondary{order:0}}.header__link--home{padding:var(--space-smaller);flex-direction:column;justify-content:center;align-items:center;display:flex}.header__locale-form{padding-top:var(--space-smaller);padding-bottom:var(--space-smaller);flex-direction:column;justify-content:center;display:flex}.header__locale-form label{display:inline}.header__locale-form .icon{vertical-align:middle}.header__locale-form .form-group{margin-top:0;margin-bottom:0}.header__locale-form select{width:auto}svg{pointer-events:none;-webkit-user-select:none;user-select:none}.icon{vertical-align:top;fill:currentColor;width:1.5em;height:auto;display:inline-block}.icon.spin{animation:5s linear infinite icon-spin}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon.rotate90{transform:rotate(90deg)}.icon.rotate180{transform:rotate(180deg)}.icon.rotate270{transform:rotate(270deg)}.illustration{margin:var(--space-larger)var(--space-large);max-width:100%;display:block}.illustration--figure{margin:0}.illustration--centered{margin-left:auto;margin-right:auto}figure{padding:var(--space-medium);color:var(--color-text-secondary);margin:0;font-style:italic}.figure--centered{text-align:center}.figure--centered img{margin-left:auto;margin-right:auto}.sticker{padding:var(--space-smaller)var(--space-small);color:var(--color-text);font-size:var(--size-small);background-color:var(--color-purple-2);border-radius:var(--radius)}.sticker--right{float:right}.sticker--left{float:left}.layout{min-height:100vh}.layout--connected .layout__header{z-index:100;height:var(--height-header);background:var(--color-turquoise-3);box-shadow:0 0 5px var(--color-grey-4);width:100%;position:fixed;bottom:0}@media (width>=800px){.layout--connected .layout__header{background:radial-gradient(circle at top,var(--color-turquoise-3)60%,var(--color-turquoise-4));box-shadow:none;height:auto;position:static}.layout--blocked .layout__header{background:0 0}.layout--connected:not(.layout--blocked) .layout__header{margin-bottom:var(--space-medium)}}.layout--connected .layout__header .header__link{padding:var(--space-small);text-align:center;border-top:.5rem solid #0000;border-bottom:.5rem solid #0000;width:5.5rem;text-decoration:none}@media (width>=800px){.layout--connected .layout__header .header__link{width:auto}}.layout--connected .layout__header .header__link--active{border-bottom-color:var(--color-body);font-weight:700}.layout__main{max-width:var(--width-content);min-height:60vh;margin-left:auto;margin-right:auto}@media (width>=800px){.layout__main{margin-bottom:0}}.layout__main:focus{outline:0}.layout__back a{padding-top:var(--space-medium);padding-right:var(--space-medium);padding-bottom:var(--space-medium);text-overflow:ellipsis;vertical-align:top;white-space:nowrap;outline-offset:calc(-1*var(--width-border-bold));max-width:100%;display:inline-block;overflow:hidden}@media (width>=800px){.layout--connected:not(.layout--blocked) .layout__back{margin-top:calc(var(--space-medium)*-1)}}.layout__search{margin-right:var(--space-smaller);margin-left:var(--space-smaller);padding-top:var(--space-medium);position:relative}@media (width>=800px){.layout__search{max-width:700px;margin-left:auto;margin-right:auto}}.layout__back+.layout__search{padding-top:0}@media (width>=800px){.layout--connected:not(.layout--blocked) .layout__search{margin-top:calc(var(--space-medium)*-1)}.layout--connected:not(.layout--blocked) .layout__back+.layout__search{margin-top:0}}.layout__search input[type=text]{padding-right:calc(1.5em + 2*var(--space-medium));box-shadow:0 1px 4px 1px var(--color-grey-1);border-color:var(--color-border-search)}.layout__search input[type=text]:hover{box-shadow:0 1px 4px 1px var(--color-grey-2)}.layout__search button{position:absolute;right:0}.layout__search button:hover{border-color:#0000}.layout__search button .icon{fill:var(--color-grey-5)}.layout__search button:hover .icon{fill:var(--color-text)}.layout__content{padding:var(--space-medium)var(--space-smaller)var(--space-large);background-color:var(--color-white);box-shadow:0 1px 2px 1px var(--color-grey-2)}.layout--connected .layout__content{min-height:calc(100vh - var(--height-header));padding-bottom:calc(var(--height-header) + var(--space-large))}@media (width>=800px){.layout__content{padding-right:var(--space-large);padding-left:var(--space-large);border-radius:.5rem}.layout__content--touch-bottom{border-bottom-right-radius:0;border-bottom-left-radius:0}.layout--connected .layout__content{padding-bottom:var(--space-large);min-height:auto}}.layout__footer{padding:var(--space-large);text-align:center}.banner__container{padding:var(--space-smaller);text-align:center;background-color:var(--color-purple-1);border-bottom:var(--width-border)solid var(--color-purple-2);display:block}.layout__banner--alert .banner__container{background-color:var(--color-red-1);border-bottom-color:var(--color-red-2)}.banner__container--anchor{transition:background-color .3s ease-in-out}.banner__container--anchor:hover,.banner__container--anchor:focus{color:initial;background-color:var(--color-purple-2)}.layout--error{text-align:center}.layout--error .layout__header{padding:var(--space-larger)var(--space-medium)}.layout--error .layout__link{font-size:var(--size-large);text-decoration:none}.layout--error .layout__main{max-width:800px}.layout--error__box{padding:var(--space-medium)var(--space-large);color:var(--color-body);text-align:left;background-color:var(--color-text);position:absolute;left:0;right:0;overflow:auto}.line{align-items:center;display:flex}.line>*+*{margin-left:var(--space-small)}.line__item{flex-shrink:0}.line__item--extend{flex:1}.list--no-style{padding-left:0;list-style:none}.list__item+.list__item{margin-top:var(--space-small)}.list--spaced .list__item+.list__item{margin-top:var(--space-medium)}.list--padded>li{padding:1.5rem 2rem}.list--border{border:2px solid var(--color-grey-2);border-radius:.5rem}.list--border>li+li{border-top:2px solid var(--color-grey-2)}.modal{z-index:999;visibility:hidden;opacity:0;background-color:#00000080;transition:visibility 0s linear .2s,opacity .2s,transform .2s;position:fixed;inset:0;overflow:hidden auto;transform:scaleX(1.02)scaleY(1.02)}.modal[aria-hidden=false]{visibility:visible;opacity:1;transition:visibility linear,opacity .2s,transform .2s;transform:scaleX(1)scaleY(1)}.modal__box{max-width:var(--width-content);margin:var(--space-medium)auto var(--space-larger);background-color:var(--color-white);box-shadow:0 0 10px var(--color-grey-7);scroll-margin-top:var(--space-medium)}@media (width>=800px){.modal__box{margin-top:var(--space-larger)}}@media (width>=1000px){.modal__box{border-radius:var(--radius)}}.modal__header{padding:var(--space-smaller);text-align:right}.modal__body{padding-right:var(--space-small);padding-bottom:var(--space-small);padding-left:var(--space-small);min-height:15rem;overflow:hidden}@media (width>=800px){.modal__body{padding-right:var(--space-medium);padding-bottom:var(--space-medium);padding-left:var(--space-medium)}}.modal__body>.section:last-child{margin-bottom:0}.modal__body .section__title{margin-top:0}.modal .no-modal,.only-modal{display:none}.modal .only-modal{display:initial}body.modal-opened{overflow:hidden}.paragraph--featured{font-size:var(--size-large);text-align:center;max-width:50ch;margin-left:auto;margin-right:auto;font-weight:600}.paragraph--contrasted{padding:var(--space-medium);color:var(--color-white);background-image:radial-gradient(circle at top,var(--color-purple-6)80%,var(--color-purple-7));border-radius:var(--radius)}.paragraph--centered{text-align:center;max-width:50ch;margin-left:auto;margin-right:auto}.text--centered{text-align:center}.paragraph--secondary,.text--secondary{color:var(--color-text-secondary)}.paragraph--placeholder{margin:var(--space-large)auto;color:var(--color-text-secondary);text-align:center;max-width:50ch;font-style:italic}.pagination__container{padding:var(--space-smaller);background-color:var(--color-purple-1);border-radius:var(--radius);justify-content:center;list-style:none;display:flex}.pagination__item{margin-right:var(--space-smaller);margin-left:var(--space-smaller)}.pagination__item--disabled{visibility:hidden}@media (width<=359px){.pagination__item--prev,.pagination__item--next{display:none}}.pagination__link{padding:var(--space-smaller)var(--space-small);border-bottom:var(--width-border)solid transparent;text-decoration:none;display:inline-block}.pagination__item--current .pagination__link{border-bottom-color:currentColor;font-weight:700}.pagination__item--prev .pagination__link{text-align:right}.popup{text-align:left;display:inline-block;position:relative}.popup__opener{list-style:none}.popup__opener::-webkit-details-marker{display:none}.popup__opener:focus{outline:0}.popup__opener:focus>*{outline:var(--width-border-bold)solid var(--color-purple-4)}.popup__opener:focus>.button,.popup__opener:active>.button{border-color:var(--color-border-active)}.popup__container{z-index:100;right:0;bottom:var(--height-header);padding:var(--space-medium)var(--space-small);background:linear-gradient(135deg,var(--color-turquoise-2)0%,var(--color-turquoise-3)100%);position:fixed;left:0}@media (width>=800px){.popup__container{font-size:var(--size-small);box-shadow:0 0 2px 0 var(--color-turquoise-6);border-radius:var(--radius);min-width:27rem;position:absolute;bottom:auto}.popup__container--large{min-width:31rem}.popup__container--bottom{margin-top:.5rem;margin-left:auto;margin-right:auto;left:50%;right:auto;transform:translate(-50%)}.popup__container--left{margin-top:.5rem;left:auto;right:0}.popup__container--over{margin-top:-6.5rem;margin-left:-1rem}}.popup__title{margin-bottom:var(--space-smaller);padding-right:var(--space-small);padding-left:var(--space-small);overflow-wrap:anywhere;font-weight:700}.popup__separator{height:var(--height-separator);background-color:var(--color-turquoise-4);border-radius:var(--radius);margin-top:.5rem;margin-bottom:.5rem}.popup__item--link{text-decoration:none}.popup__item--link:hover,.popup__item--link:focus{color:initial;outline:0}.popup__item--button{text-align:left;background-color:#0000;border:none;width:100%;transition:none}.popup__item--button:focus{outline:0}.popup__item{padding:var(--space-small);border:var(--width-border)solid transparent;border-radius:var(--radius);transition:background-color .1s ease-in-out,border-color .1s ease-in-out;display:block}@media (width>=800px){.popup__item{white-space:nowrap}}.popup__item:hover,.popup__item:focus{background-color:var(--color-turquoise-2);border-color:var(--color-turquoise-5)}.section--small{max-width:55ch;margin-left:auto;margin-right:auto}.section--longbottom{padding-bottom:8rem}@media (width>=800px){.section--longbottom{padding-bottom:15rem}}.section__image{width:calc(100% + 2*var(--space-smaller));margin-top:calc(var(--space-medium)*-1);margin-bottom:var(--space-medium);margin-left:calc(var(--space-smaller)*-1);filter:blur(.7px);display:block}@media (width>=800px){.section__image{width:calc(100% + 2*var(--space-large));margin-left:calc(var(--space-large)*-1);border-radius:.5rem .5rem 0 0}}.section__title{margin-top:var(--space-medium);margin-bottom:var(--space-large);font-family:var(--font-family-title);letter-spacing:.01em;text-align:center;justify-content:center;align-items:center;display:flex}.section__title h1{text-overflow:ellipsis;margin-top:0;margin-bottom:0;display:inline-block;overflow:hidden}.section__title h1:after{content:"";background:linear-gradient(to right,var(--color-turquoise-4),var(--color-turquoise-6),var(--color-turquoise-4));border-radius:var(--radius);max-width:75%;height:.3rem;margin-top:.5rem;margin-left:auto;margin-right:auto;display:block}.section__title h1 .icon{vertical-align:middle;margin-right:1rem}.section__intro{margin:var(--space-large)auto;text-align:center;max-width:50ch;font-style:italic}@media (width>=800px){.section__intro{margin-top:calc(var(--space-medium)*2.5);margin-bottom:calc(var(--space-medium)*2.5)}}.section__meta{margin-right:auto;margin-bottom:var(--space-medium);flex-direction:column;align-items:center;max-width:55ch;margin-left:auto;display:flex}@media (width>=800px){.section__meta{flex-direction:row;align-items:baseline}}.section__details{text-align:center;flex-grow:1}@media (width>=800px){.section__details{text-align:left}}.section__actions{gap:var(--space-small);flex-shrink:0;display:flex}.subsection{margin-top:var(--space-large);margin-bottom:var(--space-large)}.subsection--small{max-width:55ch;margin-left:auto;margin-right:auto}.subsection__title{font-family:var(--font-family-title);letter-spacing:.01em;margin-top:0;margin-bottom:0}.title--small{font-size:var(--size-normal)}.collection__public{margin-right:var(--space-small)}.collection__topics{text-align:center;max-width:55ch;margin-left:auto;margin-right:auto;font-style:italic}.collection__description{margin:var(--space-large)auto;padding-right:var(--space-smaller);padding-left:var(--space-smaller);max-width:55ch}@media (width>=800px){.collection__description{padding-left:0;padding-right:0}}.collection__number-links{margin-bottom:var(--space-small);color:var(--color-text-secondary);font-size:var(--size-small);text-align:center}.list--collections-others{margin-top:0}.collections-selector select{width:100%}.feed h2{margin-top:var(--space-larger);margin-bottom:var(--space-larger);font-family:var(--font-family-title);text-align:center}.feed__entry+.feed__entry{margin-top:var(--space-large)}.feed__entry h3{margin-bottom:var(--space-small)}.form-avatar{margin-bottom:var(--space-large)}.group+.group{margin-top:var(--space-larger)}.group__header{padding-right:var(--space-small);padding-left:var(--space-small);background-color:var(--color-white);box-shadow:0 2px 2px var(--color-white);align-items:center;display:flex;position:sticky;top:0}.group:first-child .group__header{z-index:20}.group:nth-child(2) .group__header{z-index:19}.group:nth-child(3) .group__header{z-index:18}.group:nth-child(4) .group__header{z-index:17}.group:nth-child(5) .group__header{z-index:16}.group:nth-child(6) .group__header{z-index:15}.group:nth-child(7) .group__header{z-index:14}.group:nth-child(8) .group__header{z-index:13}.group:nth-child(9) .group__header{z-index:12}.group:nth-child(10) .group__header{z-index:11}.group__icon{margin-right:var(--space-smaller)}.group__icon,.group__header button{flex-shrink:0}.group__icon .icon{width:1.3em}.group__title{margin-top:var(--space-medium);margin-bottom:var(--space-medium);font-family:var(--font-family-title);font-size:var(--size-normal);text-overflow:ellipsis;overflow:hidden}@media (width>=800px){.group__title{font-size:var(--size-large)}}.group__subtitle{padding-right:var(--space-small);padding-left:var(--space-small);font-size:var(--size-small);margin-top:0;margin-bottom:0}@media (width>=800px){.group__subtitle{padding-right:var(--space-medium);padding-left:var(--space-medium)}}.group__separator{margin-right:var(--space-medium);margin-left:var(--space-medium);background:linear-gradient(to right,var(--color-turquoise-5),var(--color-purple-5),var(--color-turquoise-5));border:none;border-radius:2em;flex:1;height:.3rem}.group-selector__group-input{display:none}.group-selector__group-select select{flex-grow:1}.link{margin-bottom:var(--space-medium);box-shadow:0 1px 4px 1px var(--color-grey-2);flex-direction:column;flex-grow:1;width:100%;max-width:100%;transition:box-shadow .5s ease-in-out;display:flex;position:relative}.link:focus-within{box-shadow:0 1px 4px 1px var(--color-purple-2)}@media (width>=800px){.link{max-width:31%;margin-left:1%;margin-right:1%}}.link__meta{padding:var(--space-smaller);pointer-events:none;align-items:flex-start;display:flex}@media (width>=800px){.link:not(.link--compact) .link__meta{position:absolute;left:0;right:0}}.link__meta-warning,.link__meta-date{padding:0 var(--space-small);font-size:var(--size-small);border-radius:var(--radius);pointer-events:initial;font-style:italic}.link__meta-warning{color:var(--color-text-warning);text-align:left;background-color:var(--color-back-warning);border:none}.link__meta-warning:hover,.link__meta-warning:focus{background-color:var(--color-back-warning)}.link__meta-warning span{white-space:nowrap}.link__meta-separator{flex-grow:1}.link__meta-date{opacity:.8;background-color:var(--color-purple-1)}@media (width>=800px){.link--compact .link__meta-warning,.link--compact .link__meta-date{font-size:var(--size-smaller)}}.link__body{padding:var(--space-smaller);flex:1;display:flex}.link__meta+.link__body{margin-top:calc(-1*var(--space-smaller))}@media (width>=800px){.link:not(.link--compact) .link__body{flex-direction:column;padding:0}.link:not(.link--compact) .link__meta+.link__body{margin-top:0}}.link__image-container{border-radius:var(--radius);flex-shrink:0;width:75px;height:75px}.link__image{border-radius:var(--radius);object-fit:cover;width:100%;height:100%}@media (width>=800px){.link:not(.link--compact) .link__image-container{border-radius:0;width:100%;height:156px}.link:not(.link--compact) .link__image{border-radius:0}}.link__content{margin-left:var(--space-small);min-width:0}@media (width>=800px){.link:not(.link--compact) .link__content{padding:var(--space-small);margin-left:0}}.link__title{margin-top:0;margin-bottom:var(--space-medium);font-size:var(--size-normal);font-weight:700;line-height:1.25}.link__title a{text-overflow:ellipsis;text-decoration:none;display:block;overflow:hidden}@media (width>=800px){.link--compact .link__title{font-size:var(--size-small)}}.link__text{margin-top:var(--space-small);margin-bottom:var(--space-small);color:var(--color-text-secondary);font-size:var(--size-small);overflow-wrap:anywhere}@media (width>=800px){.link--compact .link__text{font-size:var(--size-smaller)}}.link__text--oneline{white-space:nowrap;align-items:baseline;display:flex}.link__ellipsis{text-overflow:ellipsis;overflow:hidden}.link__actions{padding:var(--space-smaller);background-color:var(--color-purple-1);background-image:linear-gradient(to right,var(--color-purple-2),var(--color-purple-3),var(--color-purple-2));box-shadow:0 -1px 2px 0 var(--color-purple-1);background-position:0 100%;background-repeat:repeat-x;background-size:100% 3px;justify-content:space-between;align-items:center;display:flex}@media (width>=800px){.link:not(.link--compact) .link__actions{padding:var(--space-small)}}.link__actions-group{align-items:center;display:flex}.link__actions-group>*+*{margin-left:var(--space-small)}.link__actions-button{color:var(--color-purple-8)}.link__actions-button:hover{border-color:var(--color-purple-2)}.message{margin-bottom:var(--space-large)}.message__author{font-size:var(--size-small);overflow-wrap:anywhere;font-weight:700}.message__avatar{background-color:var(--color-white);border:2px solid var(--color-turquoise-5);border-radius:50%;width:5rem}.message__date{color:var(--color-text-secondary);font-size:var(--size-small)}.message__content{padding:var(--space-smaller);text-overflow:ellipsis;word-wrap:break-word;overflow:hidden}@media (width>=800px){.message__content{padding:var(--space-small);margin-left:5rem}}.message__content code{padding-right:var(--space-smaller);padding-left:var(--space-smaller);font-size:var(--size-small);background-color:var(--color-turquoise-1);border-radius:var(--radius)}.message__content pre{padding:var(--space-medium)var(--space-small);color:var(--color-white);background-color:var(--color-turquoise-9);border-top:var(--width-border)solid var(--color-turquoise-5);border-bottom:var(--width-border-bold)solid var(--color-turquoise-5);border-radius:var(--radius);overflow:auto}@media (width>=800px){.message__content pre{padding-right:var(--space-medium);padding-left:var(--space-medium)}}.message__content pre code{color:var(--color-white);background-color:#0000;border:none;padding:0}.message__content blockquote{padding:var(--space-medium)var(--space-small);background-color:var(--color-turquoise-3);border-radius:var(--radius);background-image:url(../block-quote.def20ef5.svg);background-repeat:no-repeat;background-size:45px;margin-left:0;margin-right:0;font-style:italic}@media (width>=800px){.message__content blockquote{padding:var(--space-smaller)var(--space-larger);background-size:75px}}.news__refresh-button[disabled] .icon{animation:5s linear infinite icon-spin}.news__source{font-style:italic}.news__postpone{margin-top:var(--space-large);padding:var(--space-medium);padding-bottom:var(--space-larger);text-align:center}.news__postpone-popup .popup__container{font-size:var(--size-normal)}.news__postpone-button{background-color:var(--color-purple-1);border-color:var(--color-purple-4);font-size:1.2em}.news__source-group{margin-top:var(--space-medium);margin-bottom:var(--space-medium)}@media (width>=800px){.news__source-group{margin-left:var(--space-small);padding-right:var(--space-smaller);padding-left:var(--space-smaller);border-left:var(--width-border-bold)solid var(--color-purple-1)}}.news__source-title{padding:var(--space-small);font-size:var(--size-normal);margin:0}.profile__meta{margin-right:auto;margin-bottom:var(--space-medium);flex-direction:column;align-items:center;max-width:55ch;margin-left:auto;display:flex}@media (width>=800px){.profile__meta{flex-direction:row}}.profile__details{text-align:center;flex-grow:1}@media (width>=800px){.profile__details{text-align:left}}.reading-nav{text-align:center}.reading-nav__container{margin:0;margin-bottom:var(--space-large);border:var(--width-border)solid var(--color-turquoise-3);border-radius:var(--radius-button);align-items:stretch;padding-left:0;list-style:none;display:flex}.reading-nav__item{flex:1}.reading-nav__anchor{padding:var(--space-small);background-color:var(--color-turquoise-1);outline-offset:-.3rem;width:100%;height:100%;text-decoration:none;transition:color .3s ease-in-out,background-color .3s ease-in-out;display:inline-block}.reading-nav__anchor:hover{background-color:var(--color-turquoise-2)}.reading-nav__anchor[aria-current=page]{background-color:var(--color-turquoise-3)}.reading-nav__item:first-child .reading-nav__anchor{border-radius:var(--radius-button)0 0 var(--radius-button)}.reading-nav__item:last-child .reading-nav__anchor{border-radius:0 var(--radius-button)var(--radius-button)0}.share{margin-top:var(--space-large);margin-bottom:var(--space-large);padding:var(--space-small)var(--space-medium);background-color:var(--color-purple-1);border-radius:var(--radius);flex-direction:column;align-items:center;display:flex}@media (width>=800px){.share{flex-direction:row}}.share__text{text-align:center;word-break:break-all;flex:1;font-family:monospace}.topics-selector{margin-bottom:var(--space-medium);text-align:center}.topics-selector:last-child{margin-bottom:0}.topics-selector__item{margin:var(--space-smaller);display:inline-block}.topics-selector__label{padding:var(--space-small)var(--space-medium);background-color:var(--color-white);border:var(--width-border)solid var(--color-border);border-radius:var(--radius-button);margin-bottom:0;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}input[type=checkbox]:focus+.topics-selector__label{box-shadow:0 0 0 1px var(--color-purple-5)}input[type=checkbox]:focus+.topics-selector__label:before{box-shadow:none}input[type=checkbox]:checked+.topics-selector__label{background-color:var(--color-turquoise-3);border-color:var(--color-turquoise-6)}input[type=checkbox]:checked+.topics-selector__label:before{border-color:var(--color-turquoise-7);border-color:#0000}input[type=checkbox]:checked+.topics-selector__label:after{left:2.5rem}*,:before,:after{box-sizing:border-box}html{font-size:10px}body{color:var(--color-text);font-family:var(--font-family-text);font-size:var(--size-base);background:linear-gradient(to bottom,var(--color-body),var(--color-purple-1)420px);margin:0;padding:0}:focus{outline:var(--width-border-bold)solid var(--color-purple-4)}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.js-only{display:none}@media (width<=799px){.no-mobile{display:none}}@media (width>=800px){.only-mobile{display:none}}.accessibility-nav{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.accessibility-nav:focus{clip:auto;width:auto;height:auto;top:.75rem;left:2rem}hr{margin:var(--space-larger)auto;background:linear-gradient(to right,var(--color-turquoise-2),var(--color-turquoise-4),var(--color-turquoise-2));border:none;border-radius:2em;width:50%;height:.3rem}.turbo-progress-bar{background:linear-gradient(to right,var(--color-turquoise-5),var(--color-purple-5));height:.5rem;position:fixed;top:0}
 /*# sourceMappingURL=application.css.map */
diff --git a/public/assets/stylesheets/application.css.map b/public/assets/stylesheets/application.css.map
index 8f4f0001..067a4b07 100644
--- a/public/assets/stylesheets/application.css.map
+++ b/public/assets/stylesheets/application.css.map
@@ -1 +1 @@
-{"mappings":"ACAA,yCAIA,mDAIA,+CAIA,+CAIA,iDChBA,0lFA4GA,qBACI,yBC7GJ,sQAYA,8SAaA,0SAaA,gSAaA,yTCnDA,yJAYA,sGAYA,8ECxBA,2VAcA,8JAOA,yKAOA,+JAOA,8BAIA,wDAIA,8DAIA,0DAIA,6CCnDA,yIAUA,6ICVA,uIAUA,wCAKA,uDAQA,0DAKA,2CAIA,4EAKA,+KAWA,wCChDA,+XAqBA,0FAOA,gGAOA,0FAKA,wFAKA,yDAKA,6EAKA,oFAKA,oFAKA,gHAMA,4GAOA,+DAIA,8DClFA,gEAOA,wCAIA,wCAIA,uPAkBA,kEAIA,sBACI,qCAKA,uCAKJ,mEAKA,2CAIA,uHAWA,uJASA,sBACI,+FAIA,8GAKJ,8GAQA,qFAKA,2GAKA,uJAWA,sBACI,sCAKJ,uDAMA,+QAiBA,mHAOA,mHAKA,iEAKA,uFAQA,0ZAwBA,2JAaA,gKAaA,yDAIA,4HAOA,+GAKA,6CAIA,0HASA,kDAMA,6DAMA,gKASA,mEAMA,0EAQA,2BAIA,uDAMA,wXAeA,2HAQA,uIAOA,mFAIA,+CAIA,oDAMA,uDClVA,kCAIA,8HASA,sHAOA,+CAKA,2EAKA,gVAkBA,yCAKA,4BASA,iHAWA,8GASA,wWAsBA,iDAIA,0OAQA,oGAIA,iKAMA,uSAiBA,gOAWA,gGAKA,mEAKA,iUAkBA,sBACI,iCAMJ,0NAaA,oGAKA,qEAIA,6FAMA,+RAYA,uBACI,sCAKJ,uHAOA,sHAQA,8CAIA,mDAMA,wDAIA,wCAIA,uNAUA,wFAKA,+CAIA,iZAgBA,8HASA,kDAIA,sBACI,0CAIA,iCAKJ,gFAKA,oFAMA,wFAKA,sBACI,oDAKJ,kHAOA,qDCnWA,yEAKA,+EAQA,4EAQA,yDAIA,gDAIA,6LAaA,yFAOA,oMAgBA,mKASA,oIAMA,mJAKA,mHAIA,sIAKA,wGAIA,sGAIA,0GAIA,2GAIA,uGAIA,qGAIA,2GAIA,0GAIA,iLAOA,oLCrIA,kIAUA,gDAIA,wDAIA,sBACI,uDAKJ,0BAIA,4CAIA,+BAIA,4DAIA,0CAIA,sRAeA,sBACI,iGAOJ,4BAIA,sBACI,4BAKJ,8HASA,oJASA,0CAIA,iDAIA,8DAKA,uCC5GA,kEAKA,wFAUA,kDAIA,yEAUA,uCAIA,yCAIA,yCCrCA,wFAMA,+BAIA,2DAKA,gGAQA,oCAIA,yDC3BA,+KAUA,4BAIA,0BCdA,yBAIA,yLAYA,sBACI,8KASA,gDAIA,4FAKJ,6LAWA,sBACI,6DAKJ,+GAMA,gGAOA,sBACI,+BAKJ,8BAIA,uRAgBA,sBACI,gGAKJ,qIAQA,sBACI,oEAOJ,4CAIA,sBACI,iGAIA,qFAKJ,wKAOA,oFAIA,iDAKA,gDAIA,sDAIA,0DAIA,oKAOA,iJAKA,sBACI,sGAOA,wFAKA,uFAMJ,6DAMA,oLAUA,qHAKA,uEAIA,uHAOA,iCAIA,8EAIA,8EAKA,6CAIA,4LC3OA,sCAMA,yCAIA,0BAIA,2BCdA,+CAMA,sDAIA,qEAIA,qCAIA,uEAKA,6DCvBA,uNAeA,2IASA,gNAUA,sBACI,4CAKJ,uBACI,yCAKJ,6DAMA,iJASA,sBACI,oHAOJ,iDAIA,0CAIA,0CAKA,mCAIA,kCCtFA,qIAUA,uMASA,yFAQA,kCAIA,yEAKA,2ICpCA,2KAYA,qFAKA,8CAIA,sBACI,8DAMJ,8JASA,8FAMA,2DC3CA,8DAQA,+BAIA,oDAIA,+BAIA,mFAIA,mGAKA,iOAYA,sBACI,sKAYA,yCAIA,iHAUA,2DAOA,8DAMJ,yJASA,4JASA,wCAIA,0EAOA,mGAWA,qCAIA,uMAYA,sBACI,iCAKJ,sHC/IA,kEAMA,yCAIA,sBACI,2CAKJ,8MAUA,sBACI,+HAQJ,mNAaA,4GAUA,6QAcA,iEAMA,iGAQA,sBACI,sGAMJ,yJAWA,sBACI,wDAMJ,gDAMA,sBACI,mCAKJ,gCAIA,2EAKA,qEAMA,0GC1IA,2CCAA,oDAIA,0GASA,2IAOA,sBACI,yDAMJ,2IAQA,uCCnCA,wCCAA,iIAQA,wDAIA,iDCZA,8CCAA,6CAIA,kNAuBA,6CAIA,8CAIA,8CAIA,8CAIA,8CAIA,8CAIA,8CAIA,8CAIA,8CAIA,+CAIA,+CAIA,iDAKA,+BAIA,wLAWA,sBACI,2CAKJ,2IASA,sBACI,qFAMJ,kPAYA,0CAIA,iDCjIA,sNAgBA,kEAIA,sBACI,oDAOJ,iGASA,sBACI,wEAOJ,mKAYA,2HAQA,+FAKA,4CAIA,kCAIA,mEAKA,sBACI,kGAMJ,6DAOA,iEAIA,sBACI,sEAMA,gEAKJ,wFASA,iFASA,sBACI,yFAOA,wDAKJ,0DAKA,sBACI,mFAMJ,0HASA,yFASA,sBACI,yDAKJ,gKASA,sBACI,0DAKJ,0EAQA,uDAMA,2XAeA,sBACI,qEAKJ,qDAMA,wDAIA,kDAIA,+DCpPA,0CAIA,oFAMA,4HAQA,6EAKA,2GASA,sBACI,+DAMJ,8LAUA,mTAaA,sBACI,0FAMJ,iGASA,oTAcA,sBACI,mGC7FJ,6EAIA,gCAIA,+HAQA,qEAIA,sBACI,qDAKJ,iHAOA,qFAKA,sBACI,yLASJ,qFChDA,yJAWA,sBACI,mCAKJ,gDAMA,sBACI,mCCxBJ,+BAIA,8NAcA,0BAIA,mPAiBA,qEAIA,kFAIA,+GAIA,6GCnDA,6OAaA,sBACI,2BAKJ,iFCnBA,qEAMA,4CAIA,wEAKA,0RAaA,8FAIA,0EAIA,qIAKA,qHAKA,uECTA,uCAMA,oBAIA,kMAWA,mEAIA,mFAUA,sBAIA,sBACI,yBAKJ,sBACI,2BAKJ,6FAUA,+EAUA,uMAUA","sources":["stylesheets/application.css","src/assets/stylesheets/utils/flow.css","src/assets/stylesheets/utils/variables.css","src/assets/stylesheets/utils/fonts.css","src/assets/stylesheets/utils/animations.css","src/assets/stylesheets/components/alerts.css","src/assets/stylesheets/components/avatars.css","src/assets/stylesheets/components/anchors.css","src/assets/stylesheets/components/buttons.css","src/assets/stylesheets/components/cards.css","src/assets/stylesheets/components/forms.css","src/assets/stylesheets/components/groupnavs.css","src/assets/stylesheets/components/header.css","src/assets/stylesheets/components/icons.css","src/assets/stylesheets/components/illustrations.css","src/assets/stylesheets/components/stickers.css","src/assets/stylesheets/components/layout.css","src/assets/stylesheets/components/lines.css","src/assets/stylesheets/components/lists.css","src/assets/stylesheets/components/modal.css","src/assets/stylesheets/components/paragraphs.css","src/assets/stylesheets/components/pagination.css","src/assets/stylesheets/components/popup.css","src/assets/stylesheets/components/sections.css","src/assets/stylesheets/components/titles.css","src/assets/stylesheets/custom/collections.css","src/assets/stylesheets/custom/collections-selector.css","src/assets/stylesheets/custom/feeds.css","src/assets/stylesheets/custom/form-avatar.css","src/assets/stylesheets/custom/groups.css","src/assets/stylesheets/custom/links.css","src/assets/stylesheets/custom/messages.css","src/assets/stylesheets/custom/news.css","src/assets/stylesheets/custom/profiles.css","src/assets/stylesheets/custom/reading-nav.css","src/assets/stylesheets/custom/share.css","src/assets/stylesheets/custom/topics-selector.css","src/assets/stylesheets/application.css"],"sourcesContent":[".flow > * + * {\n  margin-top: var(--space-medium);\n}\n\n.flow--smaller > * + * {\n  margin-top: var(--space-smaller);\n}\n\n.flow--small > * + * {\n  margin-top: var(--space-small);\n}\n\n.flow--large > * + * {\n  margin-top: var(--space-large);\n}\n\n.flow--larger > * + * {\n  margin-top: var(--space-larger);\n}\n\n:root {\n  --color-white: #fdfcff;\n  --color-grey-1: #efeff8;\n  --color-grey-2: #cfcedb;\n  --color-grey-3: #aeadbe;\n  --color-grey-4: #8e8ca1;\n  --color-grey-5: #7e7c92;\n  --color-grey-6: #6e6d81;\n  --color-grey-7: #4f4e5e;\n  --color-grey-8: #2f2e3b;\n  --color-grey-9: #100f18;\n  --color-purple-1: #eeebfb;\n  --color-purple-2: #ccc4f3;\n  --color-purple-3: #aa9deb;\n  --color-purple-4: #8876e3;\n  --color-purple-5: #7762df;\n  --color-purple-6: #6856c3;\n  --color-purple-7: #4a3d8b;\n  --color-purple-8: #2d2554;\n  --color-purple-9: #0f0c1c;\n  --color-turquoise-1: #dff9f5;\n  --color-turquoise-2: #9fede0;\n  --color-turquoise-3: #60e2cc;\n  --color-turquoise-4: #20d6b7;\n  --color-turquoise-5: #00d0ad;\n  --color-turquoise-6: #00b697;\n  --color-turquoise-7: #00826c;\n  --color-turquoise-8: #004e41;\n  --color-turquoise-9: #001a16;\n  --color-orange-1: #fff1e7;\n  --color-orange-2: #ffdcc3;\n  --color-orange-3: #ffcca7;\n  --color-orange-4: #ffb381;\n  --color-orange-5: #fa934e;\n  --color-orange-6: #f76808;\n  --color-orange-7: #ed5f00;\n  --color-orange-8: #bd4b00;\n  --color-orange-9: #451e11;\n  --color-red-1: #f9dfe4;\n  --color-red-2: #ed9fad;\n  --color-red-3: #e26076;\n  --color-red-4: #d6203f;\n  --color-red-5: #d00023;\n  --color-red-6: #b6001f;\n  --color-red-7: #820016;\n  --color-red-8: #4e000d;\n  --color-red-9: #1a0004;\n  --size-base: calc(1.6em + .5vw);\n  --size-smaller: .75em;\n  --size-small: .85em;\n  --size-normal: 1em;\n  --size-large: 1.2em;\n  --space-base: 2rem;\n  --space-smaller: calc(var(--space-base) / 4);\n  --space-small: calc(var(--space-base) / 2);\n  --space-medium: var(--space-base);\n  --space-large: calc(var(--space-base) * 2);\n  --space-larger: calc(var(--space-base) * 4);\n  --font-family-text: \"Open Sans\", \"-apple-system\", \"BlinkMacSystemFont\", \"Segoe UI\", \"Roboto\", \"Oxygen-Sans\", \"Ubuntu\", \"Cantarell\", \"Helvetica Neue\", \"sans-serif\";\n  --font-family-title: \"Comfortaa\", \"sans-serif\";\n  --color-back-error: var(--color-red-1);\n  --color-back-info: var(--color-purple-1);\n  --color-back-success: var(--color-turquoise-1);\n  --color-back-warning: var(--color-orange-1);\n  --color-border: var(--color-grey-6);\n  --color-border-active: var(--color-turquoise-5);\n  --color-border-disabled: var(--color-grey-3);\n  --color-border-error: var(--color-red-5);\n  --color-border-info: var(--color-purple-5);\n  --color-border-success: var(--color-turquoise-6);\n  --color-border-search: var(--color-grey-3);\n  --color-border-warning: var(--color-orange-2);\n  --color-text: var(--color-purple-9);\n  --color-text-error: var(--color-red-6);\n  --color-text-info: var(--color-purple-6);\n  --color-text-secondary: var(--color-grey-7);\n  --color-text-success: var(--color-turquoise-7);\n  --color-text-warning: var(--color-orange-9);\n  --width-border: .2rem;\n  --width-border-bold: .3rem;\n  --radius: .75rem;\n  --radius-button: 3rem;\n  --color-body: var(--color-turquoise-1);\n  --color-link: var(--color-purple-6);\n  --width-content: 1100px;\n  --height-header: 6rem;\n  --height-separator: var(--width-border);\n}\n\n@media (width >= 48em) {\n  :root {\n    --size-base: 2.2em;\n  }\n}\n\n@font-face {\n  font-family: Comfortaa;\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(Comfortaa), url(\"../comfortaa-v28-latin-700.779733df.woff2\") format(\"woff2\"), url(\"../comfortaa-v28-latin-700.b5ffad37.woff\") format(\"woff\");\n}\n\n@font-face {\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(Open Sans Regular), local(OpenSans-Regular), url(\"../open-sans-v17-latin-regular.6de481cb.woff2\") format(\"woff2\"), url(\"../open-sans-v17-latin-regular.ffb6cdf9.woff\") format(\"woff\");\n}\n\n@font-face {\n  font-family: Open Sans;\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: local(Open Sans Italic), local(OpenSans-Italic), url(\"../open-sans-v17-latin-italic.3a64a403.woff2\") format(\"woff2\"), url(\"../open-sans-v17-latin-italic.b3b72514.woff\") format(\"woff\");\n}\n\n@font-face {\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(Open Sans Bold), local(OpenSans-Bold), url(\"../open-sans-v17-latin-700.eb066dac.woff2\") format(\"woff2\"), url(\"../open-sans-v17-latin-700.8eb597cd.woff\") format(\"woff\");\n}\n\n@font-face {\n  font-family: Open Sans;\n  font-style: italic;\n  font-weight: 700;\n  font-display: swap;\n  src: local(Open Sans Bold Italic), local(OpenSans-BoldItalic), url(\"../open-sans-v17-latin-700italic.6fb5136d.woff2\") format(\"woff2\"), url(\"../open-sans-v17-latin-700italic.ff637321.woff\") format(\"woff\");\n}\n\n.spinner {\n  background-color: var(--color-purple-6);\n  border-radius: 100%;\n  width: 40px;\n  height: 40px;\n  margin: 30px auto;\n  animation: 1s ease-in-out infinite sk-scaleout;\n}\n\n@-webkit-keyframes sk-scaleout {\n  0% {\n    -webkit-transform: scale(0);\n  }\n\n  100% {\n    opacity: 0;\n    -webkit-transform: scale(1);\n  }\n}\n\n@keyframes sk-scaleout {\n  0% {\n    transform: scale(0);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(1);\n  }\n}\n\n.alert {\n  margin-top: var(--space-small);\n  margin-bottom: var(--space-large);\n  padding: var(--space-medium);\n  padding-left: calc(4.7rem + 2 * var(--space-small));\n  background-repeat: no-repeat;\n  background-position: left var(--space-small) top var(--space-small);\n  border-width: var(--width-border-bold);\n  border-radius: var(--radius);\n  background-size: 5rem;\n  border-style: solid;\n}\n\n.alert--info {\n  background-color: var(--color-back-info);\n  border-color: var(--color-border-info);\n  background-image: url(\"../info-purple.513e23fd.svg\");\n}\n\n.alert--success {\n  background-color: var(--color-back-success);\n  border-color: var(--color-border-success);\n  background-image: url(\"../success-green.1fdc777e.svg\");\n}\n\n.alert--error {\n  background-color: var(--color-back-error);\n  border-color: var(--color-border-error);\n  background-image: url(\"../error-red.06d175ba.svg\");\n}\n\n.alert__title {\n  font-weight: bold;\n}\n\n.alert--info .alert__title {\n  color: var(--color-text-info);\n}\n\n.alert--success .alert__title {\n  color: var(--color-text-success);\n}\n\n.alert--error .alert__title {\n  color: var(--color-text-error);\n}\n\n.alert__message {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.avatar {\n  vertical-align: middle;\n  background-color: var(--color-white);\n  border: 2px solid var(--color-turquoise-5);\n  border-radius: 50%;\n  width: 5rem;\n}\n\n.avatar--banner {\n  margin-right: auto;\n  margin-bottom: var(--space-medium);\n  border-width: 4px;\n  width: 15rem;\n  height: 15rem;\n  margin-left: auto;\n  display: block;\n}\n\na {\n  color: inherit;\n  text-decoration: underline .1em;\n  transition: color .3s ease-in-out, border-color .3s ease-in-out;\n}\n\na:hover, a:focus {\n  color: var(--color-link);\n}\n\n.anchor--discreet, .anchor--hidden {\n  text-decoration: none;\n}\n\n.anchor--hidden:hover, .anchor--hidden:focus {\n  color: initial;\n}\n\n.anchor--inverted {\n  color: var(--color-white);\n}\n\n.anchor--inverted:hover, .anchor--inverted:focus {\n  color: var(--color-purple-2);\n}\n\n.anchor--action {\n  padding: var(--space-smaller) var(--space-medium);\n  border-radius: var(--radius-button);\n  border: .1em solid;\n  line-height: 1.5;\n  text-decoration: none;\n  display: inline-block;\n}\n\n.anchor--action.icon {\n  padding-left: 2.3em;\n}\n\nbutton, .button {\n  padding: var(--space-small) var(--space-medium);\n  color: var(--color-text);\n  font-family: inherit;\n  font-size: var(--size-normal);\n  background-color: var(--color-grey-1);\n  border: var(--width-border) solid var(--color-grey-3);\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  line-height: 1.5;\n  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;\n  display: inline-block;\n}\n\nbutton:hover, button:focus, .button:hover, .button:focus {\n  background-color: var(--color-white);\n}\n\nbutton:focus, button:active, .button:focus, .button:active {\n  border-color: var(--color-border-active);\n}\n\n.button--primary {\n  background-color: var(--color-turquoise-3);\n  border-color: var(--color-text);\n}\n\n.button--primary:hover, .button--primary:focus {\n  background-color: var(--color-turquoise-1);\n}\n\n.button--ghost {\n  background-color: #0000;\n  border-color: #0000;\n}\n\n.button--ghost:hover {\n  border-color: var(--color-grey-2);\n  background-color: #0000;\n}\n\n.button--ghost:focus {\n  border-color: var(--color-border-active);\n  background-color: #0000;\n}\n\n.button--danger {\n  background-color: var(--color-red-1);\n  border-color: var(--color-red-5);\n}\n\n.button--danger:hover, .button--danger:focus {\n  background-color: var(--color-red-2);\n  border-color: var(--color-red-2);\n}\n\n.button--large {\n  padding-right: var(--space-large);\n  padding-left: var(--space-large);\n  font-size: var(--size-large);\n}\n\n.button--small {\n  padding: var(--space-smaller) var(--space-medium);\n}\n\n.button--smaller {\n  padding: var(--space-smaller);\n  line-height: 1.3;\n}\n\n.cards {\n  padding: var(--space-smaller);\n  flex-wrap: wrap;\n  display: flex;\n}\n\n.cards--in-column {\n  flex-direction: column;\n}\n\n.cards--centered {\n  justify-content: center;\n}\n\n.card {\n  margin-bottom: var(--space-medium);\n  box-shadow: 0 1px 4px 1px var(--color-grey-2);\n  flex-direction: column;\n  flex-grow: 1;\n  width: 100%;\n  max-width: 100%;\n  transition: background-color .5s ease-in-out, box-shadow .5s ease-in-out;\n  display: flex;\n  position: relative;\n}\n\n.card:focus-within {\n  box-shadow: 0 1px 4px 1px var(--color-purple-2);\n}\n\n@media (width >= 800px) {\n  .card {\n    margin-left: 1%;\n    margin-right: 1%;\n  }\n\n  .card:not(.card--fluid) {\n    max-width: 31%;\n  }\n}\n\n.card--shadow {\n  background-color: var(--color-grey-1);\n  box-shadow: none;\n}\n\n.card--shadow:focus-within {\n  box-shadow: none;\n}\n\n.card--showcase {\n  padding: var(--space-small);\n  text-align: center;\n  box-shadow: none;\n  justify-content: center;\n  align-items: center;\n}\n\n.card--action {\n  background: linear-gradient(135deg, var(--color-purple-5), var(--color-turquoise-5));\n  justify-content: center;\n  align-items: stretch;\n  padding: 3px;\n}\n\n@media (width >= 800px) {\n  .card--action:nth-child(2) {\n    background: linear-gradient(180deg, #3d97c7, var(--color-turquoise-5));\n  }\n\n  .card--action:nth-child(3) {\n    background: linear-gradient(225deg, var(--color-purple-5), var(--color-turquoise-5));\n  }\n}\n\n.card--illustrated {\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  min-height: 150px;\n}\n\n.card--illustrated-alt {\n  background-color: var(--color-purple-5);\n  border: 4px solid #0000;\n}\n\n.card--illustrated-alt:hover, .card--illustrated-alt:focus-within {\n  background-color: var(--color-turquoise-5);\n}\n\n.card__button {\n  padding: var(--space-medium) var(--space-small);\n  background-color: var(--color-purple-1);\n  border: none;\n  border-radius: 0;\n  flex: 1;\n  min-height: 150px;\n}\n\n@media (width >= 800px) {\n  .card__button--link {\n    min-height: 300px;\n  }\n}\n\n.card__image {\n  width: 100%;\n  min-height: 156px;\n  display: block;\n}\n\n.card__image-overlay {\n  top: var(--space-smaller);\n  left: var(--space-smaller);\n  padding: 0 var(--space-small);\n  font-size: var(--size-small);\n  text-align: left;\n  opacity: .8;\n  background-color: var(--color-purple-1);\n  border-radius: var(--radius);\n  border: none;\n  font-style: italic;\n  position: absolute;\n}\n\n.card__image-overlay--warning {\n  color: var(--color-text-warning);\n  opacity: 1;\n  background-color: var(--color-back-warning);\n}\n\n.card__image-overlay--warning:hover, .card__image-overlay--warning:focus {\n  background-color: var(--color-back-warning);\n}\n\n.card__image-overlay--right {\n  right: var(--space-smaller);\n  left: auto;\n}\n\n.card__body {\n  padding: var(--space-small);\n  background-color: var(--color-white);\n  flex-grow: 1;\n}\n\n.card--illustrated .card__body {\n  padding-top: calc(25px + var(--space-small));\n  color: var(--color-white);\n  text-shadow: -1px 1px 1px var(--color-purple-8), 1px 1px 1px var(--color-purple-8), 1px -1px 0 var(--color-purple-8), -1px -1px 0 var(--color-purple-8);\n  background-color: #0000004d;\n  background-image: linear-gradient(#0000 0, #0006 25px, #0009 45px, #000c);\n  text-decoration: none;\n  transition: background-color .3s ease-in-out;\n}\n\n.card--illustrated .card__body--large {\n  padding-top: calc(70px + var(--space-small));\n  background-image: linear-gradient(#0000 30px, #0006 70px, #0009 90px, #000c);\n}\n\n.card--illustrated .card__body--larger {\n  padding-top: calc(156px + var(--space-small));\n  background-image: linear-gradient(#0000 110px, #0006 150px, #0009 170px, #000c);\n}\n\n.card--illustrated-alt .card__body {\n  background-image: none;\n}\n\n.card--illustrated a.card__body:hover, .card--illustrated a.card__body:focus {\n  color: var(--color-white);\n  background-color: #0000;\n}\n\n.card--illustrated-alt a.card__body:hover, .card--illustrated-alt a.card__body:focus {\n  background-color: #0000004d;\n}\n\n.card--illustrated .sticker {\n  text-shadow: none;\n}\n\n.card__title {\n  margin-top: 0;\n  margin-bottom: var(--space-medium);\n  font-size: var(--size-normal);\n  font-weight: bold;\n  line-height: 1.25;\n}\n\n.card__title a {\n  text-decoration: none;\n  display: block;\n}\n\n.card__title-ellipsis {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.card__text {\n  margin-top: var(--space-small);\n  margin-bottom: var(--space-small);\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n  overflow-wrap: anywhere;\n}\n\n.card--illustrated .card__text {\n  color: var(--color-white);\n  opacity: .8;\n}\n\n.card__text--oneline {\n  white-space: nowrap;\n  align-items: baseline;\n  display: flex;\n}\n\n.card__text--extend {\n  flex: 1;\n}\n\n.card__ellipsis {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.card__footer {\n  padding: var(--space-small);\n  background-color: var(--color-purple-1);\n  background-image: linear-gradient(to right, var(--color-purple-2), var(--color-purple-3), var(--color-purple-2));\n  box-shadow: 0 -1px 2px 0 var(--color-purple-1);\n  background-position: 0 100%;\n  background-repeat: repeat-x;\n  background-size: 100% 3px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n\n.card--illustrated .card__footer {\n  color: var(--color-white);\n  box-shadow: none;\n  background-color: #000000e6;\n  background-image: none;\n}\n\n.card--illustrated .card__footer button {\n  color: var(--color-white);\n  background-color: var(--color-grey-9);\n  border-color: var(--color-grey-5);\n}\n\n.card--illustrated .card__footer button:hover {\n  background-color: var(--color-grey-8);\n}\n\n.card__footer--centered {\n  justify-content: center;\n}\n\n.card__footer-group {\n  align-items: center;\n  display: flex;\n}\n\n.card__footer-group > * + * {\n  margin-left: var(--space-small);\n}\n\n.form--centered {\n  text-align: center;\n}\n\n.form--danger {\n  margin-top: var(--space-larger);\n  padding: var(--space-medium);\n  text-align: right;\n  background-color: var(--color-red-1);\n}\n\nlabel {\n  margin-bottom: var(--space-small);\n  padding-right: var(--space-small);\n  padding-left: var(--space-small);\n  display: block;\n}\n\n.label--checkbox, .label--radio {\n  margin-bottom: 0;\n}\n\n.label__help {\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n}\n\ninput, textarea {\n  padding: var(--space-small);\n  color: inherit;\n  font-family: inherit;\n  font-size: var(--size-normal);\n  background-color: var(--color-white);\n  box-shadow: 2px 2px 4px var(--color-grey-2) inset;\n  border: var(--width-border) solid var(--color-border);\n  border-radius: var(--radius);\n  width: 100%;\n  line-height: 1.5;\n  transition: border-color .2s ease-in-out;\n}\n\ntextarea {\n  max-width: 100%;\n  min-height: 15rem;\n}\n\n.input--number-3 {\n  width: 8rem;\n}\n\ninput[type=\"checkbox\"], input[type=\"radio\"] {\n  clip: rect(0, 0, 0, 0);\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n}\n\ninput[type=\"checkbox\"] + label, input[type=\"radio\"] + label {\n  align-items: baseline;\n  display: inline-flex;\n  position: relative;\n}\n\ninput[type=\"checkbox\"] + label:before, input[type=\"radio\"] + label:before {\n  content: \" \";\n  margin-right: var(--space-small);\n  background-color: var(--color-white);\n  border: var(--width-border) solid var(--color-border);\n  border-radius: .5rem;\n  flex-shrink: 0;\n  width: 2.5rem;\n  height: 2.5rem;\n  transition: border-color .2s ease-in-out, background-color .2s ease-in-out;\n  position: relative;\n  top: .5rem;\n}\n\ninput[type=\"radio\"] + label:before {\n  border-radius: 50%;\n}\n\ninput[type=\"checkbox\"]:hover + label:before, input[type=\"checkbox\"]:focus + label:before, input[type=\"radio\"]:hover + label:before, input[type=\"radio\"]:focus + label:before {\n  background-color: var(--color-turquoise-1);\n  border-color: var(--color-turquoise-6);\n}\n\ninput[type=\"checkbox\"]:focus + label:before {\n  outline: var(--width-border-bold) solid var(--color-purple-4);\n}\n\ninput[type=\"checkbox\"]:checked + label:before, input[type=\"radio\"]:checked + label:before {\n  background-color: var(--color-turquoise-3);\n  border-color: var(--color-turquoise-8);\n}\n\ninput[type=\"checkbox\"]:checked + label:after, input[type=\"radio\"]:checked + label:after {\n  content: \"\";\n  border-bottom: var(--width-border) solid var(--color-text);\n  border-left: var(--width-border) solid var(--color-text);\n  width: 1.5rem;\n  height: .75rem;\n  position: absolute;\n  top: 1.2rem;\n  left: 1.5rem;\n  transform: rotate(-45deg);\n}\n\ninput[type=\"radio\"]:checked + label:after {\n  background-color: var(--color-text);\n  border-top: var(--width-border) solid var(--color-text);\n  border-right: var(--width-border) solid var(--color-text);\n  border-radius: 50%;\n  height: 1.5rem;\n  top: 1rem;\n}\n\n.form-group--invalid input, .form-group--invalid textarea {\n  border-color: var(--color-border-error);\n}\n\ninput:focus, textarea:focus {\n  border-color: var(--color-border-active);\n}\n\nselect {\n  padding: var(--space-small);\n  color: inherit;\n  font-family: inherit;\n  font-size: var(--size-normal);\n  text-overflow: ellipsis;\n  background-color: var(--color-grey-1);\n  border: var(--width-border) solid var(--color-border);\n  border-radius: var(--radius);\n  width: 100%;\n  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;\n}\n\n@media (width >= 800px) {\n  select {\n    width: auto;\n    min-width: 50%;\n  }\n}\n\nselect:not([multiple]) {\n  appearance: none;\n  background-image: url(\"../angle-down.8d3ef7ca.svg\");\n  background-position: right .75rem top 58%;\n  background-repeat: no-repeat;\n  background-size: 2.5rem;\n  padding-right: 3.5rem;\n}\n\nselect:not([disabled]):hover, select:not([disabled]):focus {\n  background-color: var(--color-turquoise-1);\n}\n\nselect:not([disabled]):focus {\n  border-color: var(--color-border-active);\n}\n\nselect[disabled] {\n  color: var(--color-text-secondary);\n  border-color: var(--color-border-disabled);\n}\n\nfieldset {\n  margin-top: var(--space-medium);\n  margin-bottom: var(--space-medium);\n  padding: var(--space-small);\n  background-image: linear-gradient(to bottom, var(--color-grey-1), var(--color-purple-1));\n  box-shadow: 1px 1px 1px var(--color-purple-2);\n  border-radius: var(--radius);\n  border: none;\n  min-width: auto;\n}\n\n@media (width >= 1100px) {\n  fieldset {\n    padding: var(--space-medium);\n  }\n}\n\nlegend {\n  padding: var(--space-smaller) var(--space-small);\n  background-color: var(--color-grey-1);\n  border-radius: var(--radius);\n}\n\n.fieldset__caption {\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n  padding-left: .5em;\n  padding-right: .5em;\n}\n\n.form-group {\n  margin-bottom: var(--space-medium);\n}\n\n.form-group__stack {\n  align-items: center;\n  display: flex;\n}\n\n.form-group__stack > * + * {\n  margin-left: var(--space-smaller);\n}\n\n.form-group__stack > button {\n  flex-shrink: 0;\n}\n\n.form-group__caption {\n  margin-top: var(--space-smaller);\n  margin-bottom: var(--space-smaller);\n  padding-right: var(--space-small);\n  padding-left: var(--space-small);\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n}\n\n.form-group__caption--alt {\n  padding-left: calc(2 * var(--space-small)  + 2.5rem);\n  margin-top: 0;\n}\n\n.form-group__caption--alt:before {\n  content: \"➜\";\n}\n\n.form-group__error {\n  margin-top: var(--space-small);\n  margin-bottom: var(--space-small);\n  padding-right: var(--space-small);\n  padding-left: calc(var(--space-small)  + 1.75em);\n  color: var(--color-text-error);\n  font-size: var(--size-small);\n  background-image: url(\"../error-red.06d175ba.svg\");\n  background-repeat: no-repeat;\n  background-position: left var(--space-small) center;\n  background-size: 1.5em;\n  font-weight: bold;\n}\n\n.form__actions {\n  margin-bottom: var(--space-medium);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.form__actions > * + * {\n  margin-top: var(--space-medium);\n}\n\n@media (width >= 800px) {\n  .form__actions {\n    flex-direction: row-reverse;\n  }\n\n  .form__actions > * + * {\n    margin-top: 0;\n  }\n}\n\n.form-details {\n  margin-bottom: var(--space-medium);\n  padding-left: var(--space-small);\n}\n\n.form-details summary {\n  padding: var(--space-smaller) var(--space-small);\n  cursor: pointer;\n}\n\n.form-details__content {\n  padding-top: var(--space-small);\n  padding-bottom: var(--space-small);\n}\n\n@media (width >= 800px) {\n  .form-details__content {\n    padding: var(--space-medium);\n  }\n}\n\n.form-group--terms {\n  padding: var(--space-medium);\n  background-color: var(--color-purple-1);\n  border-radius: var(--radius);\n}\n\n.form-group--terms .form-group__caption {\n  margin-top: 0;\n}\n\n.groupnav {\n  margin-top: var(--space-large);\n  margin-bottom: var(--space-large);\n}\n\n.groupnav__title {\n  max-width: 50ch;\n  margin: 2rem auto;\n  font-size: 1em;\n  font-weight: bold;\n}\n\n.groupnav__container {\n  max-width: 50ch;\n  margin: 0 auto;\n  padding: 0;\n  list-style: none;\n}\n\n.groupnav__item {\n  border: .2rem solid var(--color-purple-5);\n}\n\n.groupnav__item + .groupnav__item {\n  border-top: none;\n}\n\n.groupnav__anchor, .groupnav__button {\n  padding: var(--space-medium);\n  color: var(--color-text);\n  text-decoration: none;\n  transition: background-color .3s ease-in-out, color .3s ease-in-out;\n  display: block;\n}\n\n.groupnav__anchor {\n  background-position: 1rem;\n  background-repeat: no-repeat;\n  padding-left: 6rem;\n}\n\n.groupnav__button {\n  text-align: left;\n  cursor: pointer;\n  background-color: #0000;\n  background-position: 1rem;\n  background-repeat: no-repeat;\n  border: none;\n  border-radius: 0;\n  width: 100%;\n  padding-left: 6rem;\n  font-size: 1em;\n}\n\n.groupnav__anchor:hover, .groupnav__anchor:focus, .groupnav__button:hover, .groupnav__button:focus {\n  color: var(--color-purple-6);\n  background-color: var(--color-purple-1);\n}\n\n.groupnav__item--featured .groupnav__anchor, .groupnav__item--featured .groupnav__button {\n  color: var(--color-purple-6);\n  font-weight: bold;\n}\n\n.groupnav__item--validate .groupnav__anchor, .groupnav__item--create .groupnav__button {\n  background-image: url(\"../check.1fae1ce5.svg\");\n}\n\n.groupnav__item--subscription .groupnav__anchor {\n  background-image: url(\"../credit-card.5e96e736.svg\");\n}\n\n.groupnav__item--mastodon .groupnav__anchor {\n  background-image: url(\"../mastodon.093a36a5.svg\");\n  background-size: 36px 36px;\n}\n\n.groupnav__item--import .groupnav__anchor {\n  background-image: url(\"../upload.f1e46b46.svg\");\n}\n\n.groupnav__item--data .groupnav__anchor {\n  background-image: url(\"../backup.9b6b1a14.svg\");\n}\n\n.groupnav__item--credentials .groupnav__anchor {\n  background-image: url(\"../key.b5746357.svg\");\n}\n\n.groupnav__item--sessions .groupnav__anchor {\n  background-image: url(\"../connect.64f3f7c4.svg\");\n}\n\n.groupnav__item--delete .groupnav__anchor {\n  background-image: url(\"../trash.168388e5.svg\");\n}\n\n.groupnav__item--about .groupnav__anchor {\n  background-image: url(\"../info.194ce779.svg\");\n}\n\n.groupnav__item--whats-new .groupnav__anchor {\n  background-image: url(\"../bundle.aa8686d4.svg\");\n}\n\n.groupnav__item--onboarding .groupnav__anchor {\n  background-image: url(\"../undo.616c5faa.svg\");\n}\n\n.groupnav__item:first-child, .groupnav__item:first-child .groupnav__anchor, .groupnav__item:first-child .groupnav__button {\n  border-top-left-radius: 1rem;\n  border-top-right-radius: 1rem;\n}\n\n.groupnav__item:last-child, .groupnav__item:last-child .groupnav__anchor, .groupnav__item:last-child .groupnav__button {\n  border-bottom-right-radius: 1rem;\n  border-bottom-left-radius: 1rem;\n}\n\n.header__container {\n  max-width: var(--width-content);\n  align-items: stretch;\n  height: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  display: flex;\n}\n\n.header__container--centered {\n  align-items: center;\n}\n\n.header__container > * + * {\n  margin-left: var(--space-smaller);\n}\n\n@media (width >= 800px) {\n  .header__container > * + * {\n    margin-left: var(--space-small);\n  }\n}\n\n.header__separator {\n  flex: 1;\n}\n\n.header__avatar-container {\n  align-self: center;\n}\n\n.header__avatar {\n  cursor: pointer;\n}\n\n.header__link {\n  padding: var(--space-medium) var(--space-large);\n}\n\n.header__link:focus {\n  outline-offset: -.3rem;\n}\n\n.header__action {\n  margin: var(--space-smaller);\n  padding: var(--space-small);\n  font-size: var(--size-small);\n  text-align: center;\n  background-color: var(--color-turquoise-4);\n  border: var(--width-border) solid currentcolor;\n  border-radius: var(--radius-button);\n  align-self: center;\n  text-decoration: none;\n}\n\n@media (width >= 800px) {\n  .header__action {\n    padding-top: var(--space-smaller);\n    padding-bottom: var(--space-smaller);\n    width: auto;\n  }\n}\n\n.header__secondary {\n  order: -1;\n}\n\n@media (width >= 800px) {\n  .header__secondary {\n    order: 0;\n  }\n}\n\n.header__link--home {\n  padding: var(--space-smaller);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.header__locale-form {\n  padding-top: var(--space-smaller);\n  padding-bottom: var(--space-smaller);\n  flex-direction: column;\n  justify-content: center;\n  display: flex;\n}\n\n.header__locale-form label {\n  display: inline;\n}\n\n.header__locale-form .icon {\n  vertical-align: middle;\n}\n\n.header__locale-form .form-group {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.header__locale-form select {\n  width: auto;\n}\n\nsvg {\n  pointer-events: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.icon {\n  vertical-align: top;\n  fill: currentColor;\n  width: 1.5em;\n  height: auto;\n  display: inline-block;\n}\n\n.icon.spin {\n  animation: 5s linear infinite icon-spin;\n}\n\n@keyframes icon-spin {\n  from {\n    transform: rotate(0);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.icon.rotate90 {\n  transform: rotate(90deg);\n}\n\n.icon.rotate180 {\n  transform: rotate(180deg);\n}\n\n.icon.rotate270 {\n  transform: rotate(270deg);\n}\n\n.illustration {\n  margin: var(--space-larger) var(--space-large);\n  max-width: 100%;\n  display: block;\n}\n\n.illustration--figure {\n  margin: 0;\n}\n\n.illustration--centered {\n  margin-left: auto;\n  margin-right: auto;\n}\n\nfigure {\n  padding: var(--space-medium);\n  color: var(--color-text-secondary);\n  margin: 0;\n  font-style: italic;\n}\n\n.figure--centered {\n  text-align: center;\n}\n\n.figure--centered img {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.sticker {\n  padding: var(--space-smaller) var(--space-small);\n  color: var(--color-text);\n  font-size: var(--size-small);\n  background-color: var(--color-purple-2);\n  border-radius: var(--radius);\n}\n\n.sticker--right {\n  float: right;\n}\n\n.sticker--left {\n  float: left;\n}\n\n.layout {\n  min-height: 100vh;\n}\n\n.layout--connected .layout__header {\n  z-index: 100;\n  height: var(--height-header);\n  background: var(--color-turquoise-3);\n  box-shadow: 0 0 5px var(--color-grey-4);\n  width: 100%;\n  position: fixed;\n  bottom: 0;\n}\n\n@media (width >= 800px) {\n  .layout--connected .layout__header {\n    background: radial-gradient(circle at top, var(--color-turquoise-3) 60%, var(--color-turquoise-4));\n    box-shadow: none;\n    height: auto;\n    position: static;\n  }\n\n  .layout--blocked .layout__header {\n    background: none;\n  }\n\n  .layout--connected:not(.layout--blocked) .layout__header {\n    margin-bottom: var(--space-medium);\n  }\n}\n\n.layout--connected .layout__header .header__link {\n  padding: var(--space-small);\n  text-align: center;\n  border-top: .5rem solid #0000;\n  border-bottom: .5rem solid #0000;\n  width: 5.5rem;\n  text-decoration: none;\n}\n\n@media (width >= 800px) {\n  .layout--connected .layout__header .header__link {\n    width: auto;\n  }\n}\n\n.layout--connected .layout__header .header__link--active {\n  border-bottom-color: var(--color-body);\n  font-weight: bold;\n}\n\n.layout__main {\n  max-width: var(--width-content);\n  min-height: 60vh;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (width >= 800px) {\n  .layout__main {\n    margin-bottom: 0;\n  }\n}\n\n.layout__main:focus {\n  outline: 0;\n}\n\n.layout__back a {\n  padding-top: var(--space-medium);\n  padding-right: var(--space-medium);\n  padding-bottom: var(--space-medium);\n  text-overflow: ellipsis;\n  vertical-align: top;\n  white-space: nowrap;\n  outline-offset: calc(-1 * var(--width-border-bold));\n  max-width: 100%;\n  display: inline-block;\n  overflow: hidden;\n}\n\n@media (width >= 800px) {\n  .layout--connected:not(.layout--blocked) .layout__back {\n    margin-top: calc(var(--space-medium) * -1);\n  }\n}\n\n.layout__search {\n  margin-right: var(--space-smaller);\n  margin-left: var(--space-smaller);\n  padding-top: var(--space-medium);\n  position: relative;\n}\n\n@media (width >= 800px) {\n  .layout__search {\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n}\n\n.layout__back + .layout__search {\n  padding-top: 0;\n}\n\n@media (width >= 800px) {\n  .layout--connected:not(.layout--blocked) .layout__search {\n    margin-top: calc(var(--space-medium) * -1);\n  }\n\n  .layout--connected:not(.layout--blocked) .layout__back + .layout__search {\n    margin-top: 0;\n  }\n}\n\n.layout__search input[type=\"text\"] {\n  padding-right: calc(1.5em + 2 * var(--space-medium));\n  box-shadow: 0 1px 4px 1px var(--color-grey-1);\n  border-color: var(--color-border-search);\n}\n\n.layout__search input[type=\"text\"]:hover {\n  box-shadow: 0 1px 4px 1px var(--color-grey-2);\n}\n\n.layout__search button {\n  position: absolute;\n  right: 0;\n}\n\n.layout__search button:hover {\n  border-color: #0000;\n}\n\n.layout__search button .icon {\n  fill: var(--color-grey-5);\n}\n\n.layout__search button:hover .icon {\n  fill: var(--color-text);\n}\n\n.layout__content {\n  padding: var(--space-medium) var(--space-smaller) var(--space-large);\n  background-color: var(--color-white);\n  box-shadow: 0 1px 2px 1px var(--color-grey-2);\n}\n\n.layout--connected .layout__content {\n  min-height: calc(100vh - var(--height-header));\n  padding-bottom: calc(var(--height-header)  + var(--space-large));\n}\n\n@media (width >= 800px) {\n  .layout__content {\n    padding-right: var(--space-large);\n    padding-left: var(--space-large);\n    border-radius: .5rem;\n  }\n\n  .layout__content--touch-bottom {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  .layout--connected .layout__content {\n    padding-bottom: var(--space-large);\n    min-height: auto;\n  }\n}\n\n.layout__footer {\n  padding: var(--space-large);\n  text-align: center;\n}\n\n.banner__container {\n  padding: var(--space-smaller);\n  text-align: center;\n  background-color: var(--color-purple-1);\n  border-bottom: var(--width-border) solid var(--color-purple-2);\n  display: block;\n}\n\n.layout__banner--alert .banner__container {\n  background-color: var(--color-red-1);\n  border-bottom-color: var(--color-red-2);\n}\n\n.banner__container--anchor {\n  transition: background-color .3s ease-in-out;\n}\n\n.banner__container--anchor:hover, .banner__container--anchor:focus {\n  color: initial;\n  background-color: var(--color-purple-2);\n}\n\n.layout--error {\n  text-align: center;\n}\n\n.layout--error .layout__header {\n  padding: var(--space-larger) var(--space-medium);\n}\n\n.layout--error .layout__link {\n  font-size: var(--size-large);\n  text-decoration: none;\n}\n\n.layout--error .layout__main {\n  max-width: 800px;\n}\n\n.layout--error__box {\n  padding: var(--space-medium) var(--space-large);\n  color: var(--color-body);\n  text-align: left;\n  background-color: var(--color-text);\n  position: absolute;\n  left: 0;\n  right: 0;\n  overflow: auto;\n}\n\n.line {\n  align-items: center;\n  display: flex;\n}\n\n.line > * + * {\n  margin-left: var(--space-small);\n}\n\n.line__item {\n  flex-shrink: 0;\n}\n\n.line__item--extend {\n  flex: 1;\n}\n\n.list--no-style {\n  padding-left: 0;\n  list-style: none;\n}\n\n.list__item + .list__item {\n  margin-top: var(--space-small);\n}\n\n.list--spaced .list__item + .list__item {\n  margin-top: var(--space-medium);\n}\n\n.list--padded > li {\n  padding: 1.5rem 2rem;\n}\n\n.list--border {\n  border: 2px solid var(--color-grey-2);\n  border-radius: .5rem;\n}\n\n.list--border > li + li {\n  border-top: 2px solid var(--color-grey-2);\n}\n\n.modal {\n  z-index: 999;\n  visibility: hidden;\n  opacity: 0;\n  background-color: #00000080;\n  transition: visibility 0s linear .2s, opacity .2s, transform .2s;\n  position: fixed;\n  inset: 0;\n  overflow: hidden auto;\n  transform: scaleX(1.02)scaleY(1.02);\n}\n\n.modal[aria-hidden=\"false\"] {\n  visibility: visible;\n  opacity: 1;\n  transition: visibility linear, opacity .2s, transform .2s;\n  transform: scaleX(1)scaleY(1);\n}\n\n.modal__box {\n  max-width: var(--width-content);\n  margin: var(--space-medium) auto var(--space-larger);\n  background-color: var(--color-white);\n  box-shadow: 0 0 10px var(--color-grey-7);\n  scroll-margin-top: var(--space-medium);\n}\n\n@media (width >= 800px) {\n  .modal__box {\n    margin-top: var(--space-larger);\n  }\n}\n\n@media (width >= 1000px) {\n  .modal__box {\n    border-radius: var(--radius);\n  }\n}\n\n.modal__header {\n  padding: var(--space-smaller);\n  text-align: right;\n}\n\n.modal__body {\n  padding-right: var(--space-small);\n  padding-bottom: var(--space-small);\n  padding-left: var(--space-small);\n  min-height: 15rem;\n  overflow: hidden;\n}\n\n@media (width >= 800px) {\n  .modal__body {\n    padding-right: var(--space-medium);\n    padding-bottom: var(--space-medium);\n    padding-left: var(--space-medium);\n  }\n}\n\n.modal__body > .section:last-child {\n  margin-bottom: 0;\n}\n\n.modal__body .section__title {\n  margin-top: 0;\n}\n\n.modal .no-modal, .only-modal {\n  display: none;\n}\n\n.modal .only-modal {\n  display: initial;\n}\n\nbody.modal-opened {\n  overflow: hidden;\n}\n\n.paragraph--featured {\n  font-size: var(--size-large);\n  text-align: center;\n  max-width: 50ch;\n  margin-left: auto;\n  margin-right: auto;\n  font-weight: 600;\n}\n\n.paragraph--contrasted {\n  padding: var(--space-medium);\n  color: var(--color-white);\n  background-image: radial-gradient(circle at top, var(--color-purple-6) 80%, var(--color-purple-7));\n  border-radius: var(--radius);\n}\n\n.paragraph--centered {\n  text-align: center;\n  max-width: 50ch;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.text--centered {\n  text-align: center;\n}\n\n.paragraph--secondary, .text--secondary {\n  color: var(--color-text-secondary);\n}\n\n.paragraph--placeholder {\n  margin: var(--space-large) auto;\n  color: var(--color-text-secondary);\n  text-align: center;\n  max-width: 50ch;\n  font-style: italic;\n}\n\n.pagination__container {\n  padding: var(--space-smaller);\n  background-color: var(--color-purple-1);\n  border-radius: var(--radius);\n  justify-content: center;\n  list-style: none;\n  display: flex;\n}\n\n.pagination__item {\n  margin-right: var(--space-smaller);\n  margin-left: var(--space-smaller);\n}\n\n.pagination__item--disabled {\n  visibility: hidden;\n}\n\n@media (width <= 359px) {\n  .pagination__item--prev, .pagination__item--next {\n    display: none;\n  }\n}\n\n.pagination__link {\n  padding: var(--space-smaller) var(--space-small);\n  border-bottom: var(--width-border) solid transparent;\n  text-decoration: none;\n  display: inline-block;\n}\n\n.pagination__item--current .pagination__link {\n  border-bottom-color: currentColor;\n  font-weight: bold;\n}\n\n.pagination__item--prev .pagination__link {\n  text-align: right;\n}\n\n.popup {\n  text-align: left;\n  display: inline-block;\n  position: relative;\n}\n\n.popup__opener {\n  list-style: none;\n}\n\n.popup__opener::-webkit-details-marker {\n  display: none;\n}\n\n.popup__opener:focus {\n  outline: 0;\n}\n\n.popup__opener:focus > * {\n  outline: var(--width-border-bold) solid var(--color-purple-4);\n}\n\n.popup__opener:focus > .button, .popup__opener:active > .button {\n  border-color: var(--color-border-active);\n}\n\n.popup__container {\n  z-index: 100;\n  right: 0;\n  bottom: var(--height-header);\n  padding: var(--space-medium) var(--space-small);\n  background: linear-gradient(135deg, var(--color-turquoise-2) 0%, var(--color-turquoise-3) 100%);\n  position: fixed;\n  left: 0;\n}\n\n@media (width >= 800px) {\n  .popup__container {\n    font-size: var(--size-small);\n    box-shadow: 0 0 2px 0 var(--color-turquoise-6);\n    border-radius: var(--radius);\n    min-width: 27rem;\n    position: absolute;\n    bottom: auto;\n  }\n\n  .popup__container--large {\n    min-width: 31rem;\n  }\n\n  .popup__container--bottom {\n    margin-top: .5rem;\n    margin-left: auto;\n    margin-right: auto;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .popup__container--left {\n    margin-top: .5rem;\n    left: auto;\n    right: 0;\n  }\n\n  .popup__container--over {\n    margin-top: -6.5rem;\n    margin-left: -1rem;\n  }\n}\n\n.popup__title {\n  margin-bottom: var(--space-smaller);\n  padding-right: var(--space-small);\n  padding-left: var(--space-small);\n  overflow-wrap: anywhere;\n  font-weight: bold;\n}\n\n.popup__separator {\n  height: var(--height-separator);\n  background-color: var(--color-turquoise-4);\n  border-radius: var(--radius);\n  margin-top: .5rem;\n  margin-bottom: .5rem;\n}\n\n.popup__item--link {\n  text-decoration: none;\n}\n\n.popup__item--link:hover, .popup__item--link:focus {\n  color: initial;\n  outline: 0;\n}\n\n.popup__item--button {\n  text-align: left;\n  background-color: #0000;\n  border: none;\n  width: 100%;\n  transition: none;\n}\n\n.popup__item--button:focus {\n  outline: 0;\n}\n\n.popup__item {\n  padding: var(--space-small);\n  border: var(--width-border) solid transparent;\n  border-radius: var(--radius);\n  transition: background-color .1s ease-in-out, border-color .1s ease-in-out;\n  display: block;\n}\n\n@media (width >= 800px) {\n  .popup__item {\n    white-space: nowrap;\n  }\n}\n\n.popup__item:hover, .popup__item:focus {\n  background-color: var(--color-turquoise-2);\n  border-color: var(--color-turquoise-5);\n}\n\n.section--small {\n  max-width: 55ch;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.section--longbottom {\n  padding-bottom: 8rem;\n}\n\n@media (width >= 800px) {\n  .section--longbottom {\n    padding-bottom: 15rem;\n  }\n}\n\n.section__image {\n  width: calc(100% + 2 * var(--space-smaller));\n  margin-top: calc(var(--space-medium) * -1);\n  margin-bottom: var(--space-medium);\n  margin-left: calc(var(--space-smaller) * -1);\n  filter: blur(.7px);\n  display: block;\n}\n\n@media (width >= 800px) {\n  .section__image {\n    width: calc(100% + 2 * var(--space-large));\n    margin-left: calc(var(--space-large) * -1);\n    border-radius: .5rem .5rem 0 0;\n  }\n}\n\n.section__title {\n  margin-top: var(--space-medium);\n  margin-bottom: var(--space-large);\n  font-family: var(--font-family-title);\n  letter-spacing: .01em;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.section__title h1 {\n  text-overflow: ellipsis;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: inline-block;\n  overflow: hidden;\n}\n\n.section__title h1:after {\n  content: \"\";\n  background: linear-gradient(to right, var(--color-turquoise-4), var(--color-turquoise-6), var(--color-turquoise-4));\n  border-radius: var(--radius);\n  max-width: 75%;\n  height: .3rem;\n  margin-top: .5rem;\n  margin-left: auto;\n  margin-right: auto;\n  display: block;\n}\n\n.section__title h1 .icon {\n  vertical-align: middle;\n  margin-right: 1rem;\n}\n\n.section__intro {\n  margin: var(--space-large) auto;\n  text-align: center;\n  max-width: 50ch;\n  font-style: italic;\n}\n\n@media (width >= 800px) {\n  .section__intro {\n    margin-top: calc(var(--space-medium) * 2.5);\n    margin-bottom: calc(var(--space-medium) * 2.5);\n  }\n}\n\n.section__meta {\n  margin-right: auto;\n  margin-bottom: var(--space-medium);\n  flex-direction: column;\n  align-items: center;\n  max-width: 55ch;\n  margin-left: auto;\n  display: flex;\n}\n\n@media (width >= 800px) {\n  .section__meta {\n    flex-direction: row;\n    align-items: baseline;\n  }\n}\n\n.section__details {\n  text-align: center;\n  flex-grow: 1;\n}\n\n@media (width >= 800px) {\n  .section__details {\n    text-align: left;\n  }\n}\n\n.section__actions {\n  flex-shrink: 0;\n}\n\n.subsection {\n  margin-top: var(--space-large);\n  margin-bottom: var(--space-large);\n}\n\n.subsection--small {\n  max-width: 55ch;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.subsection__title {\n  font-family: var(--font-family-title);\n  letter-spacing: .01em;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.title--small {\n  font-size: var(--size-normal);\n}\n\n.collection__public {\n  margin-right: var(--space-small);\n}\n\n.collection__topics {\n  text-align: center;\n  max-width: 55ch;\n  margin-left: auto;\n  margin-right: auto;\n  font-style: italic;\n}\n\n.collection__description {\n  margin: var(--space-large) auto;\n  padding-right: var(--space-smaller);\n  padding-left: var(--space-smaller);\n  max-width: 55ch;\n}\n\n@media (width >= 800px) {\n  .collection__description {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n\n.collection__number-links {\n  margin-bottom: var(--space-small);\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n  text-align: center;\n}\n\n.list--collections-others {\n  margin-top: 0;\n}\n\n.collections-selector select {\n  width: 100%;\n}\n\n.feed h2 {\n  margin-top: var(--space-larger);\n  margin-bottom: var(--space-larger);\n  font-family: var(--font-family-title);\n  text-align: center;\n}\n\n.feed__entry + .feed__entry {\n  margin-top: var(--space-large);\n}\n\n.feed__entry h3 {\n  margin-bottom: var(--space-small);\n}\n\n.form-avatar {\n  margin-bottom: var(--space-large);\n}\n\n.group + .group {\n  margin-top: var(--space-larger);\n}\n\n.group__header {\n  padding-right: var(--space-small);\n  padding-left: var(--space-small);\n  background-color: var(--color-white);\n  box-shadow: 0 2px 2px var(--color-white);\n  align-items: center;\n  display: flex;\n  position: sticky;\n  top: 0;\n}\n\n.group:first-child .group__header {\n  z-index: 20;\n}\n\n.group:nth-child(2) .group__header {\n  z-index: 19;\n}\n\n.group:nth-child(3) .group__header {\n  z-index: 18;\n}\n\n.group:nth-child(4) .group__header {\n  z-index: 17;\n}\n\n.group:nth-child(5) .group__header {\n  z-index: 16;\n}\n\n.group:nth-child(6) .group__header {\n  z-index: 15;\n}\n\n.group:nth-child(7) .group__header {\n  z-index: 14;\n}\n\n.group:nth-child(8) .group__header {\n  z-index: 13;\n}\n\n.group:nth-child(9) .group__header {\n  z-index: 12;\n}\n\n.group:nth-child(10) .group__header {\n  z-index: 11;\n}\n\n.group__icon {\n  margin-right: var(--space-smaller);\n}\n\n.group__icon, .group__header button {\n  flex-shrink: 0;\n}\n\n.group__icon .icon {\n  width: 1.3em;\n}\n\n.group__title {\n  margin-top: var(--space-medium);\n  margin-bottom: var(--space-medium);\n  font-family: var(--font-family-title);\n  font-size: var(--size-normal);\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n@media (width >= 800px) {\n  .group__title {\n    font-size: var(--size-large);\n  }\n}\n\n.group__subtitle {\n  padding-right: var(--space-small);\n  padding-left: var(--space-small);\n  font-size: var(--size-small);\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n@media (width >= 800px) {\n  .group__subtitle {\n    padding-right: var(--space-medium);\n    padding-left: var(--space-medium);\n  }\n}\n\n.group__separator {\n  margin-right: var(--space-medium);\n  margin-left: var(--space-medium);\n  background: linear-gradient(to right, var(--color-turquoise-5), var(--color-purple-5), var(--color-turquoise-5));\n  border: none;\n  border-radius: 2em;\n  flex: 1;\n  height: .3rem;\n}\n\n.group-selector__group-input {\n  display: none;\n}\n\n.group-selector__group-select select {\n  flex-grow: 1;\n}\n\n.link {\n  margin-bottom: var(--space-medium);\n  box-shadow: 0 1px 4px 1px var(--color-grey-2);\n  flex-direction: column;\n  flex-grow: 1;\n  width: 100%;\n  max-width: 100%;\n  transition: box-shadow .5s ease-in-out;\n  display: flex;\n  position: relative;\n}\n\n.link:focus-within {\n  box-shadow: 0 1px 4px 1px var(--color-purple-2);\n}\n\n@media (width >= 800px) {\n  .link {\n    max-width: 31%;\n    margin-left: 1%;\n    margin-right: 1%;\n  }\n}\n\n.link__meta {\n  padding: var(--space-smaller);\n  pointer-events: none;\n  align-items: flex-start;\n  display: flex;\n}\n\n@media (width >= 800px) {\n  .link:not(.link--compact) .link__meta {\n    position: absolute;\n    left: 0;\n    right: 0;\n  }\n}\n\n.link__meta-warning, .link__meta-date {\n  padding: 0 var(--space-small);\n  font-size: var(--size-small);\n  border-radius: var(--radius);\n  pointer-events: initial;\n  font-style: italic;\n}\n\n.link__meta-warning {\n  color: var(--color-text-warning);\n  text-align: left;\n  background-color: var(--color-back-warning);\n  border: none;\n}\n\n.link__meta-warning:hover, .link__meta-warning:focus {\n  background-color: var(--color-back-warning);\n}\n\n.link__meta-warning span {\n  white-space: nowrap;\n}\n\n.link__meta-separator {\n  flex-grow: 1;\n}\n\n.link__meta-date {\n  opacity: .8;\n  background-color: var(--color-purple-1);\n}\n\n@media (width >= 800px) {\n  .link--compact .link__meta-warning, .link--compact .link__meta-date {\n    font-size: var(--size-smaller);\n  }\n}\n\n.link__body {\n  padding: var(--space-smaller);\n  flex: 1;\n  display: flex;\n}\n\n.link__meta + .link__body {\n  margin-top: calc(-1 * var(--space-smaller));\n}\n\n@media (width >= 800px) {\n  .link:not(.link--compact) .link__body {\n    flex-direction: column;\n    padding: 0;\n  }\n\n  .link:not(.link--compact) .link__meta + .link__body {\n    margin-top: 0;\n  }\n}\n\n.link__image-container {\n  border-radius: var(--radius);\n  flex-shrink: 0;\n  width: 75px;\n  height: 75px;\n}\n\n.link__image {\n  border-radius: var(--radius);\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n@media (width >= 800px) {\n  .link:not(.link--compact) .link__image-container {\n    border-radius: 0;\n    width: 100%;\n    height: 156px;\n  }\n\n  .link:not(.link--compact) .link__image {\n    border-radius: 0;\n  }\n}\n\n.link__content {\n  margin-left: var(--space-small);\n  min-width: 0;\n}\n\n@media (width >= 800px) {\n  .link:not(.link--compact) .link__content {\n    padding: var(--space-small);\n    margin-left: 0;\n  }\n}\n\n.link__title {\n  margin-top: 0;\n  margin-bottom: var(--space-medium);\n  font-size: var(--size-normal);\n  font-weight: bold;\n  line-height: 1.25;\n}\n\n.link__title a {\n  text-overflow: ellipsis;\n  text-decoration: none;\n  display: block;\n  overflow: hidden;\n}\n\n@media (width >= 800px) {\n  .link--compact .link__title {\n    font-size: var(--size-small);\n  }\n}\n\n.link__text {\n  margin-top: var(--space-small);\n  margin-bottom: var(--space-small);\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n  overflow-wrap: anywhere;\n}\n\n@media (width >= 800px) {\n  .link--compact .link__text {\n    font-size: var(--size-smaller);\n  }\n}\n\n.link__text--oneline {\n  white-space: nowrap;\n  align-items: baseline;\n  display: flex;\n}\n\n.link__ellipsis {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.link__actions {\n  padding: var(--space-smaller);\n  background-color: var(--color-purple-1);\n  background-image: linear-gradient(to right, var(--color-purple-2), var(--color-purple-3), var(--color-purple-2));\n  box-shadow: 0 -1px 2px 0 var(--color-purple-1);\n  background-position: 0 100%;\n  background-repeat: repeat-x;\n  background-size: 100% 3px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n\n@media (width >= 800px) {\n  .link:not(.link--compact) .link__actions {\n    padding: var(--space-small);\n  }\n}\n\n.link__actions-group {\n  align-items: center;\n  display: flex;\n}\n\n.link__actions-group > * + * {\n  margin-left: var(--space-small);\n}\n\n.link__actions-button {\n  color: var(--color-purple-8);\n}\n\n.link__actions-button:hover {\n  border-color: var(--color-purple-2);\n}\n\n.message {\n  margin-bottom: var(--space-large);\n}\n\n.message__author {\n  font-size: var(--size-small);\n  overflow-wrap: anywhere;\n  font-weight: bold;\n}\n\n.message__avatar {\n  background-color: var(--color-white);\n  border: 2px solid var(--color-turquoise-5);\n  border-radius: 50%;\n  width: 5rem;\n}\n\n.message__date {\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n}\n\n.message__content {\n  padding: var(--space-smaller);\n  text-overflow: ellipsis;\n  word-wrap: break-word;\n  overflow: hidden;\n}\n\n@media (width >= 800px) {\n  .message__content {\n    padding: var(--space-small);\n    margin-left: 5rem;\n  }\n}\n\n.message__content code {\n  padding-right: var(--space-smaller);\n  padding-left: var(--space-smaller);\n  font-size: var(--size-small);\n  background-color: var(--color-turquoise-1);\n  border-radius: var(--radius);\n}\n\n.message__content pre {\n  padding: var(--space-medium) var(--space-small);\n  color: var(--color-white);\n  background-color: var(--color-turquoise-9);\n  border-top: var(--width-border) solid var(--color-turquoise-5);\n  border-bottom: var(--width-border-bold) solid var(--color-turquoise-5);\n  border-radius: var(--radius);\n  overflow: auto;\n}\n\n@media (width >= 800px) {\n  .message__content pre {\n    padding-right: var(--space-medium);\n    padding-left: var(--space-medium);\n  }\n}\n\n.message__content pre code {\n  color: var(--color-white);\n  background-color: #0000;\n  border: none;\n  padding: 0;\n}\n\n.message__content blockquote {\n  padding: var(--space-medium) var(--space-small);\n  background-color: var(--color-turquoise-3);\n  border-radius: var(--radius);\n  background-image: url(\"../block-quote.def20ef5.svg\");\n  background-repeat: no-repeat;\n  background-size: 45px;\n  margin-left: 0;\n  margin-right: 0;\n  font-style: italic;\n}\n\n@media (width >= 800px) {\n  .message__content blockquote {\n    padding: var(--space-smaller) var(--space-larger);\n    background-size: 75px;\n  }\n}\n\n.news__refresh-button[disabled] .icon {\n  animation: 5s linear infinite icon-spin;\n}\n\n.news__source {\n  font-style: italic;\n}\n\n.news__postpone {\n  margin-top: var(--space-large);\n  padding: var(--space-medium);\n  padding-bottom: var(--space-larger);\n  text-align: center;\n}\n\n.news__postpone-popup .popup__container {\n  font-size: var(--size-normal);\n}\n\n@media (width >= 800px) {\n  .news__postpone-popup .popup__container {\n    width: 34rem;\n  }\n}\n\n.news__postpone-button {\n  background-color: var(--color-purple-1);\n  border-color: var(--color-purple-4);\n  font-size: 1.2em;\n}\n\n.news__source-group {\n  margin-top: var(--space-medium);\n  margin-bottom: var(--space-medium);\n}\n\n@media (width >= 800px) {\n  .news__source-group {\n    margin-left: var(--space-small);\n    padding-right: var(--space-smaller);\n    padding-left: var(--space-smaller);\n    border-left: var(--width-border-bold) solid var(--color-purple-1);\n  }\n}\n\n.news__source-title {\n  padding: var(--space-small);\n  font-size: var(--size-normal);\n  margin: 0;\n}\n\n.profile__meta {\n  margin-right: auto;\n  margin-bottom: var(--space-medium);\n  flex-direction: column;\n  align-items: center;\n  max-width: 55ch;\n  margin-left: auto;\n  display: flex;\n}\n\n@media (width >= 800px) {\n  .profile__meta {\n    flex-direction: row;\n  }\n}\n\n.profile__details {\n  text-align: center;\n  flex-grow: 1;\n}\n\n@media (width >= 800px) {\n  .profile__details {\n    text-align: left;\n  }\n}\n\n.reading-nav {\n  text-align: center;\n}\n\n.reading-nav__container {\n  margin: 0;\n  margin-bottom: var(--space-large);\n  border: var(--width-border) solid var(--color-turquoise-3);\n  border-radius: var(--radius-button);\n  align-items: stretch;\n  padding-left: 0;\n  list-style: none;\n  display: flex;\n}\n\n.reading-nav__item {\n  flex: 1;\n}\n\n.reading-nav__anchor {\n  padding: var(--space-small);\n  background-color: var(--color-turquoise-1);\n  outline-offset: -.3rem;\n  width: 100%;\n  height: 100%;\n  text-decoration: none;\n  transition: color .3s ease-in-out, background-color .3s ease-in-out;\n  display: inline-block;\n}\n\n.reading-nav__anchor:hover {\n  background-color: var(--color-turquoise-2);\n}\n\n.reading-nav__anchor[aria-current=\"page\"] {\n  background-color: var(--color-turquoise-3);\n}\n\n.reading-nav__item:first-child .reading-nav__anchor {\n  border-radius: var(--radius-button) 0 0 var(--radius-button);\n}\n\n.reading-nav__item:last-child .reading-nav__anchor {\n  border-radius: 0 var(--radius-button) var(--radius-button) 0;\n}\n\n.share {\n  margin-top: var(--space-large);\n  margin-bottom: var(--space-large);\n  padding: var(--space-small) var(--space-medium);\n  background-color: var(--color-purple-1);\n  border-radius: var(--radius);\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n@media (width >= 800px) {\n  .share {\n    flex-direction: row;\n  }\n}\n\n.share__text {\n  text-align: center;\n  word-break: break-all;\n  flex: 1;\n  font-family: monospace;\n}\n\n.topics-selector {\n  margin-bottom: var(--space-medium);\n  text-align: center;\n}\n\n.topics-selector:last-child {\n  margin-bottom: 0;\n}\n\n.topics-selector__item {\n  margin: var(--space-smaller);\n  display: inline-block;\n}\n\n.topics-selector__label {\n  padding: var(--space-small) var(--space-medium);\n  background-color: var(--color-white);\n  border: var(--width-border) solid var(--color-border);\n  border-radius: var(--radius-button);\n  margin-bottom: 0;\n  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;\n}\n\ninput[type=\"checkbox\"]:focus + .topics-selector__label {\n  box-shadow: 0 0 0 1px var(--color-purple-5);\n}\n\ninput[type=\"checkbox\"]:focus + .topics-selector__label:before {\n  box-shadow: none;\n}\n\ninput[type=\"checkbox\"]:checked + .topics-selector__label {\n  background-color: var(--color-turquoise-3);\n  border-color: var(--color-turquoise-6);\n}\n\ninput[type=\"checkbox\"]:checked + .topics-selector__label:before {\n  border-color: var(--color-turquoise-7);\n  border-color: #0000;\n}\n\ninput[type=\"checkbox\"]:checked + .topics-selector__label:after {\n  left: 2.5rem;\n}\n\n*, :before, :after {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-size: 10px;\n}\n\nbody {\n  color: var(--color-text);\n  font-family: var(--font-family-text);\n  font-size: var(--size-base);\n  background: linear-gradient(to bottom, var(--color-body), var(--color-purple-1) 420px);\n  margin: 0;\n  padding: 0;\n}\n\n:focus {\n  outline: var(--width-border-bold) solid var(--color-purple-4);\n}\n\n.sr-only {\n  clip: rect(0, 0, 0, 0);\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n}\n\n.js-only {\n  display: none;\n}\n\n@media (width <= 799px) {\n  .no-mobile {\n    display: none;\n  }\n}\n\n@media (width >= 800px) {\n  .only-mobile {\n    display: none;\n  }\n}\n\n.accessibility-nav {\n  clip: rect(0, 0, 0, 0);\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n}\n\n.accessibility-nav:focus {\n  clip: auto;\n  width: auto;\n  height: auto;\n  top: .75rem;\n  left: 2rem;\n}\n\nhr {\n  margin: var(--space-larger) auto;\n  background: linear-gradient(to right, var(--color-turquoise-2), var(--color-turquoise-4), var(--color-turquoise-2));\n  border: none;\n  border-radius: 2em;\n  width: 50%;\n  height: .3rem;\n}\n\n.turbo-progress-bar {\n  background: linear-gradient(to right, var(--color-turquoise-5), var(--color-purple-5));\n  height: .5rem;\n  position: fixed;\n  top: 0;\n}\n/*# sourceMappingURL=application.css.map */\n",".flow > * + * {\n    margin-top: var(--space-medium);\n}\n\n.flow--smaller > * + * {\n    margin-top: var(--space-smaller);\n}\n\n.flow--small > * + * {\n    margin-top: var(--space-small);\n}\n\n.flow--large > * + * {\n    margin-top: var(--space-large);\n}\n\n.flow--larger > * + * {\n    margin-top: var(--space-larger);\n}\n",":root {\n    /** Core variables **/\n    --color-white: #fdfcff;\n\n    --color-grey-1: #efeff8;\n    --color-grey-2: #cfcedb;\n    --color-grey-3: #aeadbe;\n    --color-grey-4: #8e8ca1;\n    --color-grey-5: #7e7c92;\n    --color-grey-6: #6e6d81;\n    --color-grey-7: #4f4e5e;\n    --color-grey-8: #2f2e3b;\n    --color-grey-9: #100f18;\n\n    --color-purple-1: #eeebfb;\n    --color-purple-2: #ccc4f3;\n    --color-purple-3: #aa9deb;\n    --color-purple-4: #8876e3;\n    --color-purple-5: #7762df;\n    --color-purple-6: #6856c3;\n    --color-purple-7: #4a3d8b;\n    --color-purple-8: #2d2554;\n    --color-purple-9: #0f0c1c;\n\n    --color-turquoise-1: #dff9f5;\n    --color-turquoise-2: #9fede0;\n    --color-turquoise-3: #60e2cc;\n    --color-turquoise-4: #20d6b7;\n    --color-turquoise-5: #00d0ad;\n    --color-turquoise-6: #00b697;\n    --color-turquoise-7: #00826c;\n    --color-turquoise-8: #004e41;\n    --color-turquoise-9: #001a16;\n\n    --color-orange-1: #fff1e7;\n    --color-orange-2: #ffdcc3;\n    --color-orange-3: #ffcca7;\n    --color-orange-4: #ffb381;\n    --color-orange-5: #fa934e;\n    --color-orange-6: #f76808;\n    --color-orange-7: #ed5f00;\n    --color-orange-8: #bd4b00;\n    --color-orange-9: #451e11;\n\n    --color-red-1: #f9dfe4;\n    --color-red-2: #ed9fad;\n    --color-red-3: #e26076;\n    --color-red-4: #d6203f;\n    --color-red-5: #d00023;\n    --color-red-6: #b6001f;\n    --color-red-7: #820016;\n    --color-red-8: #4e000d;\n    --color-red-9: #1a0004;\n\n    --size-base: calc(1.6em + 0.5vw);\n    --size-smaller: 0.75em;\n    --size-small: 0.85em;\n    --size-normal: 1em;\n    --size-large: 1.2em;\n\n    --space-base: 2rem;\n    --space-smaller: calc(var(--space-base) / 4);\n    --space-small: calc(var(--space-base) / 2);\n    --space-medium: var(--space-base);\n    --space-large: calc(var(--space-base) * 2);\n    --space-larger: calc(var(--space-base) * 4);\n\n    --font-family-text: \"Open Sans\", \"-apple-system\", \"BlinkMacSystemFont\", \"Segoe UI\", \"Roboto\", \"Oxygen-Sans\", \"Ubuntu\", \"Cantarell\", \"Helvetica Neue\", \"sans-serif\";\n    --font-family-title: \"Comfortaa\", \"sans-serif\";\n\n    /** Semantic variables **/\n    --color-back-error: var(--color-red-1);\n    --color-back-info: var(--color-purple-1);\n    --color-back-success: var(--color-turquoise-1);\n    --color-back-warning: var(--color-orange-1);\n\n    --color-border: var(--color-grey-6);\n    --color-border-active: var(--color-turquoise-5);\n    --color-border-disabled: var(--color-grey-3);\n    --color-border-error: var(--color-red-5);\n    --color-border-info: var(--color-purple-5);\n    --color-border-success: var(--color-turquoise-6);\n    --color-border-search: var(--color-grey-3);\n    --color-border-warning: var(--color-orange-2);\n\n    --color-text: var(--color-purple-9);\n    --color-text-error: var(--color-red-6);\n    --color-text-info: var(--color-purple-6);\n    --color-text-secondary: var(--color-grey-7);\n    --color-text-success: var(--color-turquoise-7);\n    --color-text-warning: var(--color-orange-9);\n\n    --width-border: 0.2rem;\n    --width-border-bold: 0.3rem;\n\n    --radius: 0.75rem;\n    --radius-button: 3rem;\n\n    /** Components variables **/\n    --color-body: var(--color-turquoise-1);\n    --color-link: var(--color-purple-6);\n\n    --width-content: 1100px;\n\n    --height-header: 6rem;\n    --height-separator: var(--width-border);\n}\n\n@media (min-width: 48em) {\n    :root {\n        --size-base: 2.2em;\n    }\n}\n","@font-face {\n    font-family: Comfortaa;\n    font-style: normal;\n    font-weight: 700;\n    font-display: swap;\n\n    src:\n        local('Comfortaa'),\n        url('../../fonts/comfortaa-v28-latin-700.woff2') format('woff2'),\n        url('../../fonts/comfortaa-v28-latin-700.woff') format('woff');\n}\n\n@font-face {\n    font-family: 'Open Sans';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n\n    src:\n        local('Open Sans Regular'),\n        local('OpenSans-Regular'),\n        url('../../fonts/open-sans-v17-latin-regular.woff2') format('woff2'),\n        url('../../fonts/open-sans-v17-latin-regular.woff') format('woff');\n}\n\n@font-face {\n    font-family: 'Open Sans';\n    font-style: italic;\n    font-weight: 400;\n    font-display: swap;\n\n    src:\n        local('Open Sans Italic'),\n        local('OpenSans-Italic'),\n        url('../../fonts/open-sans-v17-latin-italic.woff2') format('woff2'),\n        url('../../fonts/open-sans-v17-latin-italic.woff') format('woff');\n}\n\n@font-face {\n    font-family: 'Open Sans';\n    font-style: normal;\n    font-weight: 700;\n    font-display: swap;\n\n    src:\n        local('Open Sans Bold'),\n        local('OpenSans-Bold'),\n        url('../../fonts/open-sans-v17-latin-700.woff2') format('woff2'),\n        url('../../fonts/open-sans-v17-latin-700.woff') format('woff');\n}\n\n@font-face {\n    font-family: 'Open Sans';\n    font-style: italic;\n    font-weight: 700;\n    font-display: swap;\n\n    src:\n        local('Open Sans Bold Italic'),\n        local('OpenSans-BoldItalic'),\n        url('../../fonts/open-sans-v17-latin-700italic.woff2') format('woff2'),\n        url('../../fonts/open-sans-v17-latin-700italic.woff') format('woff');\n}\n",".spinner {\n    width: 40px;\n    height: 40px;\n    margin: 30px auto;\n\n    background-color: var(--color-purple-6);\n    border-radius: 100%;\n\n    -webkit-animation: sk-scaleout 1s infinite ease-in-out;\n    animation: sk-scaleout 1s infinite ease-in-out;\n}\n\n@-webkit-keyframes sk-scaleout {\n    0% {\n        -webkit-transform: scale(0);\n    }\n\n    100% {\n        opacity: 0;\n\n        -webkit-transform: scale(1);\n    }\n}\n\n@keyframes sk-scaleout {\n    0% {\n        -webkit-transform: scale(0);\n        transform: scale(0);\n    }\n\n    100% {\n        opacity: 0;\n\n        -webkit-transform: scale(1);\n        transform: scale(1);\n    }\n}\n",".alert {\n    margin-top: var(--space-small);\n    margin-bottom: var(--space-large);\n    padding: var(--space-medium);\n    padding-left: calc(4.7rem + 2 * var(--space-small));\n\n    background-repeat: no-repeat;\n    background-position: left var(--space-small) top var(--space-small);\n    background-size: 5rem;\n    border-width: var(--width-border-bold);\n    border-style: solid;\n    border-radius: var(--radius);\n}\n\n.alert--info {\n    background-color: var(--color-back-info);\n    background-image: url(\"../../icons/info-purple.svg\");\n\n    border-color: var(--color-border-info);\n}\n\n.alert--success {\n    background-color: var(--color-back-success);\n    background-image: url(\"../../icons/success-green.svg\");\n\n    border-color: var(--color-border-success);\n}\n\n.alert--error {\n    background-color: var(--color-back-error);\n    background-image: url(\"../../icons/error-red.svg\");\n\n    border-color: var(--color-border-error);\n}\n\n.alert__title {\n    font-weight: bold;\n}\n\n.alert--info .alert__title {\n    color: var(--color-text-info);\n}\n\n.alert--success .alert__title {\n    color: var(--color-text-success);\n}\n\n.alert--error .alert__title {\n    color: var(--color-text-error);\n}\n\n.alert__message {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n",".avatar {\n    width: 5rem;\n\n    vertical-align: middle;\n\n    background-color: var(--color-white);\n    border: 2px solid var(--color-turquoise-5);\n    border-radius: 50%;\n}\n\n.avatar--banner {\n    display: block;\n    width: 15rem;\n    height: 15rem;\n    margin-right: auto;\n    margin-bottom: var(--space-medium);\n    margin-left: auto;\n\n    border-width: 4px;\n}\n","a {\n    color: inherit;\n    text-decoration: underline;\n    text-decoration-thickness: 0.1em;\n\n    transition:\n        color 0.3s ease-in-out,\n        border-color 0.3s ease-in-out;\n}\n\na:hover,\na:focus {\n    color: var(--color-link);\n}\n\n.anchor--discreet {\n    text-decoration: none;\n}\n\n.anchor--hidden {\n    text-decoration: none;\n}\n\n.anchor--hidden:hover,\n.anchor--hidden:focus {\n    color: initial;\n}\n\n.anchor--inverted {\n    color: var(--color-white);\n}\n\n.anchor--inverted:hover,\n.anchor--inverted:focus {\n    color: var(--color-purple-2);\n}\n\n.anchor--action {\n    display: inline-block;\n    padding: var(--space-smaller) var(--space-medium);\n\n    line-height: 1.5;\n    text-decoration: none;\n\n    border: 0.1em solid currentcolor;\n    border-radius: var(--radius-button);\n}\n\n.anchor--action.icon {\n    padding-left: 2.3em;\n}\n","button,\n.button {\n    display: inline-block;\n    padding: var(--space-small) var(--space-medium);\n\n    color: var(--color-text);\n    font-family: inherit;\n    font-size: var(--size-normal);\n    line-height: 1.5;\n\n    background-color: var(--color-grey-1);\n    border: var(--width-border) solid var(--color-grey-3);\n    border-radius: var(--radius-button);\n\n    transition:\n        background-color 0.2s ease-in-out,\n        border-color 0.2s ease-in-out;\n\n    cursor: pointer;\n}\n\nbutton:hover,\nbutton:focus,\n.button:hover,\n.button:focus {\n    background-color: var(--color-white);\n}\n\nbutton:focus,\nbutton:active,\n.button:focus,\n.button:active {\n    border-color: var(--color-border-active);\n}\n\n.button--primary {\n    background-color: var(--color-turquoise-3);\n    border-color: var(--color-text);\n}\n\n.button--primary:hover,\n.button--primary:focus {\n    background-color: var(--color-turquoise-1);\n}\n\n.button--ghost {\n    background-color: transparent;\n    border-color: transparent;\n}\n\n.button--ghost:hover {\n    background-color: transparent;\n    border-color: var(--color-grey-2);\n}\n\n.button--ghost:focus {\n    background-color: transparent;\n    border-color: var(--color-border-active);\n}\n\n.button--danger {\n    background-color: var(--color-red-1);\n    border-color: var(--color-red-5);\n}\n\n.button--danger:hover,\n.button--danger:focus {\n    background-color: var(--color-red-2);\n    border-color: var(--color-red-2);\n}\n\n.button--large {\n    padding-right: var(--space-large);\n    padding-left: var(--space-large);\n\n    font-size: var(--size-large);\n}\n\n.button--small {\n    padding: var(--space-smaller) var(--space-medium);\n}\n\n.button--smaller {\n    padding: var(--space-smaller);\n\n    line-height: 1.3;\n}\n",".cards {\n    display: flex;\n    padding: var(--space-smaller);\n\n    flex-wrap: wrap;\n}\n\n.cards--in-column {\n    flex-direction: column;\n}\n\n.cards--centered {\n    justify-content: center;\n}\n\n.card {\n    position: relative;\n\n    display: flex;\n    width: 100%;\n    max-width: 100%;\n    margin-bottom: var(--space-medium);\n\n    flex-direction: column;\n    flex-grow: 1;\n\n    box-shadow: 0 1px 4px 1px var(--color-grey-2);\n\n    transition:\n        background-color 0.5s ease-in-out,\n        box-shadow 0.5s ease-in-out;\n}\n\n.card:focus-within {\n    box-shadow: 0 1px 4px 1px var(--color-purple-2);\n}\n\n@media (min-width: 800px) {\n    .card {\n        margin-right: 1%;\n        margin-left: 1%;\n    }\n\n    .card:not(.card--fluid) {\n        max-width: 31%;\n    }\n}\n\n.card--shadow {\n    background-color: var(--color-grey-1);\n    box-shadow: none;\n}\n\n.card--shadow:focus-within {\n    box-shadow: none;\n}\n\n.card--showcase {\n    padding: var(--space-small);\n\n    align-items: center;\n    justify-content: center;\n\n    text-align: center;\n\n    box-shadow: none;\n}\n\n.card--action {\n    padding: 3px;\n\n    align-items: stretch;\n    justify-content: center;\n\n    background: linear-gradient(135deg, var(--color-purple-5), var(--color-turquoise-5));\n}\n\n@media (min-width: 800px) {\n    .card--action:nth-child(2) {\n        background: linear-gradient(180deg, #3d97c7, var(--color-turquoise-5));\n    }\n\n    .card--action:nth-child(3) {\n        background: linear-gradient(225deg, var(--color-purple-5), var(--color-turquoise-5));\n    }\n}\n\n.card--illustrated {\n    min-height: 150px;\n\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n}\n\n.card--illustrated-alt {\n    background-color: var(--color-purple-5);\n    border: 4px solid transparent;\n}\n\n.card--illustrated-alt:hover,\n.card--illustrated-alt:focus-within {\n    background-color: var(--color-turquoise-5);\n}\n\n.card__button {\n    min-height: 150px;\n    padding: var(--space-medium) var(--space-small);\n\n    flex: 1;\n\n    background-color: var(--color-purple-1);\n    border: none;\n    border-radius: 0;\n}\n\n@media (min-width: 800px) {\n    .card__button--link {\n        min-height: 300px;\n    }\n}\n\n.card__image {\n    display: block;\n    width: 100%;\n    min-height: 156px;\n}\n\n.card__image-overlay {\n    position: absolute;\n    top: var(--space-smaller);\n    left: var(--space-smaller);\n\n    padding: 0 var(--space-small);\n\n    font-size: var(--size-small);\n    font-style: italic;\n    text-align: left;\n\n    opacity: 0.8;\n    background-color: var(--color-purple-1);\n    border: none;\n    border-radius: var(--radius);\n}\n\n.card__image-overlay--warning {\n    color: var(--color-text-warning);\n\n    opacity: 1;\n    background-color: var(--color-back-warning);\n}\n\n.card__image-overlay--warning:hover,\n.card__image-overlay--warning:focus {\n    background-color: var(--color-back-warning);\n}\n\n.card__image-overlay--right {\n    right: var(--space-smaller);\n    left: auto;\n}\n\n.card__body {\n    padding: var(--space-small);\n\n    flex-grow: 1;\n\n    background-color: var(--color-white);\n}\n\n.card--illustrated .card__body {\n    padding-top: calc(25px + var(--space-small));\n\n    color: var(--color-white);\n    text-decoration: none;\n    text-shadow:\n        -1px 1px 1px var(--color-purple-8),\n        1px 1px 1px var(--color-purple-8),\n        1px -1px 0 var(--color-purple-8),\n        -1px -1px 0 var(--color-purple-8);\n\n    background-color: rgba(0, 0, 0, 30%);\n    background-image:\n        linear-gradient(\n            to bottom,\n            transparent 0,\n            rgba(0, 0, 0, 40%) 25px,\n            rgba(0, 0, 0, 60%) 45px,\n            rgba(0, 0, 0, 80%)\n        );\n\n    transition: background-color 0.3s ease-in-out;\n}\n\n.card--illustrated .card__body--large {\n    padding-top: calc(70px + var(--space-small));\n\n    background-image:\n        linear-gradient(\n            to bottom,\n            transparent 30px,\n            rgba(0, 0, 0, 40%) 70px,\n            rgba(0, 0, 0, 60%) 90px,\n            rgba(0, 0, 0, 80%)\n        );\n}\n\n.card--illustrated .card__body--larger {\n    padding-top: calc(156px + var(--space-small));\n\n    background-image:\n        linear-gradient(\n            to bottom,\n            transparent 110px,\n            rgba(0, 0, 0, 40%) 150px,\n            rgba(0, 0, 0, 60%) 170px,\n            rgba(0, 0, 0, 80%)\n        );\n}\n\n.card--illustrated-alt .card__body {\n    background-image: none;\n}\n\n.card--illustrated a.card__body:hover,\n.card--illustrated a.card__body:focus {\n    color: var(--color-white);\n\n    background-color: transparent;\n}\n\n.card--illustrated-alt a.card__body:hover,\n.card--illustrated-alt a.card__body:focus {\n    background-color: rgba(0, 0, 0, 30%);\n}\n\n.card--illustrated .sticker {\n    text-shadow: none;\n}\n\n.card__title {\n    margin-top: 0;\n    margin-bottom: var(--space-medium);\n\n    font-size: var(--size-normal);\n    font-weight: bold;\n    line-height: 1.25;\n}\n\n.card__title a {\n    display: block;\n\n    text-decoration: none;\n}\n\n.card__title-ellipsis {\n    overflow: hidden;\n\n    text-overflow: ellipsis;\n}\n\n.card__text {\n    margin-top: var(--space-small);\n    margin-bottom: var(--space-small);\n\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n    overflow-wrap: anywhere;\n}\n\n.card--illustrated .card__text {\n    color: var(--color-white);\n\n    opacity: 0.8;\n}\n\n.card__text--oneline {\n    display: flex;\n\n    align-items: baseline;\n\n    white-space: nowrap;\n}\n\n.card__text--extend {\n    flex: 1;\n}\n\n.card__ellipsis {\n    overflow: hidden;\n\n    text-overflow: ellipsis;\n}\n\n.card__footer {\n    display: flex;\n    padding: var(--space-small);\n\n    align-items: center;\n    justify-content: space-between;\n\n    background-color: var(--color-purple-1);\n    background-image: linear-gradient(to right, var(--color-purple-2), var(--color-purple-3), var(--color-purple-2));\n    background-repeat: repeat-x;\n    background-position: 0 100%;\n    background-size: 100% 3px;\n    box-shadow: 0 -1px 2px 0 var(--color-purple-1);\n}\n\n.card--illustrated .card__footer {\n    color: var(--color-white);\n\n    background-color: rgba(0, 0, 0, 90%);\n    background-image: none;\n    box-shadow: none;\n}\n\n.card--illustrated .card__footer button {\n    color: var(--color-white);\n\n    background-color: var(--color-grey-9);\n    border-color: var(--color-grey-5);\n}\n\n.card--illustrated .card__footer button:hover {\n    background-color: var(--color-grey-8);\n}\n\n.card__footer--centered {\n    justify-content: center;\n}\n\n.card__footer-group {\n    display: flex;\n\n    align-items: center;\n}\n\n.card__footer-group > * + * {\n    margin-left: var(--space-small);\n}\n",".form--centered {\n    text-align: center;\n}\n\n.form--danger {\n    margin-top: var(--space-larger);\n    padding: var(--space-medium);\n\n    text-align: right;\n\n    background-color: var(--color-red-1);\n}\n\nlabel {\n    display: block;\n    margin-bottom: var(--space-small);\n    padding-right: var(--space-small);\n    padding-left: var(--space-small);\n}\n\n.label--checkbox,\n.label--radio {\n    margin-bottom: 0;\n}\n\n.label__help {\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n}\n\ninput,\ntextarea {\n    width: 100%;\n    padding: var(--space-small);\n\n    color: inherit;\n    font-family: inherit;\n    font-size: var(--size-normal);\n    line-height: 1.5;\n\n    background-color: var(--color-white);\n    box-shadow: 2px 2px 4px var(--color-grey-2) inset;\n    border: var(--width-border) solid var(--color-border);\n    border-radius: var(--radius);\n\n    transition: border-color 0.2s ease-in-out;\n}\n\ntextarea {\n    max-width: 100%;\n    min-height: 15rem;\n}\n\n.input--number-3 {\n    width: 8rem;\n}\n\n/**\n * Custom checkboxes to improve contrast and size\n *\n * @see https://www.a11ywithlindsey.com/blog/create-custom-keyboard-accesible-checkboxes\n */\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n    position: absolute;\n\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n\n    width: 1px;\n    height: 1px;\n}\n\ninput[type=\"checkbox\"] + label,\ninput[type=\"radio\"] + label {\n    position: relative;\n\n    display: inline-flex;\n\n    align-items: baseline;\n}\n\ninput[type=\"checkbox\"] + label::before,\ninput[type=\"radio\"] + label::before {\n    content: ' ';\n\n    position: relative;\n    top: 0.5rem;\n\n    width: 2.5rem;\n    height: 2.5rem;\n    margin-right: var(--space-small);\n\n    flex-shrink: 0;\n\n    background-color: var(--color-white);\n    border: var(--width-border) solid var(--color-border);\n    border-radius: 0.5rem;\n\n    transition:\n        border-color 0.2s ease-in-out,\n        background-color 0.2s ease-in-out;\n}\n\ninput[type=\"radio\"] + label::before {\n    border-radius: 50%;\n}\n\ninput[type=\"checkbox\"]:hover + label::before,\ninput[type=\"checkbox\"]:focus + label::before,\ninput[type=\"radio\"]:hover + label::before,\ninput[type=\"radio\"]:focus + label::before {\n    background-color: var(--color-turquoise-1);\n    border-color: var(--color-turquoise-6);\n}\n\ninput[type=\"checkbox\"]:focus + label::before {\n    outline: var(--width-border-bold) solid var(--color-purple-4);\n}\n\ninput[type=\"checkbox\"]:checked + label::before,\ninput[type=\"radio\"]:checked + label::before {\n    background-color: var(--color-turquoise-3);\n    border-color: var(--color-turquoise-8);\n}\n\ninput[type=\"checkbox\"]:checked + label::after,\ninput[type=\"radio\"]:checked + label::after {\n    content: '';\n\n    position: absolute;\n    top: 1.2rem;\n    left: 1.5rem;\n\n    width: 1.5rem;\n    height: 0.75rem;\n\n    border-bottom: var(--width-border) solid var(--color-text);\n    border-left: var(--width-border) solid var(--color-text);\n\n    transform: rotate(-45deg);\n}\n\ninput[type=\"radio\"]:checked + label::after {\n    top: 1rem;\n\n    height: 1.5rem;\n\n    background-color: var(--color-text);\n    border-top: var(--width-border) solid var(--color-text);\n    border-right: var(--width-border) solid var(--color-text);\n    border-radius: 50%;\n}\n\n.form-group--invalid input,\n.form-group--invalid textarea {\n    border-color: var(--color-border-error);\n}\n\ninput:focus,\ntextarea:focus {\n    border-color: var(--color-border-active);\n}\n\nselect {\n    width: 100%;\n    padding: var(--space-small);\n\n    color: inherit;\n    font-family: inherit;\n    font-size: var(--size-normal);\n    text-overflow: ellipsis;\n\n    background-color: var(--color-grey-1);\n    border: var(--width-border) solid var(--color-border);\n    border-radius: var(--radius);\n\n    transition:\n        background-color 0.2s ease-in-out,\n        border-color 0.2s ease-in-out;\n}\n\n@media (min-width: 800px) {\n    select {\n        width: auto;\n        min-width: 50%;\n    }\n}\n\nselect:not([multiple]) {\n    padding-right: 3.5rem;\n\n    background-image: url(\"../../icons/angle-down.svg\");\n    background-repeat: no-repeat;\n    background-position: right 0.75rem top 58%;\n    background-size: 2.5rem;\n\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n}\n\nselect:not([disabled]):hover,\nselect:not([disabled]):focus {\n    background-color: var(--color-turquoise-1);\n}\n\nselect:not([disabled]):focus {\n    border-color: var(--color-border-active);\n}\n\nselect[disabled] {\n    color: var(--color-text-secondary);\n\n    border-color: var(--color-border-disabled);\n}\n\nfieldset {\n    min-width: auto;\n    margin-top: var(--space-medium);\n    margin-bottom: var(--space-medium);\n    padding: var(--space-small);\n\n    background-image: linear-gradient(to bottom, var(--color-grey-1), var(--color-purple-1));\n    box-shadow: 1px 1px 1px var(--color-purple-2);\n    border: none;\n    border-radius: var(--radius);\n}\n\n@media (min-width: 1100px) {\n    fieldset {\n        padding: var(--space-medium);\n    }\n}\n\nlegend {\n    padding: var(--space-smaller) var(--space-small);\n\n    background-color: var(--color-grey-1);\n    border-radius: var(--radius);\n}\n\n.fieldset__caption {\n    padding-right: 0.5em;\n    padding-left: 0.5em;\n\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n}\n\n.form-group {\n    margin-bottom: var(--space-medium);\n}\n\n.form-group__stack {\n    display: flex;\n\n    align-items: center;\n}\n\n.form-group__stack > * + * {\n    margin-left: var(--space-smaller);\n}\n\n.form-group__stack > button {\n    flex-shrink: 0;\n}\n\n.form-group__caption {\n    margin-top: var(--space-smaller);\n    margin-bottom: var(--space-smaller);\n    padding-right: var(--space-small);\n    padding-left: var(--space-small);\n\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n}\n\n.form-group__caption--alt {\n    margin-top: 0;\n    padding-left: calc(2 * var(--space-small) + 2.5rem);\n}\n\n.form-group__caption--alt::before {\n    content: '➜';\n}\n\n.form-group__error {\n    margin-top: var(--space-small);\n    margin-bottom: var(--space-small);\n    padding-right: var(--space-small);\n    padding-left: calc(var(--space-small) + 1.75em);\n\n    color: var(--color-text-error);\n    font-size: var(--size-small);\n    font-weight: bold;\n\n    background-image: url(\"../../icons/error-red.svg\");\n    background-repeat: no-repeat;\n    background-position: left var(--space-small) center;\n    background-size: 1.5em;\n}\n\n.form__actions {\n    display: flex;\n    margin-bottom: var(--space-medium);\n\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.form__actions > * + * {\n    margin-top: var(--space-medium);\n}\n\n@media (min-width: 800px) {\n    .form__actions {\n        flex-direction: row-reverse;\n    }\n\n    .form__actions > * + * {\n        margin-top: 0;\n    }\n}\n\n.form-details {\n    margin-bottom: var(--space-medium);\n    padding-left: var(--space-small);\n}\n\n.form-details summary {\n    padding: var(--space-smaller) var(--space-small);\n\n    cursor: pointer;\n}\n\n.form-details__content {\n    padding-top: var(--space-small);\n    padding-bottom: var(--space-small);\n}\n\n@media (min-width: 800px) {\n    .form-details__content {\n        padding: var(--space-medium);\n    }\n}\n\n.form-group--terms {\n    padding: var(--space-medium);\n\n    background-color: var(--color-purple-1);\n    border-radius: var(--radius);\n}\n\n.form-group--terms .form-group__caption {\n    margin-top: 0;\n}\n",".groupnav {\n    margin-top: var(--space-large);\n    margin-bottom: var(--space-large);\n}\n\n.groupnav__title {\n    max-width: 50ch;\n    margin: 2rem auto;\n\n    font-size: 1em;\n    font-weight: bold;\n}\n\n.groupnav__container {\n    max-width: 50ch;\n    margin: 0 auto;\n    padding: 0;\n\n    list-style: none;\n}\n\n.groupnav__item {\n    border: 0.2rem solid var(--color-purple-5);\n}\n\n.groupnav__item + .groupnav__item {\n    border-top: none;\n}\n\n.groupnav__anchor,\n.groupnav__button {\n    display: block;\n    padding: var(--space-medium);\n\n    color: var(--color-text);\n    text-decoration: none;\n\n    transition:\n        background-color 0.3s ease-in-out,\n        color 0.3s ease-in-out;\n}\n\n.groupnav__anchor {\n    padding-left: 6rem;\n\n    background-repeat: no-repeat;\n    background-position: 1rem center;\n}\n\n.groupnav__button {\n    width: 100%;\n    padding-left: 6rem;\n\n    font-size: 1em;\n    text-align: left;\n\n    background-color: transparent;\n    background-repeat: no-repeat;\n    background-position: 1rem center;\n    border: none;\n    border-radius: 0;\n\n    cursor: pointer;\n}\n\n.groupnav__anchor:hover,\n.groupnav__anchor:focus,\n.groupnav__button:hover,\n.groupnav__button:focus {\n    color: var(--color-purple-6);\n\n    background-color: var(--color-purple-1);\n}\n\n.groupnav__item--featured .groupnav__anchor,\n.groupnav__item--featured .groupnav__button {\n    color: var(--color-purple-6);\n    font-weight: bold;\n}\n\n.groupnav__item--validate .groupnav__anchor,\n.groupnav__item--create .groupnav__button {\n    background-image: url(\"../../icons/check.svg\");\n}\n\n.groupnav__item--subscription .groupnav__anchor {\n    background-image: url(\"../../icons/credit-card.svg\");\n}\n\n.groupnav__item--mastodon .groupnav__anchor {\n    background-image: url(\"../../icons/mastodon.svg\");\n    background-size: 36px 36px;\n}\n\n.groupnav__item--import .groupnav__anchor {\n    background-image: url(\"../../icons/upload.svg\");\n}\n\n.groupnav__item--data .groupnav__anchor {\n    background-image: url(\"../../icons/backup.svg\");\n}\n\n.groupnav__item--credentials .groupnav__anchor {\n    background-image: url(\"../../icons/key.svg\");\n}\n\n.groupnav__item--sessions .groupnav__anchor {\n    background-image: url(\"../../icons/connect.svg\");\n}\n\n.groupnav__item--delete .groupnav__anchor {\n    background-image: url(\"../../icons/trash.svg\");\n}\n\n.groupnav__item--about .groupnav__anchor {\n    background-image: url(\"../../icons/info.svg\");\n}\n\n.groupnav__item--whats-new .groupnav__anchor {\n    background-image: url(\"../../icons/bundle.svg\");\n}\n\n.groupnav__item--onboarding .groupnav__anchor {\n    background-image: url(\"../../icons/undo.svg\");\n}\n\n.groupnav__item:first-child,\n.groupnav__item:first-child .groupnav__anchor,\n.groupnav__item:first-child .groupnav__button {\n    border-top-left-radius: 1rem;\n    border-top-right-radius: 1rem;\n}\n\n.groupnav__item:last-child,\n.groupnav__item:last-child .groupnav__anchor,\n.groupnav__item:last-child .groupnav__button {\n    border-bottom-right-radius: 1rem;\n    border-bottom-left-radius: 1rem;\n}\n",".header__container {\n    display: flex;\n    max-width: var(--width-content);\n    height: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    align-items: stretch;\n}\n\n.header__container--centered {\n    align-items: center;\n}\n\n.header__container > * + * {\n    margin-left: var(--space-smaller);\n}\n\n@media (min-width: 800px) {\n    .header__container > * + * {\n        margin-left: var(--space-small);\n    }\n}\n\n.header__separator {\n    flex: 1;\n}\n\n.header__avatar-container {\n    align-self: center;\n}\n\n.header__avatar {\n    cursor: pointer;\n}\n\n.header__link {\n    padding: var(--space-medium) var(--space-large);\n}\n\n.header__link:focus {\n    outline-offset: -0.3rem;\n}\n\n.header__action {\n    margin: var(--space-smaller);\n    padding: var(--space-small);\n\n    align-self: center;\n\n    font-size: var(--size-small);\n    text-align: center;\n    text-decoration: none;\n\n    background-color: var(--color-turquoise-4);\n    border: var(--width-border) solid currentcolor;\n    border-radius: var(--radius-button);\n}\n\n@media (min-width: 800px) {\n    .header__action {\n        width: auto;\n        padding-top: var(--space-smaller);\n        padding-bottom: var(--space-smaller);\n    }\n}\n\n.header__secondary {\n    order: -1;\n}\n\n@media (min-width: 800px) {\n    .header__secondary {\n        order: 0;\n    }\n}\n\n.header__link--home {\n    display: flex;\n    padding: var(--space-smaller);\n\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.header__locale-form {\n    display: flex;\n    padding-top: var(--space-smaller);\n    padding-bottom: var(--space-smaller);\n\n    flex-direction: column;\n    justify-content: center;\n}\n\n.header__locale-form label {\n    display: inline;\n}\n\n.header__locale-form .icon {\n    vertical-align: middle;\n}\n\n.header__locale-form .form-group {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.header__locale-form select {\n    width: auto;\n}\n","svg {\n    pointer-events: none;\n    user-select: none;\n}\n\n.icon {\n    display: inline-block;\n    width: 1.5em;\n    height: auto;\n\n    vertical-align: top;\n\n    fill: currentcolor;\n}\n\n.icon.spin {\n    animation: icon-spin 5s linear infinite;\n}\n\n@keyframes icon-spin {\n    from {\n        transform: rotate(0deg);\n    }\n\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n.icon.rotate90 {\n    transform: rotate(90deg);\n}\n\n.icon.rotate180 {\n    transform: rotate(180deg);\n}\n\n.icon.rotate270 {\n    transform: rotate(270deg);\n}\n",".illustration {\n    display: block;\n    max-width: 100%;\n    margin: var(--space-larger) var(--space-large);\n}\n\n.illustration--figure {\n    margin: 0;\n}\n\n.illustration--centered {\n    margin-right: auto;\n    margin-left: auto;\n}\n\nfigure {\n    margin: 0;\n    padding: var(--space-medium);\n\n    color: var(--color-text-secondary);\n    font-style: italic;\n}\n\n.figure--centered {\n    text-align: center;\n}\n\n.figure--centered img {\n    margin-right: auto;\n    margin-left: auto;\n}\n",".sticker {\n    padding: var(--space-smaller) var(--space-small);\n\n    color: var(--color-text);\n    font-size: var(--size-small);\n\n    background-color: var(--color-purple-2);\n    border-radius: var(--radius);\n}\n\n.sticker--right {\n    float: right;\n}\n\n.sticker--left {\n    float: left;\n}\n",".layout {\n    min-height: 100vh;\n}\n\n.layout--connected .layout__header {\n    position: fixed;\n    z-index: 100;\n    bottom: 0;\n\n    width: 100%;\n    height: var(--height-header);\n\n    background: var(--color-turquoise-3);\n    box-shadow: 0 0 5px var(--color-grey-4);\n}\n\n@media (min-width: 800px) {\n    .layout--connected .layout__header {\n        position: static;\n\n        height: auto;\n\n        background: radial-gradient(circle at top, var(--color-turquoise-3) 60%, var(--color-turquoise-4));\n        box-shadow: none;\n    }\n\n    .layout--blocked .layout__header {\n        background: none;\n    }\n\n    .layout--connected:not(.layout--blocked) .layout__header {\n        margin-bottom: var(--space-medium);\n    }\n}\n\n.layout--connected .layout__header .header__link {\n    width: 5.5rem;\n    padding: var(--space-small);\n\n    text-align: center;\n    text-decoration: none;\n\n    border-top: 0.5rem solid transparent;\n    border-bottom: 0.5rem solid transparent;\n}\n\n@media (min-width: 800px) {\n    .layout--connected .layout__header .header__link {\n        width: auto;\n    }\n}\n\n.layout--connected .layout__header .header__link--active {\n    font-weight: bold;\n\n    border-bottom-color: var(--color-body);\n}\n\n.layout__main {\n    max-width: var(--width-content);\n    min-height: 60vh;\n    margin-right: auto;\n    margin-left: auto;\n}\n\n@media (min-width: 800px) {\n    .layout__main {\n        margin-bottom: 0;\n    }\n}\n\n.layout__main:focus {\n    outline: 0;\n}\n\n.layout__back a {\n    overflow: hidden;\n\n    display: inline-block;\n    max-width: 100%;\n    padding-top: var(--space-medium);\n    padding-right: var(--space-medium);\n    padding-bottom: var(--space-medium);\n\n    text-overflow: ellipsis;\n    vertical-align: top;\n    white-space: nowrap;\n\n    outline-offset: calc(-1 * var(--width-border-bold));\n}\n\n@media (min-width: 800px) {\n    .layout--connected:not(.layout--blocked) .layout__back {\n        margin-top: calc(var(--space-medium) * -1);\n    }\n}\n\n.layout__search {\n    position: relative;\n\n    margin-right: var(--space-smaller);\n    margin-left: var(--space-smaller);\n    padding-top: var(--space-medium);\n}\n\n@media (min-width: 800px) {\n    .layout__search {\n        max-width: 700px;\n        margin-right: auto;\n        margin-left: auto;\n    }\n}\n\n.layout__back + .layout__search {\n    padding-top: 0;\n}\n\n@media (min-width: 800px) {\n    .layout--connected:not(.layout--blocked) .layout__search {\n        margin-top: calc(var(--space-medium) * -1);\n    }\n\n    .layout--connected:not(.layout--blocked) .layout__back + .layout__search {\n        margin-top: 0;\n    }\n}\n\n.layout__search input[type=\"text\"] {\n    padding-right: calc(1.5em + 2 * var(--space-medium));\n\n    box-shadow: 0 1px 4px 1px var(--color-grey-1);\n    border-color: var(--color-border-search);\n}\n\n.layout__search input[type=\"text\"]:hover {\n    box-shadow: 0 1px 4px 1px var(--color-grey-2);\n}\n\n.layout__search button {\n    position: absolute;\n    right: 0;\n}\n\n.layout__search button:hover {\n    border-color: transparent;\n}\n\n.layout__search button .icon {\n    fill: var(--color-grey-5);\n}\n\n.layout__search button:hover .icon {\n    fill: var(--color-text);\n}\n\n.layout__content {\n    padding: var(--space-medium) var(--space-smaller) var(--space-large);\n\n    background-color: var(--color-white);\n    box-shadow: 0 1px 2px 1px var(--color-grey-2);\n}\n\n.layout--connected .layout__content {\n    min-height: calc(100vh - var(--height-header));\n    padding-bottom: calc(var(--height-header) + var(--space-large));\n}\n\n@media (min-width: 800px) {\n    .layout__content {\n        padding-right: var(--space-large);\n        padding-left: var(--space-large);\n\n        border-radius: 0.5rem;\n    }\n\n    .layout__content--touch-bottom {\n        border-bottom-right-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .layout--connected .layout__content {\n        min-height: auto;\n        padding-bottom: var(--space-large);\n    }\n}\n\n.layout__footer {\n    padding: var(--space-large);\n\n    text-align: center;\n}\n\n.banner__container {\n    display: block;\n    padding: var(--space-smaller);\n\n    text-align: center;\n\n    background-color: var(--color-purple-1);\n    border-bottom: var(--width-border) solid var(--color-purple-2);\n}\n\n.layout__banner--alert .banner__container {\n    background-color: var(--color-red-1);\n    border-bottom-color: var(--color-red-2);\n}\n\n.banner__container--anchor {\n    transition: background-color 0.3s ease-in-out;\n}\n\n.banner__container--anchor:hover,\n.banner__container--anchor:focus {\n    color: initial;\n\n    background-color: var(--color-purple-2);\n}\n\n.layout--error {\n    text-align: center;\n}\n\n.layout--error .layout__header {\n    padding: var(--space-larger) var(--space-medium);\n}\n\n.layout--error .layout__link {\n    font-size: var(--size-large);\n    text-decoration: none;\n}\n\n.layout--error .layout__main {\n    max-width: 800px;\n}\n\n.layout--error__box {\n    position: absolute;\n    right: 0;\n    left: 0;\n\n    overflow: auto;\n\n    padding: var(--space-medium) var(--space-large);\n\n    color: var(--color-body);\n    text-align: left;\n\n    background-color: var(--color-text);\n}\n",".line {\n    display: flex;\n\n    align-items: center;\n}\n\n.line > * + * {\n    margin-left: var(--space-small);\n}\n\n.line__item {\n    flex-shrink: 0;\n}\n\n.line__item--extend {\n    flex: 1;\n}\n",".list--no-style {\n    padding-left: 0;\n\n    list-style: none;\n}\n\n.list__item + .list__item {\n    margin-top: var(--space-small);\n}\n\n.list--spaced .list__item + .list__item {\n    margin-top: var(--space-medium);\n}\n\n.list--padded > li {\n    padding: 1.5rem 2rem;\n}\n\n.list--border {\n    border: 2px solid var(--color-grey-2);\n    border-radius: 0.5rem;\n}\n\n.list--border > li + li {\n    border-top: 2px solid var(--color-grey-2);\n}\n",".modal {\n    position: fixed;\n    z-index: 999;\n    inset: 0;\n\n    visibility: hidden;\n    overflow: hidden auto;\n\n    opacity: 0;\n    background-color: rgba(0, 0, 0, 50%);\n\n    transform: scaleX(1.02) scaleY(1.02);\n    transition: visibility 0s linear 0.2s, opacity 0.2s 0s, transform 0.2s;\n}\n\n.modal[aria-hidden=\"false\"] {\n    visibility: visible;\n\n    opacity: 1;\n\n    transform: scaleX(1) scaleY(1);\n    transition: visibility 0s linear 0s, opacity 0.2s 0s, transform 0.2s;\n}\n\n.modal__box {\n    max-width: var(--width-content);\n    margin: var(--space-medium) auto var(--space-larger);\n\n    background-color: var(--color-white);\n    box-shadow: 0 0 10px var(--color-grey-7);\n\n    scroll-margin-top: var(--space-medium);\n}\n\n@media (min-width: 800px) {\n    .modal__box {\n        margin-top: var(--space-larger);\n    }\n}\n\n@media (min-width: 1000px) {\n    .modal__box {\n        border-radius: var(--radius);\n    }\n}\n\n.modal__header {\n    padding: var(--space-smaller);\n\n    text-align: right;\n}\n\n.modal__body {\n    overflow: hidden;\n\n    min-height: 15rem;\n    padding-right: var(--space-small);\n    padding-bottom: var(--space-small);\n    padding-left: var(--space-small);\n}\n\n@media (min-width: 800px) {\n    .modal__body {\n        padding-right: var(--space-medium);\n        padding-bottom: var(--space-medium);\n        padding-left: var(--space-medium);\n    }\n}\n\n.modal__body > .section:last-child {\n    margin-bottom: 0;\n}\n\n.modal__body .section__title {\n    margin-top: 0;\n}\n\n.modal .no-modal,\n.only-modal {\n    display: none;\n}\n\n.modal .only-modal {\n    display: initial;\n}\n\nbody.modal-opened {\n    overflow: hidden;\n}\n",".paragraph--featured {\n    max-width: 50ch;\n    margin-right: auto;\n    margin-left: auto;\n\n    font-size: var(--size-large);\n    font-weight: 600;\n    text-align: center;\n}\n\n.paragraph--contrasted {\n    padding: var(--space-medium);\n\n    color: var(--color-white);\n\n    background-image: radial-gradient(circle at top, var(--color-purple-6) 80%, var(--color-purple-7));\n    border-radius: var(--radius);\n}\n\n.paragraph--centered {\n    max-width: 50ch;\n    margin-right: auto;\n    margin-left: auto;\n\n    text-align: center;\n}\n\n.text--centered {\n    text-align: center;\n}\n\n.paragraph--secondary,\n.text--secondary {\n    color: var(--color-text-secondary);\n}\n\n.paragraph--placeholder {\n    max-width: 50ch;\n    margin: var(--space-large) auto;\n\n    color: var(--color-text-secondary);\n    font-style: italic;\n    text-align: center;\n}\n",".pagination__container {\n    display: flex;\n    padding: var(--space-smaller);\n\n    justify-content: center;\n\n    background-color: var(--color-purple-1);\n    border-radius: var(--radius);\n\n    list-style: none;\n}\n\n.pagination__item {\n    margin-right: var(--space-smaller);\n    margin-left: var(--space-smaller);\n}\n\n.pagination__item--disabled {\n    visibility: hidden;\n}\n\n@media (max-width: 359px) {\n    .pagination__item--prev,\n    .pagination__item--next {\n        display: none;\n    }\n}\n\n.pagination__link {\n    display: inline-block;\n    padding: var(--space-smaller) var(--space-small);\n\n    text-decoration: none;\n\n    border-bottom: var(--width-border) solid transparent;\n}\n\n.pagination__item--current .pagination__link {\n    font-weight: bold;\n\n    border-bottom-color: currentcolor;\n}\n\n.pagination__item--prev .pagination__link {\n    text-align: right;\n}\n",".popup {\n    position: relative;\n\n    display: inline-block;\n\n    text-align: left;\n}\n\n.popup__opener {\n    list-style: none;\n}\n\n.popup__opener::-webkit-details-marker {\n    display: none;\n}\n\n.popup__opener:focus {\n    outline: 0;\n}\n\n.popup__opener:focus > * {\n    outline: var(--width-border-bold) solid var(--color-purple-4);\n}\n\n.popup__opener:focus > .button,\n.popup__opener:active > .button {\n    border-color: var(--color-border-active);\n}\n\n.popup__container {\n    position: fixed;\n    z-index: 100;\n    right: 0;\n    bottom: var(--height-header);\n    left: 0;\n\n    padding: var(--space-medium) var(--space-small);\n\n    background: linear-gradient(135deg, var(--color-turquoise-2) 0%, var(--color-turquoise-3) 100%);\n}\n\n@media (min-width: 800px) {\n    .popup__container {\n        position: absolute;\n        bottom: auto;\n\n        min-width: 27rem;\n\n        font-size: var(--size-small);\n\n        box-shadow: 0 0 2px 0 var(--color-turquoise-6);\n        border-radius: var(--radius);\n    }\n\n    .popup__container--large {\n        min-width: 31rem;\n    }\n\n    .popup__container--bottom {\n        left: 50%;\n\n        margin-top: 0.5rem;\n        margin-right: auto;\n        margin-left: auto;\n\n        transform: translateX(-50%);\n    }\n\n    .popup__container--left {\n        right: 0;\n        left: auto;\n\n        margin-top: 0.5rem;\n    }\n\n    .popup__container--over {\n        margin-top: -6.5rem;\n        margin-left: -1rem;\n    }\n}\n\n.popup__title {\n    margin-bottom: var(--space-smaller);\n    padding-right: var(--space-small);\n    padding-left: var(--space-small);\n\n    font-weight: bold;\n    overflow-wrap: anywhere;\n}\n\n.popup__separator {\n    height: var(--height-separator);\n    margin-top: 0.5rem;\n    margin-bottom: 0.5rem;\n\n    background-color: var(--color-turquoise-4);\n    border-radius: var(--radius);\n}\n\n.popup__item--link {\n    text-decoration: none;\n}\n\n.popup__item--link:hover,\n.popup__item--link:focus {\n    color: initial;\n\n    outline: 0;\n}\n\n.popup__item--button {\n    width: 100%;\n\n    text-align: left;\n\n    background-color: transparent;\n    border: none;\n\n    transition: none;\n}\n\n.popup__item--button:focus {\n    outline: 0;\n}\n\n.popup__item {\n    display: block;\n    padding: var(--space-small);\n\n    border: var(--width-border) solid transparent;\n    border-radius: var(--radius);\n\n    transition:\n        background-color 0.1s ease-in-out,\n        border-color 0.1s ease-in-out;\n}\n\n@media (min-width: 800px) {\n    .popup__item {\n        white-space: nowrap;\n    }\n}\n\n.popup__item:hover,\n.popup__item:focus {\n    background-color: var(--color-turquoise-2);\n    border-color: var(--color-turquoise-5);\n}\n",".section--small {\n    max-width: 55ch;\n    margin-right: auto;\n    margin-left: auto;\n}\n\n.section--longbottom {\n    padding-bottom: 8rem;\n}\n\n@media (min-width: 800px) {\n    .section--longbottom {\n        padding-bottom: 15rem;\n    }\n}\n\n.section__image {\n    display: block;\n    width: calc(100% + 2 * var(--space-smaller));\n    margin-top: calc(var(--space-medium) * -1);\n    margin-bottom: var(--space-medium);\n    margin-left: calc(var(--space-smaller) * -1);\n\n    filter: blur(0.7px);\n}\n\n@media (min-width: 800px) {\n    .section__image {\n        width: calc(100% + 2 * var(--space-large));\n        margin-left: calc(var(--space-large) * -1);\n\n        border-radius: 0.5rem 0.5rem 0 0;\n    }\n}\n\n.section__title {\n    display: flex;\n    margin-top: var(--space-medium);\n    margin-bottom: var(--space-large);\n\n    align-items: center;\n    justify-content: center;\n\n    font-family: var(--font-family-title);\n    letter-spacing: 0.01em;\n    text-align: center;\n}\n\n.section__title h1 {\n    overflow: hidden;\n\n    display: inline-block;\n    margin-top: 0;\n    margin-bottom: 0;\n\n    text-overflow: ellipsis;\n}\n\n.section__title h1::after {\n    content: \"\";\n\n    display: block;\n    max-width: 75%;\n    height: 0.3rem;\n    margin-top: 0.5rem;\n    margin-right: auto;\n    margin-left: auto;\n\n    background: linear-gradient(to right, var(--color-turquoise-4), var(--color-turquoise-6), var(--color-turquoise-4));\n    border-radius: var(--radius);\n}\n\n.section__title h1 .icon {\n    margin-right: 1rem;\n\n    vertical-align: middle;\n}\n\n.section__intro {\n    max-width: 50ch;\n    margin: var(--space-large) auto;\n\n    font-style: italic;\n    text-align: center;\n}\n\n@media (min-width: 800px) {\n    .section__intro {\n        margin-top: calc(var(--space-medium) * 2.5);\n        margin-bottom: calc(var(--space-medium) * 2.5);\n    }\n}\n\n.section__meta {\n    display: flex;\n    max-width: 55ch;\n    margin-right: auto;\n    margin-bottom: var(--space-medium);\n    margin-left: auto;\n\n    flex-direction: column;\n    align-items: center;\n}\n\n@media (min-width: 800px) {\n    .section__meta {\n        flex-direction: row;\n        align-items: baseline;\n    }\n}\n\n.section__details {\n    flex-grow: 1;\n\n    text-align: center;\n}\n\n@media (min-width: 800px) {\n    .section__details {\n        text-align: left;\n    }\n}\n\n.section__actions {\n    flex-shrink: 0;\n}\n\n.subsection {\n    margin-top: var(--space-large);\n    margin-bottom: var(--space-large);\n}\n\n.subsection--small {\n    max-width: 55ch;\n    margin-right: auto;\n    margin-left: auto;\n}\n\n.subsection__title {\n    margin-top: 0;\n    margin-bottom: 0;\n\n    font-family: var(--font-family-title);\n    letter-spacing: 0.01em;\n}\n",".title--small {\n    font-size: var(--size-normal);\n}\n",".collection__public {\n    margin-right: var(--space-small);\n}\n\n.collection__topics {\n    max-width: 55ch;\n    margin-right: auto;\n    margin-left: auto;\n\n    font-style: italic;\n    text-align: center;\n}\n\n.collection__description {\n    max-width: 55ch;\n    margin: var(--space-large) auto;\n    padding-right: var(--space-smaller);\n    padding-left: var(--space-smaller);\n}\n\n@media (min-width: 800px) {\n    .collection__description {\n        padding-right: 0;\n        padding-left: 0;\n    }\n}\n\n.collection__number-links {\n    margin-bottom: var(--space-small);\n\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n    text-align: center;\n}\n\n.list--collections-others {\n    margin-top: 0;\n}\n",".collections-selector select {\n    width: 100%;\n}\n",".feed h2 {\n    margin-top: var(--space-larger);\n    margin-bottom: var(--space-larger);\n\n    font-family: var(--font-family-title);\n    text-align: center;\n}\n\n.feed__entry + .feed__entry {\n    margin-top: var(--space-large);\n}\n\n.feed__entry h3 {\n    margin-bottom: var(--space-small);\n}\n",".form-avatar {\n    margin-bottom: var(--space-large);\n}\n",".group + .group {\n    margin-top: var(--space-larger);\n}\n\n.group__header {\n    position: sticky;\n    top: 0;\n\n    display: flex;\n    padding-right: var(--space-small);\n    padding-left: var(--space-small);\n\n    align-items: center;\n\n    background-color: var(--color-white);\n    box-shadow: 0 2px 2px var(--color-white);\n}\n\n/**\n * This is a hack to create a descending z-index priority over the\n * group__headers. This is because if a group__header has a popup menu in it,\n * the stacking context (created because of the sticky property) makes it\n * appear below the next group__header. This is the case in the news for\n * instance.\n * The hack only works for 10 elements, but hopefully, this should be enough\n * most of the time.\n */\n.group:nth-child(1) .group__header {\n    z-index: 20;\n}\n\n.group:nth-child(2) .group__header {\n    z-index: 19;\n}\n\n.group:nth-child(3) .group__header {\n    z-index: 18;\n}\n\n.group:nth-child(4) .group__header {\n    z-index: 17;\n}\n\n.group:nth-child(5) .group__header {\n    z-index: 16;\n}\n\n.group:nth-child(6) .group__header {\n    z-index: 15;\n}\n\n.group:nth-child(7) .group__header {\n    z-index: 14;\n}\n\n.group:nth-child(8) .group__header {\n    z-index: 13;\n}\n\n.group:nth-child(9) .group__header {\n    z-index: 12;\n}\n\n.group:nth-child(10) .group__header {\n    z-index: 11;\n}\n\n.group__icon {\n    margin-right: var(--space-smaller);\n}\n\n.group__icon,\n.group__header button {\n    flex-shrink: 0;\n}\n\n.group__icon .icon {\n    width: 1.3em;\n}\n\n.group__title {\n    overflow: hidden;\n\n    margin-top: var(--space-medium);\n    margin-bottom: var(--space-medium);\n\n    font-family: var(--font-family-title);\n    font-size: var(--size-normal);\n    text-overflow: ellipsis;\n}\n\n@media (min-width: 800px) {\n    .group__title {\n        font-size: var(--size-large);\n    }\n}\n\n.group__subtitle {\n    margin-top: 0;\n    margin-bottom: 0;\n    padding-right: var(--space-small);\n    padding-left: var(--space-small);\n\n    font-size: var(--size-small);\n}\n\n@media (min-width: 800px) {\n    .group__subtitle {\n        padding-right: var(--space-medium);\n        padding-left: var(--space-medium);\n    }\n}\n\n.group__separator {\n    height: 0.3rem;\n    margin-right: var(--space-medium);\n    margin-left: var(--space-medium);\n\n    flex: 1;\n\n    background: linear-gradient(to right, var(--color-turquoise-5), var(--color-purple-5), var(--color-turquoise-5));\n    border: none;\n    border-radius: 2em;\n}\n\n.group-selector__group-input {\n    display: none;\n}\n\n.group-selector__group-select select {\n    flex-grow: 1;\n}\n",".link {\n    position: relative;\n\n    display: flex;\n    width: 100%;\n    max-width: 100%;\n    margin-bottom: var(--space-medium);\n\n    flex-direction: column;\n    flex-grow: 1;\n\n    box-shadow: 0 1px 4px 1px var(--color-grey-2);\n\n    transition: box-shadow 0.5s ease-in-out;\n}\n\n.link:focus-within {\n    box-shadow: 0 1px 4px 1px var(--color-purple-2);\n}\n\n@media (min-width: 800px) {\n    .link {\n        max-width: 31%;\n        margin-right: 1%;\n        margin-left: 1%;\n    }\n}\n\n.link__meta {\n    display: flex;\n    padding: var(--space-smaller);\n\n    align-items: flex-start;\n\n    pointer-events: none;\n}\n\n@media (min-width: 800px) {\n    .link:not(.link--compact) .link__meta {\n        position: absolute;\n        right: 0;\n        left: 0;\n    }\n}\n\n.link__meta-warning,\n.link__meta-date {\n    padding: 0 var(--space-small);\n\n    font-size: var(--size-small);\n    font-style: italic;\n\n    border-radius: var(--radius);\n\n    pointer-events: initial;\n}\n\n.link__meta-warning {\n    color: var(--color-text-warning);\n    text-align: left;\n\n    background-color: var(--color-back-warning);\n    border: none;\n}\n\n.link__meta-warning:hover,\n.link__meta-warning:focus {\n    background-color: var(--color-back-warning);\n}\n\n.link__meta-warning span {\n    white-space: nowrap;\n}\n\n.link__meta-separator {\n    flex-grow: 1;\n}\n\n.link__meta-date {\n    opacity: 0.8;\n    background-color: var(--color-purple-1);\n}\n\n@media (min-width: 800px) {\n    .link--compact .link__meta-warning,\n    .link--compact .link__meta-date {\n        font-size: var(--size-smaller);\n    }\n}\n\n.link__body {\n    display: flex;\n    padding: var(--space-smaller);\n\n    flex: 1;\n}\n\n.link__meta + .link__body {\n    margin-top: calc(-1 * var(--space-smaller));\n}\n\n@media (min-width: 800px) {\n    .link:not(.link--compact) .link__body {\n        padding: 0;\n\n        flex-direction: column;\n    }\n\n    .link:not(.link--compact) .link__meta + .link__body {\n        margin-top: 0;\n    }\n}\n\n.link__image-container {\n    width: 75px;\n    height: 75px;\n\n    flex-shrink: 0;\n\n    border-radius: var(--radius);\n}\n\n.link__image {\n    width: 100%;\n    height: 100%;\n\n    border-radius: var(--radius);\n\n    object-fit: cover;\n}\n\n@media (min-width: 800px) {\n    .link:not(.link--compact) .link__image-container {\n        width: 100%;\n        height: 156px;\n\n        border-radius: 0;\n    }\n\n    .link:not(.link--compact) .link__image {\n        border-radius: 0;\n    }\n}\n\n.link__content {\n    min-width: 0;\n    margin-left: var(--space-small);\n}\n\n@media (min-width: 800px) {\n    .link:not(.link--compact) .link__content {\n        margin-left: 0;\n        padding: var(--space-small);\n    }\n}\n\n.link__title {\n    margin-top: 0;\n    margin-bottom: var(--space-medium);\n\n    font-size: var(--size-normal);\n    font-weight: bold;\n    line-height: 1.25;\n}\n\n.link__title a {\n    overflow: hidden;\n\n    display: block;\n\n    text-decoration: none;\n    text-overflow: ellipsis;\n}\n\n@media (min-width: 800px) {\n    .link--compact .link__title {\n        font-size: var(--size-small);\n    }\n}\n\n.link__text {\n    margin-top: var(--space-small);\n    margin-bottom: var(--space-small);\n\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n    overflow-wrap: anywhere;\n}\n\n@media (min-width: 800px) {\n    .link--compact .link__text {\n        font-size: var(--size-smaller);\n    }\n}\n\n.link__text--oneline {\n    display: flex;\n\n    align-items: baseline;\n\n    white-space: nowrap;\n}\n\n.link__ellipsis {\n    overflow: hidden;\n\n    text-overflow: ellipsis;\n}\n\n.link__actions {\n    display: flex;\n    padding: var(--space-smaller);\n\n    align-items: center;\n    justify-content: space-between;\n\n    background-color: var(--color-purple-1);\n    background-image: linear-gradient(to right, var(--color-purple-2), var(--color-purple-3), var(--color-purple-2));\n    background-repeat: repeat-x;\n    background-position: 0 100%;\n    background-size: 100% 3px;\n    box-shadow: 0 -1px 2px 0 var(--color-purple-1);\n}\n\n@media (min-width: 800px) {\n    .link:not(.link--compact) .link__actions {\n        padding: var(--space-small);\n    }\n}\n\n.link__actions-group {\n    display: flex;\n\n    align-items: center;\n}\n\n.link__actions-group > * + * {\n    margin-left: var(--space-small);\n}\n\n.link__actions-button {\n    color: var(--color-purple-8);\n}\n\n.link__actions-button:hover {\n    border-color: var(--color-purple-2);\n}\n",".message {\n    margin-bottom: var(--space-large);\n}\n\n.message__author {\n    font-size: var(--size-small);\n    font-weight: bold;\n    overflow-wrap: anywhere;\n}\n\n.message__avatar {\n    width: 5rem;\n\n    background-color: var(--color-white);\n    border: 2px solid var(--color-turquoise-5);\n    border-radius: 50%;\n}\n\n.message__date {\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n}\n\n.message__content {\n    overflow: hidden;\n\n    padding: var(--space-smaller);\n\n    text-overflow: ellipsis;\n    word-wrap: break-word;\n}\n\n@media (min-width: 800px) {\n    .message__content {\n        margin-left: 5rem;\n        padding: var(--space-small);\n    }\n}\n\n.message__content code {\n    padding-right: var(--space-smaller);\n    padding-left: var(--space-smaller);\n\n    font-size: var(--size-small);\n\n    background-color: var(--color-turquoise-1);\n    border-radius: var(--radius);\n}\n\n.message__content pre {\n    overflow: auto;\n\n    padding: var(--space-medium) var(--space-small);\n\n    color: var(--color-white);\n\n    background-color: var(--color-turquoise-9);\n    border-top: var(--width-border) solid var(--color-turquoise-5);\n    border-bottom: var(--width-border-bold) solid var(--color-turquoise-5);\n    border-radius: var(--radius);\n}\n\n@media (min-width: 800px) {\n    .message__content pre {\n        padding-right: var(--space-medium);\n        padding-left: var(--space-medium);\n    }\n}\n\n.message__content pre code {\n    padding: 0;\n\n    color: var(--color-white);\n\n    background-color: transparent;\n    border: none;\n}\n\n.message__content blockquote {\n    margin-right: 0;\n    margin-left: 0;\n    padding: var(--space-medium) var(--space-small);\n\n    font-style: italic;\n\n    background-color: var(--color-turquoise-3);\n    background-image: url('../../icons/block-quote.svg');\n    background-repeat: no-repeat;\n    background-size: 45px;\n    border-radius: var(--radius);\n}\n\n@media (min-width: 800px) {\n    .message__content blockquote {\n        padding: var(--space-smaller) var(--space-larger);\n\n        background-size: 75px;\n    }\n}\n",".news__refresh-button[disabled] .icon {\n    animation: icon-spin 5s linear infinite;\n}\n\n.news__source {\n    font-style: italic;\n}\n\n.news__postpone {\n    margin-top: var(--space-large);\n    padding: var(--space-medium);\n    padding-bottom: var(--space-larger);\n\n    text-align: center;\n}\n\n.news__postpone-popup .popup__container {\n    font-size: var(--size-normal);\n}\n\n@media (min-width: 800px) {\n    .news__postpone-popup .popup__container {\n        width: 34rem;\n    }\n}\n\n.news__postpone-button {\n    font-size: 1.2em;\n\n    background-color: var(--color-purple-1);\n    border-color: var(--color-purple-4);\n}\n\n.news__source-group {\n    margin-top: var(--space-medium);\n    margin-bottom: var(--space-medium);\n}\n\n@media (min-width: 800px) {\n    .news__source-group {\n        margin-left: var(--space-small);\n        padding-right: var(--space-smaller);\n        padding-left: var(--space-smaller);\n\n        border-left: var(--width-border-bold) solid var(--color-purple-1);\n    }\n}\n\n.news__source-title {\n    margin: 0;\n    padding: var(--space-small);\n\n    font-size: var(--size-normal);\n}\n",".profile__meta {\n    display: flex;\n    max-width: 55ch;\n    margin-right: auto;\n    margin-bottom: var(--space-medium);\n    margin-left: auto;\n\n    flex-direction: column;\n    align-items: center;\n}\n\n@media (min-width: 800px) {\n    .profile__meta {\n        flex-direction: row;\n    }\n}\n\n.profile__details {\n    flex-grow: 1;\n\n    text-align: center;\n}\n\n@media (min-width: 800px) {\n    .profile__details {\n        text-align: left;\n    }\n}\n",".reading-nav {\n    text-align: center;\n}\n\n.reading-nav__container {\n    display: flex;\n    margin: 0;\n    margin-bottom: var(--space-large);\n    padding-left: 0;\n\n    align-items: stretch;\n\n    border: var(--width-border) solid var(--color-turquoise-3);\n    border-radius: var(--radius-button);\n\n    list-style: none;\n}\n\n.reading-nav__item {\n    flex: 1;\n}\n\n.reading-nav__anchor {\n    display: inline-block;\n    width: 100%;\n    height: 100%;\n    padding: var(--space-small);\n\n    text-decoration: none;\n\n    background-color: var(--color-turquoise-1);\n\n    outline-offset: -0.3rem;\n\n    transition:\n        color 0.3s ease-in-out,\n        background-color 0.3s ease-in-out;\n}\n\n.reading-nav__anchor:hover {\n    background-color: var(--color-turquoise-2);\n}\n\n.reading-nav__anchor[aria-current=\"page\"] {\n    background-color: var(--color-turquoise-3);\n}\n\n.reading-nav__item:first-child .reading-nav__anchor {\n    border-radius: var(--radius-button) 0 0 var(--radius-button);\n}\n\n.reading-nav__item:last-child .reading-nav__anchor {\n    border-radius: 0 var(--radius-button) var(--radius-button) 0;\n}\n",".share {\n    display: flex;\n    margin-top: var(--space-large);\n    margin-bottom: var(--space-large);\n    padding: var(--space-small) var(--space-medium);\n\n    flex-direction: column;\n    align-items: center;\n\n    background-color: var(--color-purple-1);\n    border-radius: var(--radius);\n}\n\n@media (min-width: 800px) {\n    .share {\n        flex-direction: row;\n    }\n}\n\n.share__text {\n    flex: 1;\n\n    font-family: monospace;\n    text-align: center;\n    word-break: break-all;\n}\n",".topics-selector {\n    margin-bottom: var(--space-medium);\n\n    text-align: center;\n}\n\n.topics-selector:last-child {\n    margin-bottom: 0;\n}\n\n.topics-selector__item {\n    display: inline-block;\n    margin: var(--space-smaller);\n}\n\n.topics-selector__label {\n    margin-bottom: 0;\n    padding: var(--space-small) var(--space-medium);\n\n    background-color: var(--color-white);\n    border: var(--width-border) solid var(--color-border);\n    border-radius: var(--radius-button);\n\n    transition:\n        background-color 0.2s ease-in-out,\n        border-color 0.2s ease-in-out;\n}\n\ninput[type=\"checkbox\"]:focus + .topics-selector__label {\n    box-shadow: 0 0 0 1px var(--color-purple-5);\n}\n\ninput[type=\"checkbox\"]:focus + .topics-selector__label::before {\n    box-shadow: none;\n}\n\ninput[type=\"checkbox\"]:checked + .topics-selector__label {\n    background-color: var(--color-turquoise-3);\n    border-color: var(--color-turquoise-6);\n}\n\ninput[type=\"checkbox\"]:checked + .topics-selector__label::before {\n    border-color: var(--color-turquoise-7);\n    border-color: transparent;\n}\n\ninput[type=\"checkbox\"]:checked + .topics-selector__label::after {\n    left: 2.5rem;\n}\n","@import './utils/flow.css';\n@import './utils/variables.css';\n@import './utils/fonts.css';\n@import './utils/animations.css';\n@import './components/alerts.css';\n@import './components/avatars.css';\n@import './components/anchors.css';\n@import './components/buttons.css';\n@import './components/cards.css';\n@import './components/forms.css';\n@import './components/groupnavs.css';\n@import './components/header.css';\n@import './components/icons.css';\n@import './components/illustrations.css';\n@import './components/stickers.css';\n@import './components/layout.css';\n@import './components/lines.css';\n@import './components/lists.css';\n@import './components/modal.css';\n@import './components/paragraphs.css';\n@import './components/pagination.css';\n@import './components/popup.css';\n@import './components/sections.css';\n@import './components/titles.css';\n@import './custom/collections.css';\n@import './custom/collections-selector.css';\n@import './custom/feeds.css';\n@import './custom/form-avatar.css';\n@import './custom/groups.css';\n@import './custom/links.css';\n@import './custom/messages.css';\n@import './custom/news.css';\n@import './custom/profiles.css';\n@import './custom/reading-nav.css';\n@import './custom/share.css';\n@import './custom/topics-selector.css';\n\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\n\nhtml {\n    font-size: 10px;\n}\n\nbody {\n    margin: 0;\n    padding: 0;\n\n    color: var(--color-text);\n    font-family: var(--font-family-text);\n    font-size: var(--size-base);\n\n    background: linear-gradient(to bottom, var(--color-body), var(--color-purple-1) 420px);\n}\n\n*:focus {\n    outline: var(--width-border-bold) solid var(--color-purple-4);\n}\n\n.sr-only {\n    position: absolute;\n\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n\n    width: 1px;\n    height: 1px;\n}\n\n.js-only {\n    display: none;\n}\n\n@media (max-width: 799px) {\n    .no-mobile {\n        display: none;\n    }\n}\n\n@media (min-width: 800px) {\n    .only-mobile {\n        display: none;\n    }\n}\n\n.accessibility-nav {\n    position: absolute;\n\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n\n    width: 1px;\n    height: 1px;\n}\n\n.accessibility-nav:focus {\n    top: 0.75rem;\n    left: 2rem;\n\n    clip: auto;\n\n    width: auto;\n    height: auto;\n}\n\nhr {\n    width: 50%;\n    height: 0.3rem;\n    margin: var(--space-larger) auto;\n\n    background: linear-gradient(to right, var(--color-turquoise-2), var(--color-turquoise-4), var(--color-turquoise-2));\n    border: none;\n    border-radius: 2em;\n}\n\n.turbo-progress-bar {\n    position: fixed;\n    top: 0;\n\n    height: 0.5rem;\n\n    background: linear-gradient(to right, var(--color-turquoise-5), var(--color-purple-5));\n}\n"],"names":[],"version":3,"file":"application.css.map","sourceRoot":"/"}
\ No newline at end of file
+{"mappings":"ACAA,yCAIA,mDAIA,+CAIA,+CAIA,iDChBA,0lFA4GA,qBACI,yBC7GJ,sQAYA,8SAaA,0SAaA,gSAaA,yTCnDA,yJAYA,sGAYA,8ECxBA,2VAcA,8JAOA,yKAOA,+JAOA,8BAIA,wDAIA,8DAIA,0DAIA,6CCnDA,yIAUA,6ICVA,uIAUA,wCAKA,uDAQA,0DAKA,2CAIA,4EAKA,+KAWA,wCChDA,+XAqBA,0FAOA,gGAOA,0FAKA,wFAKA,yDAKA,6EAKA,oFAKA,oFAKA,gHAMA,4GAOA,+DAIA,8DClFA,gEAOA,wCAIA,wCAIA,uPAkBA,kEAIA,sBACI,qCAKA,uCAKJ,mEAKA,2CAIA,uHAWA,uJASA,sBACI,+FAIA,8GAKJ,8GAQA,qFAKA,2GAKA,uJAWA,sBACI,sCAKJ,uDAMA,+QAiBA,mHAOA,mHAKA,iEAKA,uFAQA,0ZAwBA,2JAaA,gKAaA,yDAIA,4HAOA,+GAKA,6CAIA,0HASA,kDAMA,6DAMA,gKASA,mEAMA,0EAQA,2BAIA,uDAMA,wXAeA,2HAQA,uIAOA,mFAIA,+CAIA,oDAMA,uDClVA,kCAIA,8HASA,sHAOA,+CAKA,2EAKA,gVAkBA,yCAKA,4BASA,iHAWA,8GASA,wWAsBA,iDAIA,0OAQA,oGAIA,iKAMA,uSAiBA,gOAWA,gGAKA,mEAKA,iUAkBA,sBACI,iCAMJ,0NAaA,oGAKA,qEAIA,6FAMA,+RAYA,uBACI,sCAKJ,uHAOA,sHAQA,8CAIA,mDAMA,wDAIA,wCAIA,uNAUA,wFAKA,+CAIA,iZAgBA,8HASA,kDAIA,sBACI,0CAIA,iCAKJ,gFAKA,oFAMA,wFAKA,sBACI,oDAKJ,kHAOA,qDCnWA,yEAKA,+EAQA,4EAQA,yDAIA,gDAIA,6LAaA,yFAOA,oMAgBA,mKASA,oIAMA,mJAKA,mHAIA,sIAKA,wGAIA,sGAIA,0GAIA,2GAIA,uGAIA,qGAIA,2GAIA,0GAIA,iLAOA,oLCrIA,kIAUA,gDAIA,wDAIA,sBACI,uDAKJ,0BAIA,4CAIA,+BAIA,4DAIA,0CAIA,sRAeA,sBACI,iGAOJ,4BAIA,sBACI,4BAKJ,8HASA,oJASA,0CAIA,iDAIA,8DAKA,uCC5GA,kEAKA,wFAUA,kDAIA,yEAUA,uCAIA,yCAIA,yCCrCA,wFAMA,+BAIA,2DAKA,gGAQA,oCAIA,yDC3BA,+KAUA,4BAIA,0BCdA,yBAIA,yLAYA,sBACI,8KASA,gDAIA,4FAKJ,6LAWA,sBACI,6DAKJ,+GAMA,gGAOA,sBACI,+BAKJ,8BAIA,uRAgBA,sBACI,gGAKJ,qIAQA,sBACI,oEAOJ,4CAIA,sBACI,iGAIA,qFAKJ,wKAOA,oFAIA,iDAKA,gDAIA,sDAIA,0DAIA,oKAOA,iJAKA,sBACI,sGAOA,wFAKA,uFAMJ,6DAMA,oLAUA,qHAKA,uEAIA,uHAOA,iCAIA,8EAIA,8EAKA,6CAIA,4LC3OA,sCAMA,yCAIA,0BAIA,2BCdA,+CAMA,sDAIA,qEAIA,qCAIA,uEAKA,6DCvBA,uNAeA,2IASA,gNAUA,sBACI,4CAKJ,uBACI,yCAKJ,6DAMA,iJASA,sBACI,oHAOJ,iDAIA,0CAIA,0CAKA,mCAIA,kCCtFA,qIAUA,uMASA,yFAQA,kCAIA,yEAKA,2ICpCA,2KAYA,qFAKA,8CAIA,sBACI,8DAMJ,8JASA,8FAMA,2DC3CA,8DAQA,+BAIA,oDAIA,+BAIA,mFAIA,mGAKA,iOAYA,sBACI,sKAYA,yCAIA,4HAWA,2DAOA,8DAMJ,yJASA,4JASA,wCAIA,0EAOA,mGAWA,qCAIA,uMAYA,sBACI,iCAKJ,sHChJA,kEAMA,yCAIA,sBACI,2CAKJ,8MAUA,sBACI,+HAQJ,mNAaA,4GAUA,6QAcA,iEAMA,iGAQA,sBACI,sGAMJ,yJAWA,sBACI,wDAMJ,gDAMA,sBACI,mCAKJ,oEAQA,2EAKA,qEAMA,0GC9IA,2CCAA,oDAIA,0GASA,2IAOA,sBACI,yDAMJ,2IAQA,uCCnCA,wCCAA,iIAQA,wDAIA,iDCZA,8CCAA,6CAIA,kNAuBA,6CAIA,8CAIA,8CAIA,8CAIA,8CAIA,8CAIA,8CAIA,8CAIA,8CAIA,+CAIA,+CAIA,iDAKA,+BAIA,wLAWA,sBACI,2CAKJ,2IASA,sBACI,qFAMJ,kPAYA,0CAIA,iDCjIA,sNAgBA,kEAIA,sBACI,oDAOJ,iGASA,sBACI,wEAOJ,mKAYA,2HAQA,+FAKA,4CAIA,kCAIA,mEAKA,sBACI,kGAMJ,6DAOA,iEAIA,sBACI,sEAMA,gEAKJ,wFASA,iFASA,sBACI,yFAOA,wDAKJ,0DAKA,sBACI,mFAMJ,0HASA,yFASA,sBACI,yDAKJ,gKASA,sBACI,0DAKJ,0EAQA,uDAMA,2XAeA,sBACI,qEAKJ,qDAMA,wDAIA,kDAIA,+DCpPA,0CAIA,oFAMA,4HAQA,6EAKA,2GASA,sBACI,+DAMJ,8LAUA,mTAaA,sBACI,0FAMJ,iGASA,oTAcA,sBACI,mGC7FJ,6EAIA,gCAIA,+HAQA,qEAIA,iHAOA,qFAKA,sBACI,yLASJ,qFC1CA,yJAWA,sBACI,mCAKJ,gDAMA,sBACI,mCCxBJ,+BAIA,8NAcA,0BAIA,mPAiBA,qEAIA,kFAIA,+GAIA,6GCnDA,6OAaA,sBACI,2BAKJ,iFCnBA,qEAMA,4CAIA,wEAKA,0RAaA,8FAIA,0EAIA,qIAKA,qHAKA,uECTA,uCAMA,oBAIA,kMAWA,mEAIA,mFAUA,sBAIA,sBACI,yBAKJ,sBACI,2BAKJ,6FAUA,+EAUA,uMAUA","sources":["stylesheets/application.css","src/assets/stylesheets/utils/flow.css","src/assets/stylesheets/utils/variables.css","src/assets/stylesheets/utils/fonts.css","src/assets/stylesheets/utils/animations.css","src/assets/stylesheets/components/alerts.css","src/assets/stylesheets/components/avatars.css","src/assets/stylesheets/components/anchors.css","src/assets/stylesheets/components/buttons.css","src/assets/stylesheets/components/cards.css","src/assets/stylesheets/components/forms.css","src/assets/stylesheets/components/groupnavs.css","src/assets/stylesheets/components/header.css","src/assets/stylesheets/components/icons.css","src/assets/stylesheets/components/illustrations.css","src/assets/stylesheets/components/stickers.css","src/assets/stylesheets/components/layout.css","src/assets/stylesheets/components/lines.css","src/assets/stylesheets/components/lists.css","src/assets/stylesheets/components/modal.css","src/assets/stylesheets/components/paragraphs.css","src/assets/stylesheets/components/pagination.css","src/assets/stylesheets/components/popup.css","src/assets/stylesheets/components/sections.css","src/assets/stylesheets/components/titles.css","src/assets/stylesheets/custom/collections.css","src/assets/stylesheets/custom/collections-selector.css","src/assets/stylesheets/custom/feeds.css","src/assets/stylesheets/custom/form-avatar.css","src/assets/stylesheets/custom/groups.css","src/assets/stylesheets/custom/links.css","src/assets/stylesheets/custom/messages.css","src/assets/stylesheets/custom/news.css","src/assets/stylesheets/custom/profiles.css","src/assets/stylesheets/custom/reading-nav.css","src/assets/stylesheets/custom/share.css","src/assets/stylesheets/custom/topics-selector.css","src/assets/stylesheets/application.css"],"sourcesContent":[".flow > * + * {\n  margin-top: var(--space-medium);\n}\n\n.flow--smaller > * + * {\n  margin-top: var(--space-smaller);\n}\n\n.flow--small > * + * {\n  margin-top: var(--space-small);\n}\n\n.flow--large > * + * {\n  margin-top: var(--space-large);\n}\n\n.flow--larger > * + * {\n  margin-top: var(--space-larger);\n}\n\n:root {\n  --color-white: #fdfcff;\n  --color-grey-1: #efeff8;\n  --color-grey-2: #cfcedb;\n  --color-grey-3: #aeadbe;\n  --color-grey-4: #8e8ca1;\n  --color-grey-5: #7e7c92;\n  --color-grey-6: #6e6d81;\n  --color-grey-7: #4f4e5e;\n  --color-grey-8: #2f2e3b;\n  --color-grey-9: #100f18;\n  --color-purple-1: #eeebfb;\n  --color-purple-2: #ccc4f3;\n  --color-purple-3: #aa9deb;\n  --color-purple-4: #8876e3;\n  --color-purple-5: #7762df;\n  --color-purple-6: #6856c3;\n  --color-purple-7: #4a3d8b;\n  --color-purple-8: #2d2554;\n  --color-purple-9: #0f0c1c;\n  --color-turquoise-1: #dff9f5;\n  --color-turquoise-2: #9fede0;\n  --color-turquoise-3: #60e2cc;\n  --color-turquoise-4: #20d6b7;\n  --color-turquoise-5: #00d0ad;\n  --color-turquoise-6: #00b697;\n  --color-turquoise-7: #00826c;\n  --color-turquoise-8: #004e41;\n  --color-turquoise-9: #001a16;\n  --color-orange-1: #fff1e7;\n  --color-orange-2: #ffdcc3;\n  --color-orange-3: #ffcca7;\n  --color-orange-4: #ffb381;\n  --color-orange-5: #fa934e;\n  --color-orange-6: #f76808;\n  --color-orange-7: #ed5f00;\n  --color-orange-8: #bd4b00;\n  --color-orange-9: #451e11;\n  --color-red-1: #f9dfe4;\n  --color-red-2: #ed9fad;\n  --color-red-3: #e26076;\n  --color-red-4: #d6203f;\n  --color-red-5: #d00023;\n  --color-red-6: #b6001f;\n  --color-red-7: #820016;\n  --color-red-8: #4e000d;\n  --color-red-9: #1a0004;\n  --size-base: calc(1.6em + .5vw);\n  --size-smaller: .75em;\n  --size-small: .85em;\n  --size-normal: 1em;\n  --size-large: 1.2em;\n  --space-base: 2rem;\n  --space-smaller: calc(var(--space-base) / 4);\n  --space-small: calc(var(--space-base) / 2);\n  --space-medium: var(--space-base);\n  --space-large: calc(var(--space-base) * 2);\n  --space-larger: calc(var(--space-base) * 4);\n  --font-family-text: \"Open Sans\", \"-apple-system\", \"BlinkMacSystemFont\", \"Segoe UI\", \"Roboto\", \"Oxygen-Sans\", \"Ubuntu\", \"Cantarell\", \"Helvetica Neue\", \"sans-serif\";\n  --font-family-title: \"Comfortaa\", \"sans-serif\";\n  --color-back-error: var(--color-red-1);\n  --color-back-info: var(--color-purple-1);\n  --color-back-success: var(--color-turquoise-1);\n  --color-back-warning: var(--color-orange-1);\n  --color-border: var(--color-grey-6);\n  --color-border-active: var(--color-turquoise-5);\n  --color-border-disabled: var(--color-grey-3);\n  --color-border-error: var(--color-red-5);\n  --color-border-info: var(--color-purple-5);\n  --color-border-success: var(--color-turquoise-6);\n  --color-border-search: var(--color-grey-3);\n  --color-border-warning: var(--color-orange-2);\n  --color-text: var(--color-purple-9);\n  --color-text-error: var(--color-red-6);\n  --color-text-info: var(--color-purple-6);\n  --color-text-secondary: var(--color-grey-7);\n  --color-text-success: var(--color-turquoise-7);\n  --color-text-warning: var(--color-orange-9);\n  --width-border: .2rem;\n  --width-border-bold: .3rem;\n  --radius: .75rem;\n  --radius-button: 3rem;\n  --color-body: var(--color-turquoise-1);\n  --color-link: var(--color-purple-6);\n  --width-content: 1100px;\n  --height-header: 6rem;\n  --height-separator: var(--width-border);\n}\n\n@media (width >= 48em) {\n  :root {\n    --size-base: 2.2em;\n  }\n}\n\n@font-face {\n  font-family: Comfortaa;\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(Comfortaa), url(\"../comfortaa-v28-latin-700.779733df.woff2\") format(\"woff2\"), url(\"../comfortaa-v28-latin-700.b5ffad37.woff\") format(\"woff\");\n}\n\n@font-face {\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: local(Open Sans Regular), local(OpenSans-Regular), url(\"../open-sans-v17-latin-regular.6de481cb.woff2\") format(\"woff2\"), url(\"../open-sans-v17-latin-regular.ffb6cdf9.woff\") format(\"woff\");\n}\n\n@font-face {\n  font-family: Open Sans;\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: local(Open Sans Italic), local(OpenSans-Italic), url(\"../open-sans-v17-latin-italic.3a64a403.woff2\") format(\"woff2\"), url(\"../open-sans-v17-latin-italic.b3b72514.woff\") format(\"woff\");\n}\n\n@font-face {\n  font-family: Open Sans;\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: local(Open Sans Bold), local(OpenSans-Bold), url(\"../open-sans-v17-latin-700.eb066dac.woff2\") format(\"woff2\"), url(\"../open-sans-v17-latin-700.8eb597cd.woff\") format(\"woff\");\n}\n\n@font-face {\n  font-family: Open Sans;\n  font-style: italic;\n  font-weight: 700;\n  font-display: swap;\n  src: local(Open Sans Bold Italic), local(OpenSans-BoldItalic), url(\"../open-sans-v17-latin-700italic.6fb5136d.woff2\") format(\"woff2\"), url(\"../open-sans-v17-latin-700italic.ff637321.woff\") format(\"woff\");\n}\n\n.spinner {\n  background-color: var(--color-purple-6);\n  border-radius: 100%;\n  width: 40px;\n  height: 40px;\n  margin: 30px auto;\n  animation: 1s ease-in-out infinite sk-scaleout;\n}\n\n@-webkit-keyframes sk-scaleout {\n  0% {\n    -webkit-transform: scale(0);\n  }\n\n  100% {\n    opacity: 0;\n    -webkit-transform: scale(1);\n  }\n}\n\n@keyframes sk-scaleout {\n  0% {\n    transform: scale(0);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(1);\n  }\n}\n\n.alert {\n  margin-top: var(--space-small);\n  margin-bottom: var(--space-large);\n  padding: var(--space-medium);\n  padding-left: calc(4.7rem + 2 * var(--space-small));\n  background-repeat: no-repeat;\n  background-position: left var(--space-small) top var(--space-small);\n  border-width: var(--width-border-bold);\n  border-radius: var(--radius);\n  background-size: 5rem;\n  border-style: solid;\n}\n\n.alert--info {\n  background-color: var(--color-back-info);\n  border-color: var(--color-border-info);\n  background-image: url(\"../info-purple.513e23fd.svg\");\n}\n\n.alert--success {\n  background-color: var(--color-back-success);\n  border-color: var(--color-border-success);\n  background-image: url(\"../success-green.1fdc777e.svg\");\n}\n\n.alert--error {\n  background-color: var(--color-back-error);\n  border-color: var(--color-border-error);\n  background-image: url(\"../error-red.06d175ba.svg\");\n}\n\n.alert__title {\n  font-weight: bold;\n}\n\n.alert--info .alert__title {\n  color: var(--color-text-info);\n}\n\n.alert--success .alert__title {\n  color: var(--color-text-success);\n}\n\n.alert--error .alert__title {\n  color: var(--color-text-error);\n}\n\n.alert__message {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.avatar {\n  vertical-align: middle;\n  background-color: var(--color-white);\n  border: 2px solid var(--color-turquoise-5);\n  border-radius: 50%;\n  width: 5rem;\n}\n\n.avatar--banner {\n  margin-right: auto;\n  margin-bottom: var(--space-medium);\n  border-width: 4px;\n  width: 15rem;\n  height: 15rem;\n  margin-left: auto;\n  display: block;\n}\n\na {\n  color: inherit;\n  text-decoration: underline .1em;\n  transition: color .3s ease-in-out, border-color .3s ease-in-out;\n}\n\na:hover, a:focus {\n  color: var(--color-link);\n}\n\n.anchor--discreet, .anchor--hidden {\n  text-decoration: none;\n}\n\n.anchor--hidden:hover, .anchor--hidden:focus {\n  color: initial;\n}\n\n.anchor--inverted {\n  color: var(--color-white);\n}\n\n.anchor--inverted:hover, .anchor--inverted:focus {\n  color: var(--color-purple-2);\n}\n\n.anchor--action {\n  padding: var(--space-smaller) var(--space-medium);\n  border-radius: var(--radius-button);\n  border: .1em solid;\n  line-height: 1.5;\n  text-decoration: none;\n  display: inline-block;\n}\n\n.anchor--action.icon {\n  padding-left: 2.3em;\n}\n\nbutton, .button {\n  padding: var(--space-small) var(--space-medium);\n  color: var(--color-text);\n  font-family: inherit;\n  font-size: var(--size-normal);\n  background-color: var(--color-grey-1);\n  border: var(--width-border) solid var(--color-grey-3);\n  border-radius: var(--radius-button);\n  cursor: pointer;\n  line-height: 1.5;\n  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;\n  display: inline-block;\n}\n\nbutton:hover, button:focus, .button:hover, .button:focus {\n  background-color: var(--color-white);\n}\n\nbutton:focus, button:active, .button:focus, .button:active {\n  border-color: var(--color-border-active);\n}\n\n.button--primary {\n  background-color: var(--color-turquoise-3);\n  border-color: var(--color-text);\n}\n\n.button--primary:hover, .button--primary:focus {\n  background-color: var(--color-turquoise-1);\n}\n\n.button--ghost {\n  background-color: #0000;\n  border-color: #0000;\n}\n\n.button--ghost:hover {\n  border-color: var(--color-grey-2);\n  background-color: #0000;\n}\n\n.button--ghost:focus {\n  border-color: var(--color-border-active);\n  background-color: #0000;\n}\n\n.button--danger {\n  background-color: var(--color-red-1);\n  border-color: var(--color-red-5);\n}\n\n.button--danger:hover, .button--danger:focus {\n  background-color: var(--color-red-2);\n  border-color: var(--color-red-2);\n}\n\n.button--large {\n  padding-right: var(--space-large);\n  padding-left: var(--space-large);\n  font-size: var(--size-large);\n}\n\n.button--small {\n  padding: var(--space-smaller) var(--space-medium);\n}\n\n.button--smaller {\n  padding: var(--space-smaller);\n  line-height: 1.3;\n}\n\n.cards {\n  padding: var(--space-smaller);\n  flex-wrap: wrap;\n  display: flex;\n}\n\n.cards--in-column {\n  flex-direction: column;\n}\n\n.cards--centered {\n  justify-content: center;\n}\n\n.card {\n  margin-bottom: var(--space-medium);\n  box-shadow: 0 1px 4px 1px var(--color-grey-2);\n  flex-direction: column;\n  flex-grow: 1;\n  width: 100%;\n  max-width: 100%;\n  transition: background-color .5s ease-in-out, box-shadow .5s ease-in-out;\n  display: flex;\n  position: relative;\n}\n\n.card:focus-within {\n  box-shadow: 0 1px 4px 1px var(--color-purple-2);\n}\n\n@media (width >= 800px) {\n  .card {\n    margin-left: 1%;\n    margin-right: 1%;\n  }\n\n  .card:not(.card--fluid) {\n    max-width: 31%;\n  }\n}\n\n.card--shadow {\n  background-color: var(--color-grey-1);\n  box-shadow: none;\n}\n\n.card--shadow:focus-within {\n  box-shadow: none;\n}\n\n.card--showcase {\n  padding: var(--space-small);\n  text-align: center;\n  box-shadow: none;\n  justify-content: center;\n  align-items: center;\n}\n\n.card--action {\n  background: linear-gradient(135deg, var(--color-purple-5), var(--color-turquoise-5));\n  justify-content: center;\n  align-items: stretch;\n  padding: 3px;\n}\n\n@media (width >= 800px) {\n  .card--action:nth-child(2) {\n    background: linear-gradient(180deg, #3d97c7, var(--color-turquoise-5));\n  }\n\n  .card--action:nth-child(3) {\n    background: linear-gradient(225deg, var(--color-purple-5), var(--color-turquoise-5));\n  }\n}\n\n.card--illustrated {\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  min-height: 150px;\n}\n\n.card--illustrated-alt {\n  background-color: var(--color-purple-5);\n  border: 4px solid #0000;\n}\n\n.card--illustrated-alt:hover, .card--illustrated-alt:focus-within {\n  background-color: var(--color-turquoise-5);\n}\n\n.card__button {\n  padding: var(--space-medium) var(--space-small);\n  background-color: var(--color-purple-1);\n  border: none;\n  border-radius: 0;\n  flex: 1;\n  min-height: 150px;\n}\n\n@media (width >= 800px) {\n  .card__button--link {\n    min-height: 300px;\n  }\n}\n\n.card__image {\n  width: 100%;\n  min-height: 156px;\n  display: block;\n}\n\n.card__image-overlay {\n  top: var(--space-smaller);\n  left: var(--space-smaller);\n  padding: 0 var(--space-small);\n  font-size: var(--size-small);\n  text-align: left;\n  opacity: .8;\n  background-color: var(--color-purple-1);\n  border-radius: var(--radius);\n  border: none;\n  font-style: italic;\n  position: absolute;\n}\n\n.card__image-overlay--warning {\n  color: var(--color-text-warning);\n  opacity: 1;\n  background-color: var(--color-back-warning);\n}\n\n.card__image-overlay--warning:hover, .card__image-overlay--warning:focus {\n  background-color: var(--color-back-warning);\n}\n\n.card__image-overlay--right {\n  right: var(--space-smaller);\n  left: auto;\n}\n\n.card__body {\n  padding: var(--space-small);\n  background-color: var(--color-white);\n  flex-grow: 1;\n}\n\n.card--illustrated .card__body {\n  padding-top: calc(25px + var(--space-small));\n  color: var(--color-white);\n  text-shadow: -1px 1px 1px var(--color-purple-8), 1px 1px 1px var(--color-purple-8), 1px -1px 0 var(--color-purple-8), -1px -1px 0 var(--color-purple-8);\n  background-color: #0000004d;\n  background-image: linear-gradient(#0000 0, #0006 25px, #0009 45px, #000c);\n  text-decoration: none;\n  transition: background-color .3s ease-in-out;\n}\n\n.card--illustrated .card__body--large {\n  padding-top: calc(70px + var(--space-small));\n  background-image: linear-gradient(#0000 30px, #0006 70px, #0009 90px, #000c);\n}\n\n.card--illustrated .card__body--larger {\n  padding-top: calc(156px + var(--space-small));\n  background-image: linear-gradient(#0000 110px, #0006 150px, #0009 170px, #000c);\n}\n\n.card--illustrated-alt .card__body {\n  background-image: none;\n}\n\n.card--illustrated a.card__body:hover, .card--illustrated a.card__body:focus {\n  color: var(--color-white);\n  background-color: #0000;\n}\n\n.card--illustrated-alt a.card__body:hover, .card--illustrated-alt a.card__body:focus {\n  background-color: #0000004d;\n}\n\n.card--illustrated .sticker {\n  text-shadow: none;\n}\n\n.card__title {\n  margin-top: 0;\n  margin-bottom: var(--space-medium);\n  font-size: var(--size-normal);\n  font-weight: bold;\n  line-height: 1.25;\n}\n\n.card__title a {\n  text-decoration: none;\n  display: block;\n}\n\n.card__title-ellipsis {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.card__text {\n  margin-top: var(--space-small);\n  margin-bottom: var(--space-small);\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n  overflow-wrap: anywhere;\n}\n\n.card--illustrated .card__text {\n  color: var(--color-white);\n  opacity: .8;\n}\n\n.card__text--oneline {\n  white-space: nowrap;\n  align-items: baseline;\n  display: flex;\n}\n\n.card__text--extend {\n  flex: 1;\n}\n\n.card__ellipsis {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.card__footer {\n  padding: var(--space-small);\n  background-color: var(--color-purple-1);\n  background-image: linear-gradient(to right, var(--color-purple-2), var(--color-purple-3), var(--color-purple-2));\n  box-shadow: 0 -1px 2px 0 var(--color-purple-1);\n  background-position: 0 100%;\n  background-repeat: repeat-x;\n  background-size: 100% 3px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n\n.card--illustrated .card__footer {\n  color: var(--color-white);\n  box-shadow: none;\n  background-color: #000000e6;\n  background-image: none;\n}\n\n.card--illustrated .card__footer button {\n  color: var(--color-white);\n  background-color: var(--color-grey-9);\n  border-color: var(--color-grey-5);\n}\n\n.card--illustrated .card__footer button:hover {\n  background-color: var(--color-grey-8);\n}\n\n.card__footer--centered {\n  justify-content: center;\n}\n\n.card__footer-group {\n  align-items: center;\n  display: flex;\n}\n\n.card__footer-group > * + * {\n  margin-left: var(--space-small);\n}\n\n.form--centered {\n  text-align: center;\n}\n\n.form--danger {\n  margin-top: var(--space-larger);\n  padding: var(--space-medium);\n  text-align: right;\n  background-color: var(--color-red-1);\n}\n\nlabel {\n  margin-bottom: var(--space-small);\n  padding-right: var(--space-small);\n  padding-left: var(--space-small);\n  display: block;\n}\n\n.label--checkbox, .label--radio {\n  margin-bottom: 0;\n}\n\n.label__help {\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n}\n\ninput, textarea {\n  padding: var(--space-small);\n  color: inherit;\n  font-family: inherit;\n  font-size: var(--size-normal);\n  background-color: var(--color-white);\n  box-shadow: 2px 2px 4px var(--color-grey-2) inset;\n  border: var(--width-border) solid var(--color-border);\n  border-radius: var(--radius);\n  width: 100%;\n  line-height: 1.5;\n  transition: border-color .2s ease-in-out;\n}\n\ntextarea {\n  max-width: 100%;\n  min-height: 15rem;\n}\n\n.input--number-3 {\n  width: 8rem;\n}\n\ninput[type=\"checkbox\"], input[type=\"radio\"] {\n  clip: rect(0, 0, 0, 0);\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n}\n\ninput[type=\"checkbox\"] + label, input[type=\"radio\"] + label {\n  align-items: baseline;\n  display: inline-flex;\n  position: relative;\n}\n\ninput[type=\"checkbox\"] + label:before, input[type=\"radio\"] + label:before {\n  content: \" \";\n  margin-right: var(--space-small);\n  background-color: var(--color-white);\n  border: var(--width-border) solid var(--color-border);\n  border-radius: .5rem;\n  flex-shrink: 0;\n  width: 2.5rem;\n  height: 2.5rem;\n  transition: border-color .2s ease-in-out, background-color .2s ease-in-out;\n  position: relative;\n  top: .5rem;\n}\n\ninput[type=\"radio\"] + label:before {\n  border-radius: 50%;\n}\n\ninput[type=\"checkbox\"]:hover + label:before, input[type=\"checkbox\"]:focus + label:before, input[type=\"radio\"]:hover + label:before, input[type=\"radio\"]:focus + label:before {\n  background-color: var(--color-turquoise-1);\n  border-color: var(--color-turquoise-6);\n}\n\ninput[type=\"checkbox\"]:focus + label:before {\n  outline: var(--width-border-bold) solid var(--color-purple-4);\n}\n\ninput[type=\"checkbox\"]:checked + label:before, input[type=\"radio\"]:checked + label:before {\n  background-color: var(--color-turquoise-3);\n  border-color: var(--color-turquoise-8);\n}\n\ninput[type=\"checkbox\"]:checked + label:after, input[type=\"radio\"]:checked + label:after {\n  content: \"\";\n  border-bottom: var(--width-border) solid var(--color-text);\n  border-left: var(--width-border) solid var(--color-text);\n  width: 1.5rem;\n  height: .75rem;\n  position: absolute;\n  top: 1.2rem;\n  left: 1.5rem;\n  transform: rotate(-45deg);\n}\n\ninput[type=\"radio\"]:checked + label:after {\n  background-color: var(--color-text);\n  border-top: var(--width-border) solid var(--color-text);\n  border-right: var(--width-border) solid var(--color-text);\n  border-radius: 50%;\n  height: 1.5rem;\n  top: 1rem;\n}\n\n.form-group--invalid input, .form-group--invalid textarea {\n  border-color: var(--color-border-error);\n}\n\ninput:focus, textarea:focus {\n  border-color: var(--color-border-active);\n}\n\nselect {\n  padding: var(--space-small);\n  color: inherit;\n  font-family: inherit;\n  font-size: var(--size-normal);\n  text-overflow: ellipsis;\n  background-color: var(--color-grey-1);\n  border: var(--width-border) solid var(--color-border);\n  border-radius: var(--radius);\n  width: 100%;\n  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;\n}\n\n@media (width >= 800px) {\n  select {\n    width: auto;\n    min-width: 50%;\n  }\n}\n\nselect:not([multiple]) {\n  appearance: none;\n  background-image: url(\"../angle-down.8d3ef7ca.svg\");\n  background-position: right .75rem top 58%;\n  background-repeat: no-repeat;\n  background-size: 2.5rem;\n  padding-right: 3.5rem;\n}\n\nselect:not([disabled]):hover, select:not([disabled]):focus {\n  background-color: var(--color-turquoise-1);\n}\n\nselect:not([disabled]):focus {\n  border-color: var(--color-border-active);\n}\n\nselect[disabled] {\n  color: var(--color-text-secondary);\n  border-color: var(--color-border-disabled);\n}\n\nfieldset {\n  margin-top: var(--space-medium);\n  margin-bottom: var(--space-medium);\n  padding: var(--space-small);\n  background-image: linear-gradient(to bottom, var(--color-grey-1), var(--color-purple-1));\n  box-shadow: 1px 1px 1px var(--color-purple-2);\n  border-radius: var(--radius);\n  border: none;\n  min-width: auto;\n}\n\n@media (width >= 1100px) {\n  fieldset {\n    padding: var(--space-medium);\n  }\n}\n\nlegend {\n  padding: var(--space-smaller) var(--space-small);\n  background-color: var(--color-grey-1);\n  border-radius: var(--radius);\n}\n\n.fieldset__caption {\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n  padding-left: .5em;\n  padding-right: .5em;\n}\n\n.form-group {\n  margin-bottom: var(--space-medium);\n}\n\n.form-group__stack {\n  align-items: center;\n  display: flex;\n}\n\n.form-group__stack > * + * {\n  margin-left: var(--space-smaller);\n}\n\n.form-group__stack > button {\n  flex-shrink: 0;\n}\n\n.form-group__caption {\n  margin-top: var(--space-smaller);\n  margin-bottom: var(--space-smaller);\n  padding-right: var(--space-small);\n  padding-left: var(--space-small);\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n}\n\n.form-group__caption--alt {\n  padding-left: calc(2 * var(--space-small)  + 2.5rem);\n  margin-top: 0;\n}\n\n.form-group__caption--alt:before {\n  content: \"➜\";\n}\n\n.form-group__error {\n  margin-top: var(--space-small);\n  margin-bottom: var(--space-small);\n  padding-right: var(--space-small);\n  padding-left: calc(var(--space-small)  + 1.75em);\n  color: var(--color-text-error);\n  font-size: var(--size-small);\n  background-image: url(\"../error-red.06d175ba.svg\");\n  background-repeat: no-repeat;\n  background-position: left var(--space-small) center;\n  background-size: 1.5em;\n  font-weight: bold;\n}\n\n.form__actions {\n  margin-bottom: var(--space-medium);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.form__actions > * + * {\n  margin-top: var(--space-medium);\n}\n\n@media (width >= 800px) {\n  .form__actions {\n    flex-direction: row-reverse;\n  }\n\n  .form__actions > * + * {\n    margin-top: 0;\n  }\n}\n\n.form-details {\n  margin-bottom: var(--space-medium);\n  padding-left: var(--space-small);\n}\n\n.form-details summary {\n  padding: var(--space-smaller) var(--space-small);\n  cursor: pointer;\n}\n\n.form-details__content {\n  padding-top: var(--space-small);\n  padding-bottom: var(--space-small);\n}\n\n@media (width >= 800px) {\n  .form-details__content {\n    padding: var(--space-medium);\n  }\n}\n\n.form-group--terms {\n  padding: var(--space-medium);\n  background-color: var(--color-purple-1);\n  border-radius: var(--radius);\n}\n\n.form-group--terms .form-group__caption {\n  margin-top: 0;\n}\n\n.groupnav {\n  margin-top: var(--space-large);\n  margin-bottom: var(--space-large);\n}\n\n.groupnav__title {\n  max-width: 50ch;\n  margin: 2rem auto;\n  font-size: 1em;\n  font-weight: bold;\n}\n\n.groupnav__container {\n  max-width: 50ch;\n  margin: 0 auto;\n  padding: 0;\n  list-style: none;\n}\n\n.groupnav__item {\n  border: .2rem solid var(--color-purple-5);\n}\n\n.groupnav__item + .groupnav__item {\n  border-top: none;\n}\n\n.groupnav__anchor, .groupnav__button {\n  padding: var(--space-medium);\n  color: var(--color-text);\n  text-decoration: none;\n  transition: background-color .3s ease-in-out, color .3s ease-in-out;\n  display: block;\n}\n\n.groupnav__anchor {\n  background-position: 1rem;\n  background-repeat: no-repeat;\n  padding-left: 6rem;\n}\n\n.groupnav__button {\n  text-align: left;\n  cursor: pointer;\n  background-color: #0000;\n  background-position: 1rem;\n  background-repeat: no-repeat;\n  border: none;\n  border-radius: 0;\n  width: 100%;\n  padding-left: 6rem;\n  font-size: 1em;\n}\n\n.groupnav__anchor:hover, .groupnav__anchor:focus, .groupnav__button:hover, .groupnav__button:focus {\n  color: var(--color-purple-6);\n  background-color: var(--color-purple-1);\n}\n\n.groupnav__item--featured .groupnav__anchor, .groupnav__item--featured .groupnav__button {\n  color: var(--color-purple-6);\n  font-weight: bold;\n}\n\n.groupnav__item--validate .groupnav__anchor, .groupnav__item--create .groupnav__button {\n  background-image: url(\"../check.1fae1ce5.svg\");\n}\n\n.groupnav__item--subscription .groupnav__anchor {\n  background-image: url(\"../credit-card.5e96e736.svg\");\n}\n\n.groupnav__item--mastodon .groupnav__anchor {\n  background-image: url(\"../mastodon.093a36a5.svg\");\n  background-size: 36px 36px;\n}\n\n.groupnav__item--import .groupnav__anchor {\n  background-image: url(\"../upload.f1e46b46.svg\");\n}\n\n.groupnav__item--data .groupnav__anchor {\n  background-image: url(\"../backup.9b6b1a14.svg\");\n}\n\n.groupnav__item--credentials .groupnav__anchor {\n  background-image: url(\"../key.b5746357.svg\");\n}\n\n.groupnav__item--sessions .groupnav__anchor {\n  background-image: url(\"../connect.64f3f7c4.svg\");\n}\n\n.groupnav__item--delete .groupnav__anchor {\n  background-image: url(\"../trash.168388e5.svg\");\n}\n\n.groupnav__item--about .groupnav__anchor {\n  background-image: url(\"../info.194ce779.svg\");\n}\n\n.groupnav__item--whats-new .groupnav__anchor {\n  background-image: url(\"../bundle.aa8686d4.svg\");\n}\n\n.groupnav__item--onboarding .groupnav__anchor {\n  background-image: url(\"../undo.616c5faa.svg\");\n}\n\n.groupnav__item:first-child, .groupnav__item:first-child .groupnav__anchor, .groupnav__item:first-child .groupnav__button {\n  border-top-left-radius: 1rem;\n  border-top-right-radius: 1rem;\n}\n\n.groupnav__item:last-child, .groupnav__item:last-child .groupnav__anchor, .groupnav__item:last-child .groupnav__button {\n  border-bottom-right-radius: 1rem;\n  border-bottom-left-radius: 1rem;\n}\n\n.header__container {\n  max-width: var(--width-content);\n  align-items: stretch;\n  height: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  display: flex;\n}\n\n.header__container--centered {\n  align-items: center;\n}\n\n.header__container > * + * {\n  margin-left: var(--space-smaller);\n}\n\n@media (width >= 800px) {\n  .header__container > * + * {\n    margin-left: var(--space-small);\n  }\n}\n\n.header__separator {\n  flex: 1;\n}\n\n.header__avatar-container {\n  align-self: center;\n}\n\n.header__avatar {\n  cursor: pointer;\n}\n\n.header__link {\n  padding: var(--space-medium) var(--space-large);\n}\n\n.header__link:focus {\n  outline-offset: -.3rem;\n}\n\n.header__action {\n  margin: var(--space-smaller);\n  padding: var(--space-small);\n  font-size: var(--size-small);\n  text-align: center;\n  background-color: var(--color-turquoise-4);\n  border: var(--width-border) solid currentcolor;\n  border-radius: var(--radius-button);\n  align-self: center;\n  text-decoration: none;\n}\n\n@media (width >= 800px) {\n  .header__action {\n    padding-top: var(--space-smaller);\n    padding-bottom: var(--space-smaller);\n    width: auto;\n  }\n}\n\n.header__secondary {\n  order: -1;\n}\n\n@media (width >= 800px) {\n  .header__secondary {\n    order: 0;\n  }\n}\n\n.header__link--home {\n  padding: var(--space-smaller);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.header__locale-form {\n  padding-top: var(--space-smaller);\n  padding-bottom: var(--space-smaller);\n  flex-direction: column;\n  justify-content: center;\n  display: flex;\n}\n\n.header__locale-form label {\n  display: inline;\n}\n\n.header__locale-form .icon {\n  vertical-align: middle;\n}\n\n.header__locale-form .form-group {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.header__locale-form select {\n  width: auto;\n}\n\nsvg {\n  pointer-events: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.icon {\n  vertical-align: top;\n  fill: currentColor;\n  width: 1.5em;\n  height: auto;\n  display: inline-block;\n}\n\n.icon.spin {\n  animation: 5s linear infinite icon-spin;\n}\n\n@keyframes icon-spin {\n  from {\n    transform: rotate(0);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.icon.rotate90 {\n  transform: rotate(90deg);\n}\n\n.icon.rotate180 {\n  transform: rotate(180deg);\n}\n\n.icon.rotate270 {\n  transform: rotate(270deg);\n}\n\n.illustration {\n  margin: var(--space-larger) var(--space-large);\n  max-width: 100%;\n  display: block;\n}\n\n.illustration--figure {\n  margin: 0;\n}\n\n.illustration--centered {\n  margin-left: auto;\n  margin-right: auto;\n}\n\nfigure {\n  padding: var(--space-medium);\n  color: var(--color-text-secondary);\n  margin: 0;\n  font-style: italic;\n}\n\n.figure--centered {\n  text-align: center;\n}\n\n.figure--centered img {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.sticker {\n  padding: var(--space-smaller) var(--space-small);\n  color: var(--color-text);\n  font-size: var(--size-small);\n  background-color: var(--color-purple-2);\n  border-radius: var(--radius);\n}\n\n.sticker--right {\n  float: right;\n}\n\n.sticker--left {\n  float: left;\n}\n\n.layout {\n  min-height: 100vh;\n}\n\n.layout--connected .layout__header {\n  z-index: 100;\n  height: var(--height-header);\n  background: var(--color-turquoise-3);\n  box-shadow: 0 0 5px var(--color-grey-4);\n  width: 100%;\n  position: fixed;\n  bottom: 0;\n}\n\n@media (width >= 800px) {\n  .layout--connected .layout__header {\n    background: radial-gradient(circle at top, var(--color-turquoise-3) 60%, var(--color-turquoise-4));\n    box-shadow: none;\n    height: auto;\n    position: static;\n  }\n\n  .layout--blocked .layout__header {\n    background: none;\n  }\n\n  .layout--connected:not(.layout--blocked) .layout__header {\n    margin-bottom: var(--space-medium);\n  }\n}\n\n.layout--connected .layout__header .header__link {\n  padding: var(--space-small);\n  text-align: center;\n  border-top: .5rem solid #0000;\n  border-bottom: .5rem solid #0000;\n  width: 5.5rem;\n  text-decoration: none;\n}\n\n@media (width >= 800px) {\n  .layout--connected .layout__header .header__link {\n    width: auto;\n  }\n}\n\n.layout--connected .layout__header .header__link--active {\n  border-bottom-color: var(--color-body);\n  font-weight: bold;\n}\n\n.layout__main {\n  max-width: var(--width-content);\n  min-height: 60vh;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (width >= 800px) {\n  .layout__main {\n    margin-bottom: 0;\n  }\n}\n\n.layout__main:focus {\n  outline: 0;\n}\n\n.layout__back a {\n  padding-top: var(--space-medium);\n  padding-right: var(--space-medium);\n  padding-bottom: var(--space-medium);\n  text-overflow: ellipsis;\n  vertical-align: top;\n  white-space: nowrap;\n  outline-offset: calc(-1 * var(--width-border-bold));\n  max-width: 100%;\n  display: inline-block;\n  overflow: hidden;\n}\n\n@media (width >= 800px) {\n  .layout--connected:not(.layout--blocked) .layout__back {\n    margin-top: calc(var(--space-medium) * -1);\n  }\n}\n\n.layout__search {\n  margin-right: var(--space-smaller);\n  margin-left: var(--space-smaller);\n  padding-top: var(--space-medium);\n  position: relative;\n}\n\n@media (width >= 800px) {\n  .layout__search {\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n}\n\n.layout__back + .layout__search {\n  padding-top: 0;\n}\n\n@media (width >= 800px) {\n  .layout--connected:not(.layout--blocked) .layout__search {\n    margin-top: calc(var(--space-medium) * -1);\n  }\n\n  .layout--connected:not(.layout--blocked) .layout__back + .layout__search {\n    margin-top: 0;\n  }\n}\n\n.layout__search input[type=\"text\"] {\n  padding-right: calc(1.5em + 2 * var(--space-medium));\n  box-shadow: 0 1px 4px 1px var(--color-grey-1);\n  border-color: var(--color-border-search);\n}\n\n.layout__search input[type=\"text\"]:hover {\n  box-shadow: 0 1px 4px 1px var(--color-grey-2);\n}\n\n.layout__search button {\n  position: absolute;\n  right: 0;\n}\n\n.layout__search button:hover {\n  border-color: #0000;\n}\n\n.layout__search button .icon {\n  fill: var(--color-grey-5);\n}\n\n.layout__search button:hover .icon {\n  fill: var(--color-text);\n}\n\n.layout__content {\n  padding: var(--space-medium) var(--space-smaller) var(--space-large);\n  background-color: var(--color-white);\n  box-shadow: 0 1px 2px 1px var(--color-grey-2);\n}\n\n.layout--connected .layout__content {\n  min-height: calc(100vh - var(--height-header));\n  padding-bottom: calc(var(--height-header)  + var(--space-large));\n}\n\n@media (width >= 800px) {\n  .layout__content {\n    padding-right: var(--space-large);\n    padding-left: var(--space-large);\n    border-radius: .5rem;\n  }\n\n  .layout__content--touch-bottom {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  .layout--connected .layout__content {\n    padding-bottom: var(--space-large);\n    min-height: auto;\n  }\n}\n\n.layout__footer {\n  padding: var(--space-large);\n  text-align: center;\n}\n\n.banner__container {\n  padding: var(--space-smaller);\n  text-align: center;\n  background-color: var(--color-purple-1);\n  border-bottom: var(--width-border) solid var(--color-purple-2);\n  display: block;\n}\n\n.layout__banner--alert .banner__container {\n  background-color: var(--color-red-1);\n  border-bottom-color: var(--color-red-2);\n}\n\n.banner__container--anchor {\n  transition: background-color .3s ease-in-out;\n}\n\n.banner__container--anchor:hover, .banner__container--anchor:focus {\n  color: initial;\n  background-color: var(--color-purple-2);\n}\n\n.layout--error {\n  text-align: center;\n}\n\n.layout--error .layout__header {\n  padding: var(--space-larger) var(--space-medium);\n}\n\n.layout--error .layout__link {\n  font-size: var(--size-large);\n  text-decoration: none;\n}\n\n.layout--error .layout__main {\n  max-width: 800px;\n}\n\n.layout--error__box {\n  padding: var(--space-medium) var(--space-large);\n  color: var(--color-body);\n  text-align: left;\n  background-color: var(--color-text);\n  position: absolute;\n  left: 0;\n  right: 0;\n  overflow: auto;\n}\n\n.line {\n  align-items: center;\n  display: flex;\n}\n\n.line > * + * {\n  margin-left: var(--space-small);\n}\n\n.line__item {\n  flex-shrink: 0;\n}\n\n.line__item--extend {\n  flex: 1;\n}\n\n.list--no-style {\n  padding-left: 0;\n  list-style: none;\n}\n\n.list__item + .list__item {\n  margin-top: var(--space-small);\n}\n\n.list--spaced .list__item + .list__item {\n  margin-top: var(--space-medium);\n}\n\n.list--padded > li {\n  padding: 1.5rem 2rem;\n}\n\n.list--border {\n  border: 2px solid var(--color-grey-2);\n  border-radius: .5rem;\n}\n\n.list--border > li + li {\n  border-top: 2px solid var(--color-grey-2);\n}\n\n.modal {\n  z-index: 999;\n  visibility: hidden;\n  opacity: 0;\n  background-color: #00000080;\n  transition: visibility 0s linear .2s, opacity .2s, transform .2s;\n  position: fixed;\n  inset: 0;\n  overflow: hidden auto;\n  transform: scaleX(1.02)scaleY(1.02);\n}\n\n.modal[aria-hidden=\"false\"] {\n  visibility: visible;\n  opacity: 1;\n  transition: visibility linear, opacity .2s, transform .2s;\n  transform: scaleX(1)scaleY(1);\n}\n\n.modal__box {\n  max-width: var(--width-content);\n  margin: var(--space-medium) auto var(--space-larger);\n  background-color: var(--color-white);\n  box-shadow: 0 0 10px var(--color-grey-7);\n  scroll-margin-top: var(--space-medium);\n}\n\n@media (width >= 800px) {\n  .modal__box {\n    margin-top: var(--space-larger);\n  }\n}\n\n@media (width >= 1000px) {\n  .modal__box {\n    border-radius: var(--radius);\n  }\n}\n\n.modal__header {\n  padding: var(--space-smaller);\n  text-align: right;\n}\n\n.modal__body {\n  padding-right: var(--space-small);\n  padding-bottom: var(--space-small);\n  padding-left: var(--space-small);\n  min-height: 15rem;\n  overflow: hidden;\n}\n\n@media (width >= 800px) {\n  .modal__body {\n    padding-right: var(--space-medium);\n    padding-bottom: var(--space-medium);\n    padding-left: var(--space-medium);\n  }\n}\n\n.modal__body > .section:last-child {\n  margin-bottom: 0;\n}\n\n.modal__body .section__title {\n  margin-top: 0;\n}\n\n.modal .no-modal, .only-modal {\n  display: none;\n}\n\n.modal .only-modal {\n  display: initial;\n}\n\nbody.modal-opened {\n  overflow: hidden;\n}\n\n.paragraph--featured {\n  font-size: var(--size-large);\n  text-align: center;\n  max-width: 50ch;\n  margin-left: auto;\n  margin-right: auto;\n  font-weight: 600;\n}\n\n.paragraph--contrasted {\n  padding: var(--space-medium);\n  color: var(--color-white);\n  background-image: radial-gradient(circle at top, var(--color-purple-6) 80%, var(--color-purple-7));\n  border-radius: var(--radius);\n}\n\n.paragraph--centered {\n  text-align: center;\n  max-width: 50ch;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.text--centered {\n  text-align: center;\n}\n\n.paragraph--secondary, .text--secondary {\n  color: var(--color-text-secondary);\n}\n\n.paragraph--placeholder {\n  margin: var(--space-large) auto;\n  color: var(--color-text-secondary);\n  text-align: center;\n  max-width: 50ch;\n  font-style: italic;\n}\n\n.pagination__container {\n  padding: var(--space-smaller);\n  background-color: var(--color-purple-1);\n  border-radius: var(--radius);\n  justify-content: center;\n  list-style: none;\n  display: flex;\n}\n\n.pagination__item {\n  margin-right: var(--space-smaller);\n  margin-left: var(--space-smaller);\n}\n\n.pagination__item--disabled {\n  visibility: hidden;\n}\n\n@media (width <= 359px) {\n  .pagination__item--prev, .pagination__item--next {\n    display: none;\n  }\n}\n\n.pagination__link {\n  padding: var(--space-smaller) var(--space-small);\n  border-bottom: var(--width-border) solid transparent;\n  text-decoration: none;\n  display: inline-block;\n}\n\n.pagination__item--current .pagination__link {\n  border-bottom-color: currentColor;\n  font-weight: bold;\n}\n\n.pagination__item--prev .pagination__link {\n  text-align: right;\n}\n\n.popup {\n  text-align: left;\n  display: inline-block;\n  position: relative;\n}\n\n.popup__opener {\n  list-style: none;\n}\n\n.popup__opener::-webkit-details-marker {\n  display: none;\n}\n\n.popup__opener:focus {\n  outline: 0;\n}\n\n.popup__opener:focus > * {\n  outline: var(--width-border-bold) solid var(--color-purple-4);\n}\n\n.popup__opener:focus > .button, .popup__opener:active > .button {\n  border-color: var(--color-border-active);\n}\n\n.popup__container {\n  z-index: 100;\n  right: 0;\n  bottom: var(--height-header);\n  padding: var(--space-medium) var(--space-small);\n  background: linear-gradient(135deg, var(--color-turquoise-2) 0%, var(--color-turquoise-3) 100%);\n  position: fixed;\n  left: 0;\n}\n\n@media (width >= 800px) {\n  .popup__container {\n    font-size: var(--size-small);\n    box-shadow: 0 0 2px 0 var(--color-turquoise-6);\n    border-radius: var(--radius);\n    min-width: 27rem;\n    position: absolute;\n    bottom: auto;\n  }\n\n  .popup__container--large {\n    min-width: 31rem;\n  }\n\n  .popup__container--bottom {\n    margin-top: .5rem;\n    margin-left: auto;\n    margin-right: auto;\n    left: 50%;\n    right: auto;\n    transform: translateX(-50%);\n  }\n\n  .popup__container--left {\n    margin-top: .5rem;\n    left: auto;\n    right: 0;\n  }\n\n  .popup__container--over {\n    margin-top: -6.5rem;\n    margin-left: -1rem;\n  }\n}\n\n.popup__title {\n  margin-bottom: var(--space-smaller);\n  padding-right: var(--space-small);\n  padding-left: var(--space-small);\n  overflow-wrap: anywhere;\n  font-weight: bold;\n}\n\n.popup__separator {\n  height: var(--height-separator);\n  background-color: var(--color-turquoise-4);\n  border-radius: var(--radius);\n  margin-top: .5rem;\n  margin-bottom: .5rem;\n}\n\n.popup__item--link {\n  text-decoration: none;\n}\n\n.popup__item--link:hover, .popup__item--link:focus {\n  color: initial;\n  outline: 0;\n}\n\n.popup__item--button {\n  text-align: left;\n  background-color: #0000;\n  border: none;\n  width: 100%;\n  transition: none;\n}\n\n.popup__item--button:focus {\n  outline: 0;\n}\n\n.popup__item {\n  padding: var(--space-small);\n  border: var(--width-border) solid transparent;\n  border-radius: var(--radius);\n  transition: background-color .1s ease-in-out, border-color .1s ease-in-out;\n  display: block;\n}\n\n@media (width >= 800px) {\n  .popup__item {\n    white-space: nowrap;\n  }\n}\n\n.popup__item:hover, .popup__item:focus {\n  background-color: var(--color-turquoise-2);\n  border-color: var(--color-turquoise-5);\n}\n\n.section--small {\n  max-width: 55ch;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.section--longbottom {\n  padding-bottom: 8rem;\n}\n\n@media (width >= 800px) {\n  .section--longbottom {\n    padding-bottom: 15rem;\n  }\n}\n\n.section__image {\n  width: calc(100% + 2 * var(--space-smaller));\n  margin-top: calc(var(--space-medium) * -1);\n  margin-bottom: var(--space-medium);\n  margin-left: calc(var(--space-smaller) * -1);\n  filter: blur(.7px);\n  display: block;\n}\n\n@media (width >= 800px) {\n  .section__image {\n    width: calc(100% + 2 * var(--space-large));\n    margin-left: calc(var(--space-large) * -1);\n    border-radius: .5rem .5rem 0 0;\n  }\n}\n\n.section__title {\n  margin-top: var(--space-medium);\n  margin-bottom: var(--space-large);\n  font-family: var(--font-family-title);\n  letter-spacing: .01em;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.section__title h1 {\n  text-overflow: ellipsis;\n  margin-top: 0;\n  margin-bottom: 0;\n  display: inline-block;\n  overflow: hidden;\n}\n\n.section__title h1:after {\n  content: \"\";\n  background: linear-gradient(to right, var(--color-turquoise-4), var(--color-turquoise-6), var(--color-turquoise-4));\n  border-radius: var(--radius);\n  max-width: 75%;\n  height: .3rem;\n  margin-top: .5rem;\n  margin-left: auto;\n  margin-right: auto;\n  display: block;\n}\n\n.section__title h1 .icon {\n  vertical-align: middle;\n  margin-right: 1rem;\n}\n\n.section__intro {\n  margin: var(--space-large) auto;\n  text-align: center;\n  max-width: 50ch;\n  font-style: italic;\n}\n\n@media (width >= 800px) {\n  .section__intro {\n    margin-top: calc(var(--space-medium) * 2.5);\n    margin-bottom: calc(var(--space-medium) * 2.5);\n  }\n}\n\n.section__meta {\n  margin-right: auto;\n  margin-bottom: var(--space-medium);\n  flex-direction: column;\n  align-items: center;\n  max-width: 55ch;\n  margin-left: auto;\n  display: flex;\n}\n\n@media (width >= 800px) {\n  .section__meta {\n    flex-direction: row;\n    align-items: baseline;\n  }\n}\n\n.section__details {\n  text-align: center;\n  flex-grow: 1;\n}\n\n@media (width >= 800px) {\n  .section__details {\n    text-align: left;\n  }\n}\n\n.section__actions {\n  gap: var(--space-small);\n  flex-shrink: 0;\n  display: flex;\n}\n\n.subsection {\n  margin-top: var(--space-large);\n  margin-bottom: var(--space-large);\n}\n\n.subsection--small {\n  max-width: 55ch;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.subsection__title {\n  font-family: var(--font-family-title);\n  letter-spacing: .01em;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.title--small {\n  font-size: var(--size-normal);\n}\n\n.collection__public {\n  margin-right: var(--space-small);\n}\n\n.collection__topics {\n  text-align: center;\n  max-width: 55ch;\n  margin-left: auto;\n  margin-right: auto;\n  font-style: italic;\n}\n\n.collection__description {\n  margin: var(--space-large) auto;\n  padding-right: var(--space-smaller);\n  padding-left: var(--space-smaller);\n  max-width: 55ch;\n}\n\n@media (width >= 800px) {\n  .collection__description {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n\n.collection__number-links {\n  margin-bottom: var(--space-small);\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n  text-align: center;\n}\n\n.list--collections-others {\n  margin-top: 0;\n}\n\n.collections-selector select {\n  width: 100%;\n}\n\n.feed h2 {\n  margin-top: var(--space-larger);\n  margin-bottom: var(--space-larger);\n  font-family: var(--font-family-title);\n  text-align: center;\n}\n\n.feed__entry + .feed__entry {\n  margin-top: var(--space-large);\n}\n\n.feed__entry h3 {\n  margin-bottom: var(--space-small);\n}\n\n.form-avatar {\n  margin-bottom: var(--space-large);\n}\n\n.group + .group {\n  margin-top: var(--space-larger);\n}\n\n.group__header {\n  padding-right: var(--space-small);\n  padding-left: var(--space-small);\n  background-color: var(--color-white);\n  box-shadow: 0 2px 2px var(--color-white);\n  align-items: center;\n  display: flex;\n  position: sticky;\n  top: 0;\n}\n\n.group:first-child .group__header {\n  z-index: 20;\n}\n\n.group:nth-child(2) .group__header {\n  z-index: 19;\n}\n\n.group:nth-child(3) .group__header {\n  z-index: 18;\n}\n\n.group:nth-child(4) .group__header {\n  z-index: 17;\n}\n\n.group:nth-child(5) .group__header {\n  z-index: 16;\n}\n\n.group:nth-child(6) .group__header {\n  z-index: 15;\n}\n\n.group:nth-child(7) .group__header {\n  z-index: 14;\n}\n\n.group:nth-child(8) .group__header {\n  z-index: 13;\n}\n\n.group:nth-child(9) .group__header {\n  z-index: 12;\n}\n\n.group:nth-child(10) .group__header {\n  z-index: 11;\n}\n\n.group__icon {\n  margin-right: var(--space-smaller);\n}\n\n.group__icon, .group__header button {\n  flex-shrink: 0;\n}\n\n.group__icon .icon {\n  width: 1.3em;\n}\n\n.group__title {\n  margin-top: var(--space-medium);\n  margin-bottom: var(--space-medium);\n  font-family: var(--font-family-title);\n  font-size: var(--size-normal);\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n@media (width >= 800px) {\n  .group__title {\n    font-size: var(--size-large);\n  }\n}\n\n.group__subtitle {\n  padding-right: var(--space-small);\n  padding-left: var(--space-small);\n  font-size: var(--size-small);\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n@media (width >= 800px) {\n  .group__subtitle {\n    padding-right: var(--space-medium);\n    padding-left: var(--space-medium);\n  }\n}\n\n.group__separator {\n  margin-right: var(--space-medium);\n  margin-left: var(--space-medium);\n  background: linear-gradient(to right, var(--color-turquoise-5), var(--color-purple-5), var(--color-turquoise-5));\n  border: none;\n  border-radius: 2em;\n  flex: 1;\n  height: .3rem;\n}\n\n.group-selector__group-input {\n  display: none;\n}\n\n.group-selector__group-select select {\n  flex-grow: 1;\n}\n\n.link {\n  margin-bottom: var(--space-medium);\n  box-shadow: 0 1px 4px 1px var(--color-grey-2);\n  flex-direction: column;\n  flex-grow: 1;\n  width: 100%;\n  max-width: 100%;\n  transition: box-shadow .5s ease-in-out;\n  display: flex;\n  position: relative;\n}\n\n.link:focus-within {\n  box-shadow: 0 1px 4px 1px var(--color-purple-2);\n}\n\n@media (width >= 800px) {\n  .link {\n    max-width: 31%;\n    margin-left: 1%;\n    margin-right: 1%;\n  }\n}\n\n.link__meta {\n  padding: var(--space-smaller);\n  pointer-events: none;\n  align-items: flex-start;\n  display: flex;\n}\n\n@media (width >= 800px) {\n  .link:not(.link--compact) .link__meta {\n    position: absolute;\n    left: 0;\n    right: 0;\n  }\n}\n\n.link__meta-warning, .link__meta-date {\n  padding: 0 var(--space-small);\n  font-size: var(--size-small);\n  border-radius: var(--radius);\n  pointer-events: initial;\n  font-style: italic;\n}\n\n.link__meta-warning {\n  color: var(--color-text-warning);\n  text-align: left;\n  background-color: var(--color-back-warning);\n  border: none;\n}\n\n.link__meta-warning:hover, .link__meta-warning:focus {\n  background-color: var(--color-back-warning);\n}\n\n.link__meta-warning span {\n  white-space: nowrap;\n}\n\n.link__meta-separator {\n  flex-grow: 1;\n}\n\n.link__meta-date {\n  opacity: .8;\n  background-color: var(--color-purple-1);\n}\n\n@media (width >= 800px) {\n  .link--compact .link__meta-warning, .link--compact .link__meta-date {\n    font-size: var(--size-smaller);\n  }\n}\n\n.link__body {\n  padding: var(--space-smaller);\n  flex: 1;\n  display: flex;\n}\n\n.link__meta + .link__body {\n  margin-top: calc(-1 * var(--space-smaller));\n}\n\n@media (width >= 800px) {\n  .link:not(.link--compact) .link__body {\n    flex-direction: column;\n    padding: 0;\n  }\n\n  .link:not(.link--compact) .link__meta + .link__body {\n    margin-top: 0;\n  }\n}\n\n.link__image-container {\n  border-radius: var(--radius);\n  flex-shrink: 0;\n  width: 75px;\n  height: 75px;\n}\n\n.link__image {\n  border-radius: var(--radius);\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n@media (width >= 800px) {\n  .link:not(.link--compact) .link__image-container {\n    border-radius: 0;\n    width: 100%;\n    height: 156px;\n  }\n\n  .link:not(.link--compact) .link__image {\n    border-radius: 0;\n  }\n}\n\n.link__content {\n  margin-left: var(--space-small);\n  min-width: 0;\n}\n\n@media (width >= 800px) {\n  .link:not(.link--compact) .link__content {\n    padding: var(--space-small);\n    margin-left: 0;\n  }\n}\n\n.link__title {\n  margin-top: 0;\n  margin-bottom: var(--space-medium);\n  font-size: var(--size-normal);\n  font-weight: bold;\n  line-height: 1.25;\n}\n\n.link__title a {\n  text-overflow: ellipsis;\n  text-decoration: none;\n  display: block;\n  overflow: hidden;\n}\n\n@media (width >= 800px) {\n  .link--compact .link__title {\n    font-size: var(--size-small);\n  }\n}\n\n.link__text {\n  margin-top: var(--space-small);\n  margin-bottom: var(--space-small);\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n  overflow-wrap: anywhere;\n}\n\n@media (width >= 800px) {\n  .link--compact .link__text {\n    font-size: var(--size-smaller);\n  }\n}\n\n.link__text--oneline {\n  white-space: nowrap;\n  align-items: baseline;\n  display: flex;\n}\n\n.link__ellipsis {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.link__actions {\n  padding: var(--space-smaller);\n  background-color: var(--color-purple-1);\n  background-image: linear-gradient(to right, var(--color-purple-2), var(--color-purple-3), var(--color-purple-2));\n  box-shadow: 0 -1px 2px 0 var(--color-purple-1);\n  background-position: 0 100%;\n  background-repeat: repeat-x;\n  background-size: 100% 3px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n\n@media (width >= 800px) {\n  .link:not(.link--compact) .link__actions {\n    padding: var(--space-small);\n  }\n}\n\n.link__actions-group {\n  align-items: center;\n  display: flex;\n}\n\n.link__actions-group > * + * {\n  margin-left: var(--space-small);\n}\n\n.link__actions-button {\n  color: var(--color-purple-8);\n}\n\n.link__actions-button:hover {\n  border-color: var(--color-purple-2);\n}\n\n.message {\n  margin-bottom: var(--space-large);\n}\n\n.message__author {\n  font-size: var(--size-small);\n  overflow-wrap: anywhere;\n  font-weight: bold;\n}\n\n.message__avatar {\n  background-color: var(--color-white);\n  border: 2px solid var(--color-turquoise-5);\n  border-radius: 50%;\n  width: 5rem;\n}\n\n.message__date {\n  color: var(--color-text-secondary);\n  font-size: var(--size-small);\n}\n\n.message__content {\n  padding: var(--space-smaller);\n  text-overflow: ellipsis;\n  word-wrap: break-word;\n  overflow: hidden;\n}\n\n@media (width >= 800px) {\n  .message__content {\n    padding: var(--space-small);\n    margin-left: 5rem;\n  }\n}\n\n.message__content code {\n  padding-right: var(--space-smaller);\n  padding-left: var(--space-smaller);\n  font-size: var(--size-small);\n  background-color: var(--color-turquoise-1);\n  border-radius: var(--radius);\n}\n\n.message__content pre {\n  padding: var(--space-medium) var(--space-small);\n  color: var(--color-white);\n  background-color: var(--color-turquoise-9);\n  border-top: var(--width-border) solid var(--color-turquoise-5);\n  border-bottom: var(--width-border-bold) solid var(--color-turquoise-5);\n  border-radius: var(--radius);\n  overflow: auto;\n}\n\n@media (width >= 800px) {\n  .message__content pre {\n    padding-right: var(--space-medium);\n    padding-left: var(--space-medium);\n  }\n}\n\n.message__content pre code {\n  color: var(--color-white);\n  background-color: #0000;\n  border: none;\n  padding: 0;\n}\n\n.message__content blockquote {\n  padding: var(--space-medium) var(--space-small);\n  background-color: var(--color-turquoise-3);\n  border-radius: var(--radius);\n  background-image: url(\"../block-quote.def20ef5.svg\");\n  background-repeat: no-repeat;\n  background-size: 45px;\n  margin-left: 0;\n  margin-right: 0;\n  font-style: italic;\n}\n\n@media (width >= 800px) {\n  .message__content blockquote {\n    padding: var(--space-smaller) var(--space-larger);\n    background-size: 75px;\n  }\n}\n\n.news__refresh-button[disabled] .icon {\n  animation: 5s linear infinite icon-spin;\n}\n\n.news__source {\n  font-style: italic;\n}\n\n.news__postpone {\n  margin-top: var(--space-large);\n  padding: var(--space-medium);\n  padding-bottom: var(--space-larger);\n  text-align: center;\n}\n\n.news__postpone-popup .popup__container {\n  font-size: var(--size-normal);\n}\n\n.news__postpone-button {\n  background-color: var(--color-purple-1);\n  border-color: var(--color-purple-4);\n  font-size: 1.2em;\n}\n\n.news__source-group {\n  margin-top: var(--space-medium);\n  margin-bottom: var(--space-medium);\n}\n\n@media (width >= 800px) {\n  .news__source-group {\n    margin-left: var(--space-small);\n    padding-right: var(--space-smaller);\n    padding-left: var(--space-smaller);\n    border-left: var(--width-border-bold) solid var(--color-purple-1);\n  }\n}\n\n.news__source-title {\n  padding: var(--space-small);\n  font-size: var(--size-normal);\n  margin: 0;\n}\n\n.profile__meta {\n  margin-right: auto;\n  margin-bottom: var(--space-medium);\n  flex-direction: column;\n  align-items: center;\n  max-width: 55ch;\n  margin-left: auto;\n  display: flex;\n}\n\n@media (width >= 800px) {\n  .profile__meta {\n    flex-direction: row;\n  }\n}\n\n.profile__details {\n  text-align: center;\n  flex-grow: 1;\n}\n\n@media (width >= 800px) {\n  .profile__details {\n    text-align: left;\n  }\n}\n\n.reading-nav {\n  text-align: center;\n}\n\n.reading-nav__container {\n  margin: 0;\n  margin-bottom: var(--space-large);\n  border: var(--width-border) solid var(--color-turquoise-3);\n  border-radius: var(--radius-button);\n  align-items: stretch;\n  padding-left: 0;\n  list-style: none;\n  display: flex;\n}\n\n.reading-nav__item {\n  flex: 1;\n}\n\n.reading-nav__anchor {\n  padding: var(--space-small);\n  background-color: var(--color-turquoise-1);\n  outline-offset: -.3rem;\n  width: 100%;\n  height: 100%;\n  text-decoration: none;\n  transition: color .3s ease-in-out, background-color .3s ease-in-out;\n  display: inline-block;\n}\n\n.reading-nav__anchor:hover {\n  background-color: var(--color-turquoise-2);\n}\n\n.reading-nav__anchor[aria-current=\"page\"] {\n  background-color: var(--color-turquoise-3);\n}\n\n.reading-nav__item:first-child .reading-nav__anchor {\n  border-radius: var(--radius-button) 0 0 var(--radius-button);\n}\n\n.reading-nav__item:last-child .reading-nav__anchor {\n  border-radius: 0 var(--radius-button) var(--radius-button) 0;\n}\n\n.share {\n  margin-top: var(--space-large);\n  margin-bottom: var(--space-large);\n  padding: var(--space-small) var(--space-medium);\n  background-color: var(--color-purple-1);\n  border-radius: var(--radius);\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n@media (width >= 800px) {\n  .share {\n    flex-direction: row;\n  }\n}\n\n.share__text {\n  text-align: center;\n  word-break: break-all;\n  flex: 1;\n  font-family: monospace;\n}\n\n.topics-selector {\n  margin-bottom: var(--space-medium);\n  text-align: center;\n}\n\n.topics-selector:last-child {\n  margin-bottom: 0;\n}\n\n.topics-selector__item {\n  margin: var(--space-smaller);\n  display: inline-block;\n}\n\n.topics-selector__label {\n  padding: var(--space-small) var(--space-medium);\n  background-color: var(--color-white);\n  border: var(--width-border) solid var(--color-border);\n  border-radius: var(--radius-button);\n  margin-bottom: 0;\n  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;\n}\n\ninput[type=\"checkbox\"]:focus + .topics-selector__label {\n  box-shadow: 0 0 0 1px var(--color-purple-5);\n}\n\ninput[type=\"checkbox\"]:focus + .topics-selector__label:before {\n  box-shadow: none;\n}\n\ninput[type=\"checkbox\"]:checked + .topics-selector__label {\n  background-color: var(--color-turquoise-3);\n  border-color: var(--color-turquoise-6);\n}\n\ninput[type=\"checkbox\"]:checked + .topics-selector__label:before {\n  border-color: var(--color-turquoise-7);\n  border-color: #0000;\n}\n\ninput[type=\"checkbox\"]:checked + .topics-selector__label:after {\n  left: 2.5rem;\n}\n\n*, :before, :after {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-size: 10px;\n}\n\nbody {\n  color: var(--color-text);\n  font-family: var(--font-family-text);\n  font-size: var(--size-base);\n  background: linear-gradient(to bottom, var(--color-body), var(--color-purple-1) 420px);\n  margin: 0;\n  padding: 0;\n}\n\n:focus {\n  outline: var(--width-border-bold) solid var(--color-purple-4);\n}\n\n.sr-only {\n  clip: rect(0, 0, 0, 0);\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n}\n\n.js-only {\n  display: none;\n}\n\n@media (width <= 799px) {\n  .no-mobile {\n    display: none;\n  }\n}\n\n@media (width >= 800px) {\n  .only-mobile {\n    display: none;\n  }\n}\n\n.accessibility-nav {\n  clip: rect(0, 0, 0, 0);\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n}\n\n.accessibility-nav:focus {\n  clip: auto;\n  width: auto;\n  height: auto;\n  top: .75rem;\n  left: 2rem;\n}\n\nhr {\n  margin: var(--space-larger) auto;\n  background: linear-gradient(to right, var(--color-turquoise-2), var(--color-turquoise-4), var(--color-turquoise-2));\n  border: none;\n  border-radius: 2em;\n  width: 50%;\n  height: .3rem;\n}\n\n.turbo-progress-bar {\n  background: linear-gradient(to right, var(--color-turquoise-5), var(--color-purple-5));\n  height: .5rem;\n  position: fixed;\n  top: 0;\n}\n/*# sourceMappingURL=application.css.map */\n",".flow > * + * {\n    margin-top: var(--space-medium);\n}\n\n.flow--smaller > * + * {\n    margin-top: var(--space-smaller);\n}\n\n.flow--small > * + * {\n    margin-top: var(--space-small);\n}\n\n.flow--large > * + * {\n    margin-top: var(--space-large);\n}\n\n.flow--larger > * + * {\n    margin-top: var(--space-larger);\n}\n",":root {\n    /** Core variables **/\n    --color-white: #fdfcff;\n\n    --color-grey-1: #efeff8;\n    --color-grey-2: #cfcedb;\n    --color-grey-3: #aeadbe;\n    --color-grey-4: #8e8ca1;\n    --color-grey-5: #7e7c92;\n    --color-grey-6: #6e6d81;\n    --color-grey-7: #4f4e5e;\n    --color-grey-8: #2f2e3b;\n    --color-grey-9: #100f18;\n\n    --color-purple-1: #eeebfb;\n    --color-purple-2: #ccc4f3;\n    --color-purple-3: #aa9deb;\n    --color-purple-4: #8876e3;\n    --color-purple-5: #7762df;\n    --color-purple-6: #6856c3;\n    --color-purple-7: #4a3d8b;\n    --color-purple-8: #2d2554;\n    --color-purple-9: #0f0c1c;\n\n    --color-turquoise-1: #dff9f5;\n    --color-turquoise-2: #9fede0;\n    --color-turquoise-3: #60e2cc;\n    --color-turquoise-4: #20d6b7;\n    --color-turquoise-5: #00d0ad;\n    --color-turquoise-6: #00b697;\n    --color-turquoise-7: #00826c;\n    --color-turquoise-8: #004e41;\n    --color-turquoise-9: #001a16;\n\n    --color-orange-1: #fff1e7;\n    --color-orange-2: #ffdcc3;\n    --color-orange-3: #ffcca7;\n    --color-orange-4: #ffb381;\n    --color-orange-5: #fa934e;\n    --color-orange-6: #f76808;\n    --color-orange-7: #ed5f00;\n    --color-orange-8: #bd4b00;\n    --color-orange-9: #451e11;\n\n    --color-red-1: #f9dfe4;\n    --color-red-2: #ed9fad;\n    --color-red-3: #e26076;\n    --color-red-4: #d6203f;\n    --color-red-5: #d00023;\n    --color-red-6: #b6001f;\n    --color-red-7: #820016;\n    --color-red-8: #4e000d;\n    --color-red-9: #1a0004;\n\n    --size-base: calc(1.6em + 0.5vw);\n    --size-smaller: 0.75em;\n    --size-small: 0.85em;\n    --size-normal: 1em;\n    --size-large: 1.2em;\n\n    --space-base: 2rem;\n    --space-smaller: calc(var(--space-base) / 4);\n    --space-small: calc(var(--space-base) / 2);\n    --space-medium: var(--space-base);\n    --space-large: calc(var(--space-base) * 2);\n    --space-larger: calc(var(--space-base) * 4);\n\n    --font-family-text: \"Open Sans\", \"-apple-system\", \"BlinkMacSystemFont\", \"Segoe UI\", \"Roboto\", \"Oxygen-Sans\", \"Ubuntu\", \"Cantarell\", \"Helvetica Neue\", \"sans-serif\";\n    --font-family-title: \"Comfortaa\", \"sans-serif\";\n\n    /** Semantic variables **/\n    --color-back-error: var(--color-red-1);\n    --color-back-info: var(--color-purple-1);\n    --color-back-success: var(--color-turquoise-1);\n    --color-back-warning: var(--color-orange-1);\n\n    --color-border: var(--color-grey-6);\n    --color-border-active: var(--color-turquoise-5);\n    --color-border-disabled: var(--color-grey-3);\n    --color-border-error: var(--color-red-5);\n    --color-border-info: var(--color-purple-5);\n    --color-border-success: var(--color-turquoise-6);\n    --color-border-search: var(--color-grey-3);\n    --color-border-warning: var(--color-orange-2);\n\n    --color-text: var(--color-purple-9);\n    --color-text-error: var(--color-red-6);\n    --color-text-info: var(--color-purple-6);\n    --color-text-secondary: var(--color-grey-7);\n    --color-text-success: var(--color-turquoise-7);\n    --color-text-warning: var(--color-orange-9);\n\n    --width-border: 0.2rem;\n    --width-border-bold: 0.3rem;\n\n    --radius: 0.75rem;\n    --radius-button: 3rem;\n\n    /** Components variables **/\n    --color-body: var(--color-turquoise-1);\n    --color-link: var(--color-purple-6);\n\n    --width-content: 1100px;\n\n    --height-header: 6rem;\n    --height-separator: var(--width-border);\n}\n\n@media (min-width: 48em) {\n    :root {\n        --size-base: 2.2em;\n    }\n}\n","@font-face {\n    font-family: Comfortaa;\n    font-style: normal;\n    font-weight: 700;\n    font-display: swap;\n\n    src:\n        local('Comfortaa'),\n        url('../../fonts/comfortaa-v28-latin-700.woff2') format('woff2'),\n        url('../../fonts/comfortaa-v28-latin-700.woff') format('woff');\n}\n\n@font-face {\n    font-family: 'Open Sans';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n\n    src:\n        local('Open Sans Regular'),\n        local('OpenSans-Regular'),\n        url('../../fonts/open-sans-v17-latin-regular.woff2') format('woff2'),\n        url('../../fonts/open-sans-v17-latin-regular.woff') format('woff');\n}\n\n@font-face {\n    font-family: 'Open Sans';\n    font-style: italic;\n    font-weight: 400;\n    font-display: swap;\n\n    src:\n        local('Open Sans Italic'),\n        local('OpenSans-Italic'),\n        url('../../fonts/open-sans-v17-latin-italic.woff2') format('woff2'),\n        url('../../fonts/open-sans-v17-latin-italic.woff') format('woff');\n}\n\n@font-face {\n    font-family: 'Open Sans';\n    font-style: normal;\n    font-weight: 700;\n    font-display: swap;\n\n    src:\n        local('Open Sans Bold'),\n        local('OpenSans-Bold'),\n        url('../../fonts/open-sans-v17-latin-700.woff2') format('woff2'),\n        url('../../fonts/open-sans-v17-latin-700.woff') format('woff');\n}\n\n@font-face {\n    font-family: 'Open Sans';\n    font-style: italic;\n    font-weight: 700;\n    font-display: swap;\n\n    src:\n        local('Open Sans Bold Italic'),\n        local('OpenSans-BoldItalic'),\n        url('../../fonts/open-sans-v17-latin-700italic.woff2') format('woff2'),\n        url('../../fonts/open-sans-v17-latin-700italic.woff') format('woff');\n}\n",".spinner {\n    width: 40px;\n    height: 40px;\n    margin: 30px auto;\n\n    background-color: var(--color-purple-6);\n    border-radius: 100%;\n\n    -webkit-animation: sk-scaleout 1s infinite ease-in-out;\n    animation: sk-scaleout 1s infinite ease-in-out;\n}\n\n@-webkit-keyframes sk-scaleout {\n    0% {\n        -webkit-transform: scale(0);\n    }\n\n    100% {\n        opacity: 0;\n\n        -webkit-transform: scale(1);\n    }\n}\n\n@keyframes sk-scaleout {\n    0% {\n        -webkit-transform: scale(0);\n        transform: scale(0);\n    }\n\n    100% {\n        opacity: 0;\n\n        -webkit-transform: scale(1);\n        transform: scale(1);\n    }\n}\n",".alert {\n    margin-top: var(--space-small);\n    margin-bottom: var(--space-large);\n    padding: var(--space-medium);\n    padding-left: calc(4.7rem + 2 * var(--space-small));\n\n    background-repeat: no-repeat;\n    background-position: left var(--space-small) top var(--space-small);\n    background-size: 5rem;\n    border-width: var(--width-border-bold);\n    border-style: solid;\n    border-radius: var(--radius);\n}\n\n.alert--info {\n    background-color: var(--color-back-info);\n    background-image: url(\"../../icons/info-purple.svg\");\n\n    border-color: var(--color-border-info);\n}\n\n.alert--success {\n    background-color: var(--color-back-success);\n    background-image: url(\"../../icons/success-green.svg\");\n\n    border-color: var(--color-border-success);\n}\n\n.alert--error {\n    background-color: var(--color-back-error);\n    background-image: url(\"../../icons/error-red.svg\");\n\n    border-color: var(--color-border-error);\n}\n\n.alert__title {\n    font-weight: bold;\n}\n\n.alert--info .alert__title {\n    color: var(--color-text-info);\n}\n\n.alert--success .alert__title {\n    color: var(--color-text-success);\n}\n\n.alert--error .alert__title {\n    color: var(--color-text-error);\n}\n\n.alert__message {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n",".avatar {\n    width: 5rem;\n\n    vertical-align: middle;\n\n    background-color: var(--color-white);\n    border: 2px solid var(--color-turquoise-5);\n    border-radius: 50%;\n}\n\n.avatar--banner {\n    display: block;\n    width: 15rem;\n    height: 15rem;\n    margin-right: auto;\n    margin-bottom: var(--space-medium);\n    margin-left: auto;\n\n    border-width: 4px;\n}\n","a {\n    color: inherit;\n    text-decoration: underline;\n    text-decoration-thickness: 0.1em;\n\n    transition:\n        color 0.3s ease-in-out,\n        border-color 0.3s ease-in-out;\n}\n\na:hover,\na:focus {\n    color: var(--color-link);\n}\n\n.anchor--discreet {\n    text-decoration: none;\n}\n\n.anchor--hidden {\n    text-decoration: none;\n}\n\n.anchor--hidden:hover,\n.anchor--hidden:focus {\n    color: initial;\n}\n\n.anchor--inverted {\n    color: var(--color-white);\n}\n\n.anchor--inverted:hover,\n.anchor--inverted:focus {\n    color: var(--color-purple-2);\n}\n\n.anchor--action {\n    display: inline-block;\n    padding: var(--space-smaller) var(--space-medium);\n\n    line-height: 1.5;\n    text-decoration: none;\n\n    border: 0.1em solid currentcolor;\n    border-radius: var(--radius-button);\n}\n\n.anchor--action.icon {\n    padding-left: 2.3em;\n}\n","button,\n.button {\n    display: inline-block;\n    padding: var(--space-small) var(--space-medium);\n\n    color: var(--color-text);\n    font-family: inherit;\n    font-size: var(--size-normal);\n    line-height: 1.5;\n\n    background-color: var(--color-grey-1);\n    border: var(--width-border) solid var(--color-grey-3);\n    border-radius: var(--radius-button);\n\n    transition:\n        background-color 0.2s ease-in-out,\n        border-color 0.2s ease-in-out;\n\n    cursor: pointer;\n}\n\nbutton:hover,\nbutton:focus,\n.button:hover,\n.button:focus {\n    background-color: var(--color-white);\n}\n\nbutton:focus,\nbutton:active,\n.button:focus,\n.button:active {\n    border-color: var(--color-border-active);\n}\n\n.button--primary {\n    background-color: var(--color-turquoise-3);\n    border-color: var(--color-text);\n}\n\n.button--primary:hover,\n.button--primary:focus {\n    background-color: var(--color-turquoise-1);\n}\n\n.button--ghost {\n    background-color: transparent;\n    border-color: transparent;\n}\n\n.button--ghost:hover {\n    background-color: transparent;\n    border-color: var(--color-grey-2);\n}\n\n.button--ghost:focus {\n    background-color: transparent;\n    border-color: var(--color-border-active);\n}\n\n.button--danger {\n    background-color: var(--color-red-1);\n    border-color: var(--color-red-5);\n}\n\n.button--danger:hover,\n.button--danger:focus {\n    background-color: var(--color-red-2);\n    border-color: var(--color-red-2);\n}\n\n.button--large {\n    padding-right: var(--space-large);\n    padding-left: var(--space-large);\n\n    font-size: var(--size-large);\n}\n\n.button--small {\n    padding: var(--space-smaller) var(--space-medium);\n}\n\n.button--smaller {\n    padding: var(--space-smaller);\n\n    line-height: 1.3;\n}\n",".cards {\n    display: flex;\n    padding: var(--space-smaller);\n\n    flex-wrap: wrap;\n}\n\n.cards--in-column {\n    flex-direction: column;\n}\n\n.cards--centered {\n    justify-content: center;\n}\n\n.card {\n    position: relative;\n\n    display: flex;\n    width: 100%;\n    max-width: 100%;\n    margin-bottom: var(--space-medium);\n\n    flex-direction: column;\n    flex-grow: 1;\n\n    box-shadow: 0 1px 4px 1px var(--color-grey-2);\n\n    transition:\n        background-color 0.5s ease-in-out,\n        box-shadow 0.5s ease-in-out;\n}\n\n.card:focus-within {\n    box-shadow: 0 1px 4px 1px var(--color-purple-2);\n}\n\n@media (min-width: 800px) {\n    .card {\n        margin-right: 1%;\n        margin-left: 1%;\n    }\n\n    .card:not(.card--fluid) {\n        max-width: 31%;\n    }\n}\n\n.card--shadow {\n    background-color: var(--color-grey-1);\n    box-shadow: none;\n}\n\n.card--shadow:focus-within {\n    box-shadow: none;\n}\n\n.card--showcase {\n    padding: var(--space-small);\n\n    align-items: center;\n    justify-content: center;\n\n    text-align: center;\n\n    box-shadow: none;\n}\n\n.card--action {\n    padding: 3px;\n\n    align-items: stretch;\n    justify-content: center;\n\n    background: linear-gradient(135deg, var(--color-purple-5), var(--color-turquoise-5));\n}\n\n@media (min-width: 800px) {\n    .card--action:nth-child(2) {\n        background: linear-gradient(180deg, #3d97c7, var(--color-turquoise-5));\n    }\n\n    .card--action:nth-child(3) {\n        background: linear-gradient(225deg, var(--color-purple-5), var(--color-turquoise-5));\n    }\n}\n\n.card--illustrated {\n    min-height: 150px;\n\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n}\n\n.card--illustrated-alt {\n    background-color: var(--color-purple-5);\n    border: 4px solid transparent;\n}\n\n.card--illustrated-alt:hover,\n.card--illustrated-alt:focus-within {\n    background-color: var(--color-turquoise-5);\n}\n\n.card__button {\n    min-height: 150px;\n    padding: var(--space-medium) var(--space-small);\n\n    flex: 1;\n\n    background-color: var(--color-purple-1);\n    border: none;\n    border-radius: 0;\n}\n\n@media (min-width: 800px) {\n    .card__button--link {\n        min-height: 300px;\n    }\n}\n\n.card__image {\n    display: block;\n    width: 100%;\n    min-height: 156px;\n}\n\n.card__image-overlay {\n    position: absolute;\n    top: var(--space-smaller);\n    left: var(--space-smaller);\n\n    padding: 0 var(--space-small);\n\n    font-size: var(--size-small);\n    font-style: italic;\n    text-align: left;\n\n    opacity: 0.8;\n    background-color: var(--color-purple-1);\n    border: none;\n    border-radius: var(--radius);\n}\n\n.card__image-overlay--warning {\n    color: var(--color-text-warning);\n\n    opacity: 1;\n    background-color: var(--color-back-warning);\n}\n\n.card__image-overlay--warning:hover,\n.card__image-overlay--warning:focus {\n    background-color: var(--color-back-warning);\n}\n\n.card__image-overlay--right {\n    right: var(--space-smaller);\n    left: auto;\n}\n\n.card__body {\n    padding: var(--space-small);\n\n    flex-grow: 1;\n\n    background-color: var(--color-white);\n}\n\n.card--illustrated .card__body {\n    padding-top: calc(25px + var(--space-small));\n\n    color: var(--color-white);\n    text-decoration: none;\n    text-shadow:\n        -1px 1px 1px var(--color-purple-8),\n        1px 1px 1px var(--color-purple-8),\n        1px -1px 0 var(--color-purple-8),\n        -1px -1px 0 var(--color-purple-8);\n\n    background-color: rgba(0, 0, 0, 30%);\n    background-image:\n        linear-gradient(\n            to bottom,\n            transparent 0,\n            rgba(0, 0, 0, 40%) 25px,\n            rgba(0, 0, 0, 60%) 45px,\n            rgba(0, 0, 0, 80%)\n        );\n\n    transition: background-color 0.3s ease-in-out;\n}\n\n.card--illustrated .card__body--large {\n    padding-top: calc(70px + var(--space-small));\n\n    background-image:\n        linear-gradient(\n            to bottom,\n            transparent 30px,\n            rgba(0, 0, 0, 40%) 70px,\n            rgba(0, 0, 0, 60%) 90px,\n            rgba(0, 0, 0, 80%)\n        );\n}\n\n.card--illustrated .card__body--larger {\n    padding-top: calc(156px + var(--space-small));\n\n    background-image:\n        linear-gradient(\n            to bottom,\n            transparent 110px,\n            rgba(0, 0, 0, 40%) 150px,\n            rgba(0, 0, 0, 60%) 170px,\n            rgba(0, 0, 0, 80%)\n        );\n}\n\n.card--illustrated-alt .card__body {\n    background-image: none;\n}\n\n.card--illustrated a.card__body:hover,\n.card--illustrated a.card__body:focus {\n    color: var(--color-white);\n\n    background-color: transparent;\n}\n\n.card--illustrated-alt a.card__body:hover,\n.card--illustrated-alt a.card__body:focus {\n    background-color: rgba(0, 0, 0, 30%);\n}\n\n.card--illustrated .sticker {\n    text-shadow: none;\n}\n\n.card__title {\n    margin-top: 0;\n    margin-bottom: var(--space-medium);\n\n    font-size: var(--size-normal);\n    font-weight: bold;\n    line-height: 1.25;\n}\n\n.card__title a {\n    display: block;\n\n    text-decoration: none;\n}\n\n.card__title-ellipsis {\n    overflow: hidden;\n\n    text-overflow: ellipsis;\n}\n\n.card__text {\n    margin-top: var(--space-small);\n    margin-bottom: var(--space-small);\n\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n    overflow-wrap: anywhere;\n}\n\n.card--illustrated .card__text {\n    color: var(--color-white);\n\n    opacity: 0.8;\n}\n\n.card__text--oneline {\n    display: flex;\n\n    align-items: baseline;\n\n    white-space: nowrap;\n}\n\n.card__text--extend {\n    flex: 1;\n}\n\n.card__ellipsis {\n    overflow: hidden;\n\n    text-overflow: ellipsis;\n}\n\n.card__footer {\n    display: flex;\n    padding: var(--space-small);\n\n    align-items: center;\n    justify-content: space-between;\n\n    background-color: var(--color-purple-1);\n    background-image: linear-gradient(to right, var(--color-purple-2), var(--color-purple-3), var(--color-purple-2));\n    background-repeat: repeat-x;\n    background-position: 0 100%;\n    background-size: 100% 3px;\n    box-shadow: 0 -1px 2px 0 var(--color-purple-1);\n}\n\n.card--illustrated .card__footer {\n    color: var(--color-white);\n\n    background-color: rgba(0, 0, 0, 90%);\n    background-image: none;\n    box-shadow: none;\n}\n\n.card--illustrated .card__footer button {\n    color: var(--color-white);\n\n    background-color: var(--color-grey-9);\n    border-color: var(--color-grey-5);\n}\n\n.card--illustrated .card__footer button:hover {\n    background-color: var(--color-grey-8);\n}\n\n.card__footer--centered {\n    justify-content: center;\n}\n\n.card__footer-group {\n    display: flex;\n\n    align-items: center;\n}\n\n.card__footer-group > * + * {\n    margin-left: var(--space-small);\n}\n",".form--centered {\n    text-align: center;\n}\n\n.form--danger {\n    margin-top: var(--space-larger);\n    padding: var(--space-medium);\n\n    text-align: right;\n\n    background-color: var(--color-red-1);\n}\n\nlabel {\n    display: block;\n    margin-bottom: var(--space-small);\n    padding-right: var(--space-small);\n    padding-left: var(--space-small);\n}\n\n.label--checkbox,\n.label--radio {\n    margin-bottom: 0;\n}\n\n.label__help {\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n}\n\ninput,\ntextarea {\n    width: 100%;\n    padding: var(--space-small);\n\n    color: inherit;\n    font-family: inherit;\n    font-size: var(--size-normal);\n    line-height: 1.5;\n\n    background-color: var(--color-white);\n    box-shadow: 2px 2px 4px var(--color-grey-2) inset;\n    border: var(--width-border) solid var(--color-border);\n    border-radius: var(--radius);\n\n    transition: border-color 0.2s ease-in-out;\n}\n\ntextarea {\n    max-width: 100%;\n    min-height: 15rem;\n}\n\n.input--number-3 {\n    width: 8rem;\n}\n\n/**\n * Custom checkboxes to improve contrast and size\n *\n * @see https://www.a11ywithlindsey.com/blog/create-custom-keyboard-accesible-checkboxes\n */\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n    position: absolute;\n\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n\n    width: 1px;\n    height: 1px;\n}\n\ninput[type=\"checkbox\"] + label,\ninput[type=\"radio\"] + label {\n    position: relative;\n\n    display: inline-flex;\n\n    align-items: baseline;\n}\n\ninput[type=\"checkbox\"] + label::before,\ninput[type=\"radio\"] + label::before {\n    content: ' ';\n\n    position: relative;\n    top: 0.5rem;\n\n    width: 2.5rem;\n    height: 2.5rem;\n    margin-right: var(--space-small);\n\n    flex-shrink: 0;\n\n    background-color: var(--color-white);\n    border: var(--width-border) solid var(--color-border);\n    border-radius: 0.5rem;\n\n    transition:\n        border-color 0.2s ease-in-out,\n        background-color 0.2s ease-in-out;\n}\n\ninput[type=\"radio\"] + label::before {\n    border-radius: 50%;\n}\n\ninput[type=\"checkbox\"]:hover + label::before,\ninput[type=\"checkbox\"]:focus + label::before,\ninput[type=\"radio\"]:hover + label::before,\ninput[type=\"radio\"]:focus + label::before {\n    background-color: var(--color-turquoise-1);\n    border-color: var(--color-turquoise-6);\n}\n\ninput[type=\"checkbox\"]:focus + label::before {\n    outline: var(--width-border-bold) solid var(--color-purple-4);\n}\n\ninput[type=\"checkbox\"]:checked + label::before,\ninput[type=\"radio\"]:checked + label::before {\n    background-color: var(--color-turquoise-3);\n    border-color: var(--color-turquoise-8);\n}\n\ninput[type=\"checkbox\"]:checked + label::after,\ninput[type=\"radio\"]:checked + label::after {\n    content: '';\n\n    position: absolute;\n    top: 1.2rem;\n    left: 1.5rem;\n\n    width: 1.5rem;\n    height: 0.75rem;\n\n    border-bottom: var(--width-border) solid var(--color-text);\n    border-left: var(--width-border) solid var(--color-text);\n\n    transform: rotate(-45deg);\n}\n\ninput[type=\"radio\"]:checked + label::after {\n    top: 1rem;\n\n    height: 1.5rem;\n\n    background-color: var(--color-text);\n    border-top: var(--width-border) solid var(--color-text);\n    border-right: var(--width-border) solid var(--color-text);\n    border-radius: 50%;\n}\n\n.form-group--invalid input,\n.form-group--invalid textarea {\n    border-color: var(--color-border-error);\n}\n\ninput:focus,\ntextarea:focus {\n    border-color: var(--color-border-active);\n}\n\nselect {\n    width: 100%;\n    padding: var(--space-small);\n\n    color: inherit;\n    font-family: inherit;\n    font-size: var(--size-normal);\n    text-overflow: ellipsis;\n\n    background-color: var(--color-grey-1);\n    border: var(--width-border) solid var(--color-border);\n    border-radius: var(--radius);\n\n    transition:\n        background-color 0.2s ease-in-out,\n        border-color 0.2s ease-in-out;\n}\n\n@media (min-width: 800px) {\n    select {\n        width: auto;\n        min-width: 50%;\n    }\n}\n\nselect:not([multiple]) {\n    padding-right: 3.5rem;\n\n    background-image: url(\"../../icons/angle-down.svg\");\n    background-repeat: no-repeat;\n    background-position: right 0.75rem top 58%;\n    background-size: 2.5rem;\n\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n}\n\nselect:not([disabled]):hover,\nselect:not([disabled]):focus {\n    background-color: var(--color-turquoise-1);\n}\n\nselect:not([disabled]):focus {\n    border-color: var(--color-border-active);\n}\n\nselect[disabled] {\n    color: var(--color-text-secondary);\n\n    border-color: var(--color-border-disabled);\n}\n\nfieldset {\n    min-width: auto;\n    margin-top: var(--space-medium);\n    margin-bottom: var(--space-medium);\n    padding: var(--space-small);\n\n    background-image: linear-gradient(to bottom, var(--color-grey-1), var(--color-purple-1));\n    box-shadow: 1px 1px 1px var(--color-purple-2);\n    border: none;\n    border-radius: var(--radius);\n}\n\n@media (min-width: 1100px) {\n    fieldset {\n        padding: var(--space-medium);\n    }\n}\n\nlegend {\n    padding: var(--space-smaller) var(--space-small);\n\n    background-color: var(--color-grey-1);\n    border-radius: var(--radius);\n}\n\n.fieldset__caption {\n    padding-right: 0.5em;\n    padding-left: 0.5em;\n\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n}\n\n.form-group {\n    margin-bottom: var(--space-medium);\n}\n\n.form-group__stack {\n    display: flex;\n\n    align-items: center;\n}\n\n.form-group__stack > * + * {\n    margin-left: var(--space-smaller);\n}\n\n.form-group__stack > button {\n    flex-shrink: 0;\n}\n\n.form-group__caption {\n    margin-top: var(--space-smaller);\n    margin-bottom: var(--space-smaller);\n    padding-right: var(--space-small);\n    padding-left: var(--space-small);\n\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n}\n\n.form-group__caption--alt {\n    margin-top: 0;\n    padding-left: calc(2 * var(--space-small) + 2.5rem);\n}\n\n.form-group__caption--alt::before {\n    content: '➜';\n}\n\n.form-group__error {\n    margin-top: var(--space-small);\n    margin-bottom: var(--space-small);\n    padding-right: var(--space-small);\n    padding-left: calc(var(--space-small) + 1.75em);\n\n    color: var(--color-text-error);\n    font-size: var(--size-small);\n    font-weight: bold;\n\n    background-image: url(\"../../icons/error-red.svg\");\n    background-repeat: no-repeat;\n    background-position: left var(--space-small) center;\n    background-size: 1.5em;\n}\n\n.form__actions {\n    display: flex;\n    margin-bottom: var(--space-medium);\n\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.form__actions > * + * {\n    margin-top: var(--space-medium);\n}\n\n@media (min-width: 800px) {\n    .form__actions {\n        flex-direction: row-reverse;\n    }\n\n    .form__actions > * + * {\n        margin-top: 0;\n    }\n}\n\n.form-details {\n    margin-bottom: var(--space-medium);\n    padding-left: var(--space-small);\n}\n\n.form-details summary {\n    padding: var(--space-smaller) var(--space-small);\n\n    cursor: pointer;\n}\n\n.form-details__content {\n    padding-top: var(--space-small);\n    padding-bottom: var(--space-small);\n}\n\n@media (min-width: 800px) {\n    .form-details__content {\n        padding: var(--space-medium);\n    }\n}\n\n.form-group--terms {\n    padding: var(--space-medium);\n\n    background-color: var(--color-purple-1);\n    border-radius: var(--radius);\n}\n\n.form-group--terms .form-group__caption {\n    margin-top: 0;\n}\n",".groupnav {\n    margin-top: var(--space-large);\n    margin-bottom: var(--space-large);\n}\n\n.groupnav__title {\n    max-width: 50ch;\n    margin: 2rem auto;\n\n    font-size: 1em;\n    font-weight: bold;\n}\n\n.groupnav__container {\n    max-width: 50ch;\n    margin: 0 auto;\n    padding: 0;\n\n    list-style: none;\n}\n\n.groupnav__item {\n    border: 0.2rem solid var(--color-purple-5);\n}\n\n.groupnav__item + .groupnav__item {\n    border-top: none;\n}\n\n.groupnav__anchor,\n.groupnav__button {\n    display: block;\n    padding: var(--space-medium);\n\n    color: var(--color-text);\n    text-decoration: none;\n\n    transition:\n        background-color 0.3s ease-in-out,\n        color 0.3s ease-in-out;\n}\n\n.groupnav__anchor {\n    padding-left: 6rem;\n\n    background-repeat: no-repeat;\n    background-position: 1rem center;\n}\n\n.groupnav__button {\n    width: 100%;\n    padding-left: 6rem;\n\n    font-size: 1em;\n    text-align: left;\n\n    background-color: transparent;\n    background-repeat: no-repeat;\n    background-position: 1rem center;\n    border: none;\n    border-radius: 0;\n\n    cursor: pointer;\n}\n\n.groupnav__anchor:hover,\n.groupnav__anchor:focus,\n.groupnav__button:hover,\n.groupnav__button:focus {\n    color: var(--color-purple-6);\n\n    background-color: var(--color-purple-1);\n}\n\n.groupnav__item--featured .groupnav__anchor,\n.groupnav__item--featured .groupnav__button {\n    color: var(--color-purple-6);\n    font-weight: bold;\n}\n\n.groupnav__item--validate .groupnav__anchor,\n.groupnav__item--create .groupnav__button {\n    background-image: url(\"../../icons/check.svg\");\n}\n\n.groupnav__item--subscription .groupnav__anchor {\n    background-image: url(\"../../icons/credit-card.svg\");\n}\n\n.groupnav__item--mastodon .groupnav__anchor {\n    background-image: url(\"../../icons/mastodon.svg\");\n    background-size: 36px 36px;\n}\n\n.groupnav__item--import .groupnav__anchor {\n    background-image: url(\"../../icons/upload.svg\");\n}\n\n.groupnav__item--data .groupnav__anchor {\n    background-image: url(\"../../icons/backup.svg\");\n}\n\n.groupnav__item--credentials .groupnav__anchor {\n    background-image: url(\"../../icons/key.svg\");\n}\n\n.groupnav__item--sessions .groupnav__anchor {\n    background-image: url(\"../../icons/connect.svg\");\n}\n\n.groupnav__item--delete .groupnav__anchor {\n    background-image: url(\"../../icons/trash.svg\");\n}\n\n.groupnav__item--about .groupnav__anchor {\n    background-image: url(\"../../icons/info.svg\");\n}\n\n.groupnav__item--whats-new .groupnav__anchor {\n    background-image: url(\"../../icons/bundle.svg\");\n}\n\n.groupnav__item--onboarding .groupnav__anchor {\n    background-image: url(\"../../icons/undo.svg\");\n}\n\n.groupnav__item:first-child,\n.groupnav__item:first-child .groupnav__anchor,\n.groupnav__item:first-child .groupnav__button {\n    border-top-left-radius: 1rem;\n    border-top-right-radius: 1rem;\n}\n\n.groupnav__item:last-child,\n.groupnav__item:last-child .groupnav__anchor,\n.groupnav__item:last-child .groupnav__button {\n    border-bottom-right-radius: 1rem;\n    border-bottom-left-radius: 1rem;\n}\n",".header__container {\n    display: flex;\n    max-width: var(--width-content);\n    height: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    align-items: stretch;\n}\n\n.header__container--centered {\n    align-items: center;\n}\n\n.header__container > * + * {\n    margin-left: var(--space-smaller);\n}\n\n@media (min-width: 800px) {\n    .header__container > * + * {\n        margin-left: var(--space-small);\n    }\n}\n\n.header__separator {\n    flex: 1;\n}\n\n.header__avatar-container {\n    align-self: center;\n}\n\n.header__avatar {\n    cursor: pointer;\n}\n\n.header__link {\n    padding: var(--space-medium) var(--space-large);\n}\n\n.header__link:focus {\n    outline-offset: -0.3rem;\n}\n\n.header__action {\n    margin: var(--space-smaller);\n    padding: var(--space-small);\n\n    align-self: center;\n\n    font-size: var(--size-small);\n    text-align: center;\n    text-decoration: none;\n\n    background-color: var(--color-turquoise-4);\n    border: var(--width-border) solid currentcolor;\n    border-radius: var(--radius-button);\n}\n\n@media (min-width: 800px) {\n    .header__action {\n        width: auto;\n        padding-top: var(--space-smaller);\n        padding-bottom: var(--space-smaller);\n    }\n}\n\n.header__secondary {\n    order: -1;\n}\n\n@media (min-width: 800px) {\n    .header__secondary {\n        order: 0;\n    }\n}\n\n.header__link--home {\n    display: flex;\n    padding: var(--space-smaller);\n\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.header__locale-form {\n    display: flex;\n    padding-top: var(--space-smaller);\n    padding-bottom: var(--space-smaller);\n\n    flex-direction: column;\n    justify-content: center;\n}\n\n.header__locale-form label {\n    display: inline;\n}\n\n.header__locale-form .icon {\n    vertical-align: middle;\n}\n\n.header__locale-form .form-group {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.header__locale-form select {\n    width: auto;\n}\n","svg {\n    pointer-events: none;\n    user-select: none;\n}\n\n.icon {\n    display: inline-block;\n    width: 1.5em;\n    height: auto;\n\n    vertical-align: top;\n\n    fill: currentcolor;\n}\n\n.icon.spin {\n    animation: icon-spin 5s linear infinite;\n}\n\n@keyframes icon-spin {\n    from {\n        transform: rotate(0deg);\n    }\n\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n.icon.rotate90 {\n    transform: rotate(90deg);\n}\n\n.icon.rotate180 {\n    transform: rotate(180deg);\n}\n\n.icon.rotate270 {\n    transform: rotate(270deg);\n}\n",".illustration {\n    display: block;\n    max-width: 100%;\n    margin: var(--space-larger) var(--space-large);\n}\n\n.illustration--figure {\n    margin: 0;\n}\n\n.illustration--centered {\n    margin-right: auto;\n    margin-left: auto;\n}\n\nfigure {\n    margin: 0;\n    padding: var(--space-medium);\n\n    color: var(--color-text-secondary);\n    font-style: italic;\n}\n\n.figure--centered {\n    text-align: center;\n}\n\n.figure--centered img {\n    margin-right: auto;\n    margin-left: auto;\n}\n",".sticker {\n    padding: var(--space-smaller) var(--space-small);\n\n    color: var(--color-text);\n    font-size: var(--size-small);\n\n    background-color: var(--color-purple-2);\n    border-radius: var(--radius);\n}\n\n.sticker--right {\n    float: right;\n}\n\n.sticker--left {\n    float: left;\n}\n",".layout {\n    min-height: 100vh;\n}\n\n.layout--connected .layout__header {\n    position: fixed;\n    z-index: 100;\n    bottom: 0;\n\n    width: 100%;\n    height: var(--height-header);\n\n    background: var(--color-turquoise-3);\n    box-shadow: 0 0 5px var(--color-grey-4);\n}\n\n@media (min-width: 800px) {\n    .layout--connected .layout__header {\n        position: static;\n\n        height: auto;\n\n        background: radial-gradient(circle at top, var(--color-turquoise-3) 60%, var(--color-turquoise-4));\n        box-shadow: none;\n    }\n\n    .layout--blocked .layout__header {\n        background: none;\n    }\n\n    .layout--connected:not(.layout--blocked) .layout__header {\n        margin-bottom: var(--space-medium);\n    }\n}\n\n.layout--connected .layout__header .header__link {\n    width: 5.5rem;\n    padding: var(--space-small);\n\n    text-align: center;\n    text-decoration: none;\n\n    border-top: 0.5rem solid transparent;\n    border-bottom: 0.5rem solid transparent;\n}\n\n@media (min-width: 800px) {\n    .layout--connected .layout__header .header__link {\n        width: auto;\n    }\n}\n\n.layout--connected .layout__header .header__link--active {\n    font-weight: bold;\n\n    border-bottom-color: var(--color-body);\n}\n\n.layout__main {\n    max-width: var(--width-content);\n    min-height: 60vh;\n    margin-right: auto;\n    margin-left: auto;\n}\n\n@media (min-width: 800px) {\n    .layout__main {\n        margin-bottom: 0;\n    }\n}\n\n.layout__main:focus {\n    outline: 0;\n}\n\n.layout__back a {\n    overflow: hidden;\n\n    display: inline-block;\n    max-width: 100%;\n    padding-top: var(--space-medium);\n    padding-right: var(--space-medium);\n    padding-bottom: var(--space-medium);\n\n    text-overflow: ellipsis;\n    vertical-align: top;\n    white-space: nowrap;\n\n    outline-offset: calc(-1 * var(--width-border-bold));\n}\n\n@media (min-width: 800px) {\n    .layout--connected:not(.layout--blocked) .layout__back {\n        margin-top: calc(var(--space-medium) * -1);\n    }\n}\n\n.layout__search {\n    position: relative;\n\n    margin-right: var(--space-smaller);\n    margin-left: var(--space-smaller);\n    padding-top: var(--space-medium);\n}\n\n@media (min-width: 800px) {\n    .layout__search {\n        max-width: 700px;\n        margin-right: auto;\n        margin-left: auto;\n    }\n}\n\n.layout__back + .layout__search {\n    padding-top: 0;\n}\n\n@media (min-width: 800px) {\n    .layout--connected:not(.layout--blocked) .layout__search {\n        margin-top: calc(var(--space-medium) * -1);\n    }\n\n    .layout--connected:not(.layout--blocked) .layout__back + .layout__search {\n        margin-top: 0;\n    }\n}\n\n.layout__search input[type=\"text\"] {\n    padding-right: calc(1.5em + 2 * var(--space-medium));\n\n    box-shadow: 0 1px 4px 1px var(--color-grey-1);\n    border-color: var(--color-border-search);\n}\n\n.layout__search input[type=\"text\"]:hover {\n    box-shadow: 0 1px 4px 1px var(--color-grey-2);\n}\n\n.layout__search button {\n    position: absolute;\n    right: 0;\n}\n\n.layout__search button:hover {\n    border-color: transparent;\n}\n\n.layout__search button .icon {\n    fill: var(--color-grey-5);\n}\n\n.layout__search button:hover .icon {\n    fill: var(--color-text);\n}\n\n.layout__content {\n    padding: var(--space-medium) var(--space-smaller) var(--space-large);\n\n    background-color: var(--color-white);\n    box-shadow: 0 1px 2px 1px var(--color-grey-2);\n}\n\n.layout--connected .layout__content {\n    min-height: calc(100vh - var(--height-header));\n    padding-bottom: calc(var(--height-header) + var(--space-large));\n}\n\n@media (min-width: 800px) {\n    .layout__content {\n        padding-right: var(--space-large);\n        padding-left: var(--space-large);\n\n        border-radius: 0.5rem;\n    }\n\n    .layout__content--touch-bottom {\n        border-bottom-right-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .layout--connected .layout__content {\n        min-height: auto;\n        padding-bottom: var(--space-large);\n    }\n}\n\n.layout__footer {\n    padding: var(--space-large);\n\n    text-align: center;\n}\n\n.banner__container {\n    display: block;\n    padding: var(--space-smaller);\n\n    text-align: center;\n\n    background-color: var(--color-purple-1);\n    border-bottom: var(--width-border) solid var(--color-purple-2);\n}\n\n.layout__banner--alert .banner__container {\n    background-color: var(--color-red-1);\n    border-bottom-color: var(--color-red-2);\n}\n\n.banner__container--anchor {\n    transition: background-color 0.3s ease-in-out;\n}\n\n.banner__container--anchor:hover,\n.banner__container--anchor:focus {\n    color: initial;\n\n    background-color: var(--color-purple-2);\n}\n\n.layout--error {\n    text-align: center;\n}\n\n.layout--error .layout__header {\n    padding: var(--space-larger) var(--space-medium);\n}\n\n.layout--error .layout__link {\n    font-size: var(--size-large);\n    text-decoration: none;\n}\n\n.layout--error .layout__main {\n    max-width: 800px;\n}\n\n.layout--error__box {\n    position: absolute;\n    right: 0;\n    left: 0;\n\n    overflow: auto;\n\n    padding: var(--space-medium) var(--space-large);\n\n    color: var(--color-body);\n    text-align: left;\n\n    background-color: var(--color-text);\n}\n",".line {\n    display: flex;\n\n    align-items: center;\n}\n\n.line > * + * {\n    margin-left: var(--space-small);\n}\n\n.line__item {\n    flex-shrink: 0;\n}\n\n.line__item--extend {\n    flex: 1;\n}\n",".list--no-style {\n    padding-left: 0;\n\n    list-style: none;\n}\n\n.list__item + .list__item {\n    margin-top: var(--space-small);\n}\n\n.list--spaced .list__item + .list__item {\n    margin-top: var(--space-medium);\n}\n\n.list--padded > li {\n    padding: 1.5rem 2rem;\n}\n\n.list--border {\n    border: 2px solid var(--color-grey-2);\n    border-radius: 0.5rem;\n}\n\n.list--border > li + li {\n    border-top: 2px solid var(--color-grey-2);\n}\n",".modal {\n    position: fixed;\n    z-index: 999;\n    inset: 0;\n\n    visibility: hidden;\n    overflow: hidden auto;\n\n    opacity: 0;\n    background-color: rgba(0, 0, 0, 50%);\n\n    transform: scaleX(1.02) scaleY(1.02);\n    transition: visibility 0s linear 0.2s, opacity 0.2s 0s, transform 0.2s;\n}\n\n.modal[aria-hidden=\"false\"] {\n    visibility: visible;\n\n    opacity: 1;\n\n    transform: scaleX(1) scaleY(1);\n    transition: visibility 0s linear 0s, opacity 0.2s 0s, transform 0.2s;\n}\n\n.modal__box {\n    max-width: var(--width-content);\n    margin: var(--space-medium) auto var(--space-larger);\n\n    background-color: var(--color-white);\n    box-shadow: 0 0 10px var(--color-grey-7);\n\n    scroll-margin-top: var(--space-medium);\n}\n\n@media (min-width: 800px) {\n    .modal__box {\n        margin-top: var(--space-larger);\n    }\n}\n\n@media (min-width: 1000px) {\n    .modal__box {\n        border-radius: var(--radius);\n    }\n}\n\n.modal__header {\n    padding: var(--space-smaller);\n\n    text-align: right;\n}\n\n.modal__body {\n    overflow: hidden;\n\n    min-height: 15rem;\n    padding-right: var(--space-small);\n    padding-bottom: var(--space-small);\n    padding-left: var(--space-small);\n}\n\n@media (min-width: 800px) {\n    .modal__body {\n        padding-right: var(--space-medium);\n        padding-bottom: var(--space-medium);\n        padding-left: var(--space-medium);\n    }\n}\n\n.modal__body > .section:last-child {\n    margin-bottom: 0;\n}\n\n.modal__body .section__title {\n    margin-top: 0;\n}\n\n.modal .no-modal,\n.only-modal {\n    display: none;\n}\n\n.modal .only-modal {\n    display: initial;\n}\n\nbody.modal-opened {\n    overflow: hidden;\n}\n",".paragraph--featured {\n    max-width: 50ch;\n    margin-right: auto;\n    margin-left: auto;\n\n    font-size: var(--size-large);\n    font-weight: 600;\n    text-align: center;\n}\n\n.paragraph--contrasted {\n    padding: var(--space-medium);\n\n    color: var(--color-white);\n\n    background-image: radial-gradient(circle at top, var(--color-purple-6) 80%, var(--color-purple-7));\n    border-radius: var(--radius);\n}\n\n.paragraph--centered {\n    max-width: 50ch;\n    margin-right: auto;\n    margin-left: auto;\n\n    text-align: center;\n}\n\n.text--centered {\n    text-align: center;\n}\n\n.paragraph--secondary,\n.text--secondary {\n    color: var(--color-text-secondary);\n}\n\n.paragraph--placeholder {\n    max-width: 50ch;\n    margin: var(--space-large) auto;\n\n    color: var(--color-text-secondary);\n    font-style: italic;\n    text-align: center;\n}\n",".pagination__container {\n    display: flex;\n    padding: var(--space-smaller);\n\n    justify-content: center;\n\n    background-color: var(--color-purple-1);\n    border-radius: var(--radius);\n\n    list-style: none;\n}\n\n.pagination__item {\n    margin-right: var(--space-smaller);\n    margin-left: var(--space-smaller);\n}\n\n.pagination__item--disabled {\n    visibility: hidden;\n}\n\n@media (max-width: 359px) {\n    .pagination__item--prev,\n    .pagination__item--next {\n        display: none;\n    }\n}\n\n.pagination__link {\n    display: inline-block;\n    padding: var(--space-smaller) var(--space-small);\n\n    text-decoration: none;\n\n    border-bottom: var(--width-border) solid transparent;\n}\n\n.pagination__item--current .pagination__link {\n    font-weight: bold;\n\n    border-bottom-color: currentcolor;\n}\n\n.pagination__item--prev .pagination__link {\n    text-align: right;\n}\n",".popup {\n    position: relative;\n\n    display: inline-block;\n\n    text-align: left;\n}\n\n.popup__opener {\n    list-style: none;\n}\n\n.popup__opener::-webkit-details-marker {\n    display: none;\n}\n\n.popup__opener:focus {\n    outline: 0;\n}\n\n.popup__opener:focus > * {\n    outline: var(--width-border-bold) solid var(--color-purple-4);\n}\n\n.popup__opener:focus > .button,\n.popup__opener:active > .button {\n    border-color: var(--color-border-active);\n}\n\n.popup__container {\n    position: fixed;\n    z-index: 100;\n    right: 0;\n    bottom: var(--height-header);\n    left: 0;\n\n    padding: var(--space-medium) var(--space-small);\n\n    background: linear-gradient(135deg, var(--color-turquoise-2) 0%, var(--color-turquoise-3) 100%);\n}\n\n@media (min-width: 800px) {\n    .popup__container {\n        position: absolute;\n        bottom: auto;\n\n        min-width: 27rem;\n\n        font-size: var(--size-small);\n\n        box-shadow: 0 0 2px 0 var(--color-turquoise-6);\n        border-radius: var(--radius);\n    }\n\n    .popup__container--large {\n        min-width: 31rem;\n    }\n\n    .popup__container--bottom {\n        right: auto;\n        left: 50%;\n\n        margin-top: 0.5rem;\n        margin-right: auto;\n        margin-left: auto;\n\n        transform: translateX(-50%);\n    }\n\n    .popup__container--left {\n        right: 0;\n        left: auto;\n\n        margin-top: 0.5rem;\n    }\n\n    .popup__container--over {\n        margin-top: -6.5rem;\n        margin-left: -1rem;\n    }\n}\n\n.popup__title {\n    margin-bottom: var(--space-smaller);\n    padding-right: var(--space-small);\n    padding-left: var(--space-small);\n\n    font-weight: bold;\n    overflow-wrap: anywhere;\n}\n\n.popup__separator {\n    height: var(--height-separator);\n    margin-top: 0.5rem;\n    margin-bottom: 0.5rem;\n\n    background-color: var(--color-turquoise-4);\n    border-radius: var(--radius);\n}\n\n.popup__item--link {\n    text-decoration: none;\n}\n\n.popup__item--link:hover,\n.popup__item--link:focus {\n    color: initial;\n\n    outline: 0;\n}\n\n.popup__item--button {\n    width: 100%;\n\n    text-align: left;\n\n    background-color: transparent;\n    border: none;\n\n    transition: none;\n}\n\n.popup__item--button:focus {\n    outline: 0;\n}\n\n.popup__item {\n    display: block;\n    padding: var(--space-small);\n\n    border: var(--width-border) solid transparent;\n    border-radius: var(--radius);\n\n    transition:\n        background-color 0.1s ease-in-out,\n        border-color 0.1s ease-in-out;\n}\n\n@media (min-width: 800px) {\n    .popup__item {\n        white-space: nowrap;\n    }\n}\n\n.popup__item:hover,\n.popup__item:focus {\n    background-color: var(--color-turquoise-2);\n    border-color: var(--color-turquoise-5);\n}\n",".section--small {\n    max-width: 55ch;\n    margin-right: auto;\n    margin-left: auto;\n}\n\n.section--longbottom {\n    padding-bottom: 8rem;\n}\n\n@media (min-width: 800px) {\n    .section--longbottom {\n        padding-bottom: 15rem;\n    }\n}\n\n.section__image {\n    display: block;\n    width: calc(100% + 2 * var(--space-smaller));\n    margin-top: calc(var(--space-medium) * -1);\n    margin-bottom: var(--space-medium);\n    margin-left: calc(var(--space-smaller) * -1);\n\n    filter: blur(0.7px);\n}\n\n@media (min-width: 800px) {\n    .section__image {\n        width: calc(100% + 2 * var(--space-large));\n        margin-left: calc(var(--space-large) * -1);\n\n        border-radius: 0.5rem 0.5rem 0 0;\n    }\n}\n\n.section__title {\n    display: flex;\n    margin-top: var(--space-medium);\n    margin-bottom: var(--space-large);\n\n    align-items: center;\n    justify-content: center;\n\n    font-family: var(--font-family-title);\n    letter-spacing: 0.01em;\n    text-align: center;\n}\n\n.section__title h1 {\n    overflow: hidden;\n\n    display: inline-block;\n    margin-top: 0;\n    margin-bottom: 0;\n\n    text-overflow: ellipsis;\n}\n\n.section__title h1::after {\n    content: \"\";\n\n    display: block;\n    max-width: 75%;\n    height: 0.3rem;\n    margin-top: 0.5rem;\n    margin-right: auto;\n    margin-left: auto;\n\n    background: linear-gradient(to right, var(--color-turquoise-4), var(--color-turquoise-6), var(--color-turquoise-4));\n    border-radius: var(--radius);\n}\n\n.section__title h1 .icon {\n    margin-right: 1rem;\n\n    vertical-align: middle;\n}\n\n.section__intro {\n    max-width: 50ch;\n    margin: var(--space-large) auto;\n\n    font-style: italic;\n    text-align: center;\n}\n\n@media (min-width: 800px) {\n    .section__intro {\n        margin-top: calc(var(--space-medium) * 2.5);\n        margin-bottom: calc(var(--space-medium) * 2.5);\n    }\n}\n\n.section__meta {\n    display: flex;\n    max-width: 55ch;\n    margin-right: auto;\n    margin-bottom: var(--space-medium);\n    margin-left: auto;\n\n    flex-direction: column;\n    align-items: center;\n}\n\n@media (min-width: 800px) {\n    .section__meta {\n        flex-direction: row;\n        align-items: baseline;\n    }\n}\n\n.section__details {\n    flex-grow: 1;\n\n    text-align: center;\n}\n\n@media (min-width: 800px) {\n    .section__details {\n        text-align: left;\n    }\n}\n\n.section__actions {\n    display: flex;\n\n    gap: var(--space-small);\n\n    flex-shrink: 0;\n}\n\n.subsection {\n    margin-top: var(--space-large);\n    margin-bottom: var(--space-large);\n}\n\n.subsection--small {\n    max-width: 55ch;\n    margin-right: auto;\n    margin-left: auto;\n}\n\n.subsection__title {\n    margin-top: 0;\n    margin-bottom: 0;\n\n    font-family: var(--font-family-title);\n    letter-spacing: 0.01em;\n}\n",".title--small {\n    font-size: var(--size-normal);\n}\n",".collection__public {\n    margin-right: var(--space-small);\n}\n\n.collection__topics {\n    max-width: 55ch;\n    margin-right: auto;\n    margin-left: auto;\n\n    font-style: italic;\n    text-align: center;\n}\n\n.collection__description {\n    max-width: 55ch;\n    margin: var(--space-large) auto;\n    padding-right: var(--space-smaller);\n    padding-left: var(--space-smaller);\n}\n\n@media (min-width: 800px) {\n    .collection__description {\n        padding-right: 0;\n        padding-left: 0;\n    }\n}\n\n.collection__number-links {\n    margin-bottom: var(--space-small);\n\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n    text-align: center;\n}\n\n.list--collections-others {\n    margin-top: 0;\n}\n",".collections-selector select {\n    width: 100%;\n}\n",".feed h2 {\n    margin-top: var(--space-larger);\n    margin-bottom: var(--space-larger);\n\n    font-family: var(--font-family-title);\n    text-align: center;\n}\n\n.feed__entry + .feed__entry {\n    margin-top: var(--space-large);\n}\n\n.feed__entry h3 {\n    margin-bottom: var(--space-small);\n}\n",".form-avatar {\n    margin-bottom: var(--space-large);\n}\n",".group + .group {\n    margin-top: var(--space-larger);\n}\n\n.group__header {\n    position: sticky;\n    top: 0;\n\n    display: flex;\n    padding-right: var(--space-small);\n    padding-left: var(--space-small);\n\n    align-items: center;\n\n    background-color: var(--color-white);\n    box-shadow: 0 2px 2px var(--color-white);\n}\n\n/**\n * This is a hack to create a descending z-index priority over the\n * group__headers. This is because if a group__header has a popup menu in it,\n * the stacking context (created because of the sticky property) makes it\n * appear below the next group__header. This is the case in the news for\n * instance.\n * The hack only works for 10 elements, but hopefully, this should be enough\n * most of the time.\n */\n.group:nth-child(1) .group__header {\n    z-index: 20;\n}\n\n.group:nth-child(2) .group__header {\n    z-index: 19;\n}\n\n.group:nth-child(3) .group__header {\n    z-index: 18;\n}\n\n.group:nth-child(4) .group__header {\n    z-index: 17;\n}\n\n.group:nth-child(5) .group__header {\n    z-index: 16;\n}\n\n.group:nth-child(6) .group__header {\n    z-index: 15;\n}\n\n.group:nth-child(7) .group__header {\n    z-index: 14;\n}\n\n.group:nth-child(8) .group__header {\n    z-index: 13;\n}\n\n.group:nth-child(9) .group__header {\n    z-index: 12;\n}\n\n.group:nth-child(10) .group__header {\n    z-index: 11;\n}\n\n.group__icon {\n    margin-right: var(--space-smaller);\n}\n\n.group__icon,\n.group__header button {\n    flex-shrink: 0;\n}\n\n.group__icon .icon {\n    width: 1.3em;\n}\n\n.group__title {\n    overflow: hidden;\n\n    margin-top: var(--space-medium);\n    margin-bottom: var(--space-medium);\n\n    font-family: var(--font-family-title);\n    font-size: var(--size-normal);\n    text-overflow: ellipsis;\n}\n\n@media (min-width: 800px) {\n    .group__title {\n        font-size: var(--size-large);\n    }\n}\n\n.group__subtitle {\n    margin-top: 0;\n    margin-bottom: 0;\n    padding-right: var(--space-small);\n    padding-left: var(--space-small);\n\n    font-size: var(--size-small);\n}\n\n@media (min-width: 800px) {\n    .group__subtitle {\n        padding-right: var(--space-medium);\n        padding-left: var(--space-medium);\n    }\n}\n\n.group__separator {\n    height: 0.3rem;\n    margin-right: var(--space-medium);\n    margin-left: var(--space-medium);\n\n    flex: 1;\n\n    background: linear-gradient(to right, var(--color-turquoise-5), var(--color-purple-5), var(--color-turquoise-5));\n    border: none;\n    border-radius: 2em;\n}\n\n.group-selector__group-input {\n    display: none;\n}\n\n.group-selector__group-select select {\n    flex-grow: 1;\n}\n",".link {\n    position: relative;\n\n    display: flex;\n    width: 100%;\n    max-width: 100%;\n    margin-bottom: var(--space-medium);\n\n    flex-direction: column;\n    flex-grow: 1;\n\n    box-shadow: 0 1px 4px 1px var(--color-grey-2);\n\n    transition: box-shadow 0.5s ease-in-out;\n}\n\n.link:focus-within {\n    box-shadow: 0 1px 4px 1px var(--color-purple-2);\n}\n\n@media (min-width: 800px) {\n    .link {\n        max-width: 31%;\n        margin-right: 1%;\n        margin-left: 1%;\n    }\n}\n\n.link__meta {\n    display: flex;\n    padding: var(--space-smaller);\n\n    align-items: flex-start;\n\n    pointer-events: none;\n}\n\n@media (min-width: 800px) {\n    .link:not(.link--compact) .link__meta {\n        position: absolute;\n        right: 0;\n        left: 0;\n    }\n}\n\n.link__meta-warning,\n.link__meta-date {\n    padding: 0 var(--space-small);\n\n    font-size: var(--size-small);\n    font-style: italic;\n\n    border-radius: var(--radius);\n\n    pointer-events: initial;\n}\n\n.link__meta-warning {\n    color: var(--color-text-warning);\n    text-align: left;\n\n    background-color: var(--color-back-warning);\n    border: none;\n}\n\n.link__meta-warning:hover,\n.link__meta-warning:focus {\n    background-color: var(--color-back-warning);\n}\n\n.link__meta-warning span {\n    white-space: nowrap;\n}\n\n.link__meta-separator {\n    flex-grow: 1;\n}\n\n.link__meta-date {\n    opacity: 0.8;\n    background-color: var(--color-purple-1);\n}\n\n@media (min-width: 800px) {\n    .link--compact .link__meta-warning,\n    .link--compact .link__meta-date {\n        font-size: var(--size-smaller);\n    }\n}\n\n.link__body {\n    display: flex;\n    padding: var(--space-smaller);\n\n    flex: 1;\n}\n\n.link__meta + .link__body {\n    margin-top: calc(-1 * var(--space-smaller));\n}\n\n@media (min-width: 800px) {\n    .link:not(.link--compact) .link__body {\n        padding: 0;\n\n        flex-direction: column;\n    }\n\n    .link:not(.link--compact) .link__meta + .link__body {\n        margin-top: 0;\n    }\n}\n\n.link__image-container {\n    width: 75px;\n    height: 75px;\n\n    flex-shrink: 0;\n\n    border-radius: var(--radius);\n}\n\n.link__image {\n    width: 100%;\n    height: 100%;\n\n    border-radius: var(--radius);\n\n    object-fit: cover;\n}\n\n@media (min-width: 800px) {\n    .link:not(.link--compact) .link__image-container {\n        width: 100%;\n        height: 156px;\n\n        border-radius: 0;\n    }\n\n    .link:not(.link--compact) .link__image {\n        border-radius: 0;\n    }\n}\n\n.link__content {\n    min-width: 0;\n    margin-left: var(--space-small);\n}\n\n@media (min-width: 800px) {\n    .link:not(.link--compact) .link__content {\n        margin-left: 0;\n        padding: var(--space-small);\n    }\n}\n\n.link__title {\n    margin-top: 0;\n    margin-bottom: var(--space-medium);\n\n    font-size: var(--size-normal);\n    font-weight: bold;\n    line-height: 1.25;\n}\n\n.link__title a {\n    overflow: hidden;\n\n    display: block;\n\n    text-decoration: none;\n    text-overflow: ellipsis;\n}\n\n@media (min-width: 800px) {\n    .link--compact .link__title {\n        font-size: var(--size-small);\n    }\n}\n\n.link__text {\n    margin-top: var(--space-small);\n    margin-bottom: var(--space-small);\n\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n    overflow-wrap: anywhere;\n}\n\n@media (min-width: 800px) {\n    .link--compact .link__text {\n        font-size: var(--size-smaller);\n    }\n}\n\n.link__text--oneline {\n    display: flex;\n\n    align-items: baseline;\n\n    white-space: nowrap;\n}\n\n.link__ellipsis {\n    overflow: hidden;\n\n    text-overflow: ellipsis;\n}\n\n.link__actions {\n    display: flex;\n    padding: var(--space-smaller);\n\n    align-items: center;\n    justify-content: space-between;\n\n    background-color: var(--color-purple-1);\n    background-image: linear-gradient(to right, var(--color-purple-2), var(--color-purple-3), var(--color-purple-2));\n    background-repeat: repeat-x;\n    background-position: 0 100%;\n    background-size: 100% 3px;\n    box-shadow: 0 -1px 2px 0 var(--color-purple-1);\n}\n\n@media (min-width: 800px) {\n    .link:not(.link--compact) .link__actions {\n        padding: var(--space-small);\n    }\n}\n\n.link__actions-group {\n    display: flex;\n\n    align-items: center;\n}\n\n.link__actions-group > * + * {\n    margin-left: var(--space-small);\n}\n\n.link__actions-button {\n    color: var(--color-purple-8);\n}\n\n.link__actions-button:hover {\n    border-color: var(--color-purple-2);\n}\n",".message {\n    margin-bottom: var(--space-large);\n}\n\n.message__author {\n    font-size: var(--size-small);\n    font-weight: bold;\n    overflow-wrap: anywhere;\n}\n\n.message__avatar {\n    width: 5rem;\n\n    background-color: var(--color-white);\n    border: 2px solid var(--color-turquoise-5);\n    border-radius: 50%;\n}\n\n.message__date {\n    color: var(--color-text-secondary);\n    font-size: var(--size-small);\n}\n\n.message__content {\n    overflow: hidden;\n\n    padding: var(--space-smaller);\n\n    text-overflow: ellipsis;\n    word-wrap: break-word;\n}\n\n@media (min-width: 800px) {\n    .message__content {\n        margin-left: 5rem;\n        padding: var(--space-small);\n    }\n}\n\n.message__content code {\n    padding-right: var(--space-smaller);\n    padding-left: var(--space-smaller);\n\n    font-size: var(--size-small);\n\n    background-color: var(--color-turquoise-1);\n    border-radius: var(--radius);\n}\n\n.message__content pre {\n    overflow: auto;\n\n    padding: var(--space-medium) var(--space-small);\n\n    color: var(--color-white);\n\n    background-color: var(--color-turquoise-9);\n    border-top: var(--width-border) solid var(--color-turquoise-5);\n    border-bottom: var(--width-border-bold) solid var(--color-turquoise-5);\n    border-radius: var(--radius);\n}\n\n@media (min-width: 800px) {\n    .message__content pre {\n        padding-right: var(--space-medium);\n        padding-left: var(--space-medium);\n    }\n}\n\n.message__content pre code {\n    padding: 0;\n\n    color: var(--color-white);\n\n    background-color: transparent;\n    border: none;\n}\n\n.message__content blockquote {\n    margin-right: 0;\n    margin-left: 0;\n    padding: var(--space-medium) var(--space-small);\n\n    font-style: italic;\n\n    background-color: var(--color-turquoise-3);\n    background-image: url('../../icons/block-quote.svg');\n    background-repeat: no-repeat;\n    background-size: 45px;\n    border-radius: var(--radius);\n}\n\n@media (min-width: 800px) {\n    .message__content blockquote {\n        padding: var(--space-smaller) var(--space-larger);\n\n        background-size: 75px;\n    }\n}\n",".news__refresh-button[disabled] .icon {\n    animation: icon-spin 5s linear infinite;\n}\n\n.news__source {\n    font-style: italic;\n}\n\n.news__postpone {\n    margin-top: var(--space-large);\n    padding: var(--space-medium);\n    padding-bottom: var(--space-larger);\n\n    text-align: center;\n}\n\n.news__postpone-popup .popup__container {\n    font-size: var(--size-normal);\n}\n\n.news__postpone-button {\n    font-size: 1.2em;\n\n    background-color: var(--color-purple-1);\n    border-color: var(--color-purple-4);\n}\n\n.news__source-group {\n    margin-top: var(--space-medium);\n    margin-bottom: var(--space-medium);\n}\n\n@media (min-width: 800px) {\n    .news__source-group {\n        margin-left: var(--space-small);\n        padding-right: var(--space-smaller);\n        padding-left: var(--space-smaller);\n\n        border-left: var(--width-border-bold) solid var(--color-purple-1);\n    }\n}\n\n.news__source-title {\n    margin: 0;\n    padding: var(--space-small);\n\n    font-size: var(--size-normal);\n}\n",".profile__meta {\n    display: flex;\n    max-width: 55ch;\n    margin-right: auto;\n    margin-bottom: var(--space-medium);\n    margin-left: auto;\n\n    flex-direction: column;\n    align-items: center;\n}\n\n@media (min-width: 800px) {\n    .profile__meta {\n        flex-direction: row;\n    }\n}\n\n.profile__details {\n    flex-grow: 1;\n\n    text-align: center;\n}\n\n@media (min-width: 800px) {\n    .profile__details {\n        text-align: left;\n    }\n}\n",".reading-nav {\n    text-align: center;\n}\n\n.reading-nav__container {\n    display: flex;\n    margin: 0;\n    margin-bottom: var(--space-large);\n    padding-left: 0;\n\n    align-items: stretch;\n\n    border: var(--width-border) solid var(--color-turquoise-3);\n    border-radius: var(--radius-button);\n\n    list-style: none;\n}\n\n.reading-nav__item {\n    flex: 1;\n}\n\n.reading-nav__anchor {\n    display: inline-block;\n    width: 100%;\n    height: 100%;\n    padding: var(--space-small);\n\n    text-decoration: none;\n\n    background-color: var(--color-turquoise-1);\n\n    outline-offset: -0.3rem;\n\n    transition:\n        color 0.3s ease-in-out,\n        background-color 0.3s ease-in-out;\n}\n\n.reading-nav__anchor:hover {\n    background-color: var(--color-turquoise-2);\n}\n\n.reading-nav__anchor[aria-current=\"page\"] {\n    background-color: var(--color-turquoise-3);\n}\n\n.reading-nav__item:first-child .reading-nav__anchor {\n    border-radius: var(--radius-button) 0 0 var(--radius-button);\n}\n\n.reading-nav__item:last-child .reading-nav__anchor {\n    border-radius: 0 var(--radius-button) var(--radius-button) 0;\n}\n",".share {\n    display: flex;\n    margin-top: var(--space-large);\n    margin-bottom: var(--space-large);\n    padding: var(--space-small) var(--space-medium);\n\n    flex-direction: column;\n    align-items: center;\n\n    background-color: var(--color-purple-1);\n    border-radius: var(--radius);\n}\n\n@media (min-width: 800px) {\n    .share {\n        flex-direction: row;\n    }\n}\n\n.share__text {\n    flex: 1;\n\n    font-family: monospace;\n    text-align: center;\n    word-break: break-all;\n}\n",".topics-selector {\n    margin-bottom: var(--space-medium);\n\n    text-align: center;\n}\n\n.topics-selector:last-child {\n    margin-bottom: 0;\n}\n\n.topics-selector__item {\n    display: inline-block;\n    margin: var(--space-smaller);\n}\n\n.topics-selector__label {\n    margin-bottom: 0;\n    padding: var(--space-small) var(--space-medium);\n\n    background-color: var(--color-white);\n    border: var(--width-border) solid var(--color-border);\n    border-radius: var(--radius-button);\n\n    transition:\n        background-color 0.2s ease-in-out,\n        border-color 0.2s ease-in-out;\n}\n\ninput[type=\"checkbox\"]:focus + .topics-selector__label {\n    box-shadow: 0 0 0 1px var(--color-purple-5);\n}\n\ninput[type=\"checkbox\"]:focus + .topics-selector__label::before {\n    box-shadow: none;\n}\n\ninput[type=\"checkbox\"]:checked + .topics-selector__label {\n    background-color: var(--color-turquoise-3);\n    border-color: var(--color-turquoise-6);\n}\n\ninput[type=\"checkbox\"]:checked + .topics-selector__label::before {\n    border-color: var(--color-turquoise-7);\n    border-color: transparent;\n}\n\ninput[type=\"checkbox\"]:checked + .topics-selector__label::after {\n    left: 2.5rem;\n}\n","@import './utils/flow.css';\n@import './utils/variables.css';\n@import './utils/fonts.css';\n@import './utils/animations.css';\n@import './components/alerts.css';\n@import './components/avatars.css';\n@import './components/anchors.css';\n@import './components/buttons.css';\n@import './components/cards.css';\n@import './components/forms.css';\n@import './components/groupnavs.css';\n@import './components/header.css';\n@import './components/icons.css';\n@import './components/illustrations.css';\n@import './components/stickers.css';\n@import './components/layout.css';\n@import './components/lines.css';\n@import './components/lists.css';\n@import './components/modal.css';\n@import './components/paragraphs.css';\n@import './components/pagination.css';\n@import './components/popup.css';\n@import './components/sections.css';\n@import './components/titles.css';\n@import './custom/collections.css';\n@import './custom/collections-selector.css';\n@import './custom/feeds.css';\n@import './custom/form-avatar.css';\n@import './custom/groups.css';\n@import './custom/links.css';\n@import './custom/messages.css';\n@import './custom/news.css';\n@import './custom/profiles.css';\n@import './custom/reading-nav.css';\n@import './custom/share.css';\n@import './custom/topics-selector.css';\n\n*,\n*::before,\n*::after {\n    box-sizing: border-box;\n}\n\nhtml {\n    font-size: 10px;\n}\n\nbody {\n    margin: 0;\n    padding: 0;\n\n    color: var(--color-text);\n    font-family: var(--font-family-text);\n    font-size: var(--size-base);\n\n    background: linear-gradient(to bottom, var(--color-body), var(--color-purple-1) 420px);\n}\n\n*:focus {\n    outline: var(--width-border-bold) solid var(--color-purple-4);\n}\n\n.sr-only {\n    position: absolute;\n\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n\n    width: 1px;\n    height: 1px;\n}\n\n.js-only {\n    display: none;\n}\n\n@media (max-width: 799px) {\n    .no-mobile {\n        display: none;\n    }\n}\n\n@media (min-width: 800px) {\n    .only-mobile {\n        display: none;\n    }\n}\n\n.accessibility-nav {\n    position: absolute;\n\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n\n    width: 1px;\n    height: 1px;\n}\n\n.accessibility-nav:focus {\n    top: 0.75rem;\n    left: 2rem;\n\n    clip: auto;\n\n    width: auto;\n    height: auto;\n}\n\nhr {\n    width: 50%;\n    height: 0.3rem;\n    margin: var(--space-larger) auto;\n\n    background: linear-gradient(to right, var(--color-turquoise-2), var(--color-turquoise-4), var(--color-turquoise-2));\n    border: none;\n    border-radius: 2em;\n}\n\n.turbo-progress-bar {\n    position: fixed;\n    top: 0;\n\n    height: 0.5rem;\n\n    background: linear-gradient(to right, var(--color-turquoise-5), var(--color-purple-5));\n}\n"],"names":[],"version":3,"file":"application.css.map","sourceRoot":"/"}
\ No newline at end of file