/* compiled by scssphp 1.6.0 on Wed, 01 Jul 2026 08:06:41 +0000 (0.0582s) */

.sharer{overflow:visible}.sharer__container{grid-column:2/-2;display:flex;flex-direction:column;gap:2rem}@media (min-width:36rem){.sharer__container{flex-direction:row;align-items:center;gap:1rem}}.sharer__content{position:relative;display:flex;align-items:center;gap:0.5rem;width:fit-content;padding-inline-end:3.5rem}@media (min-width:48rem){.sharer__content{gap:1rem}}.sharer__content div:not(.button-row){max-height:max-content;position:relative;display:flex;justify-content:space-between;align-items:center}.sharer__content div:not(.button-row):not(:checked){transition:right 0.3s ease-out 1s, top 0.3s ease-out 1s}.sharer__content div:not(.button-row):not(:checked):nth-of-type(2){transition:right 0.3s ease-out 0.8s, top 0.3s ease-out 0.8s}.sharer__content div:not(.button-row):not(:checked):nth-of-type(3){transition:right 0.3s ease-out 0.6s, top 0.3s ease-out 0.6s}.sharer__content div:not(.button-row):has(input:checked)+.button-row{display:flex}.sharer__content div:not(.button-row):has(input:checked)+.button-row .button{top:0;right:0;opacity:1;transition:0.4s ease-in-out;transition-delay:1s;transition-property:right, opacity}.sharer__content div:not(.button-row):has(input:checked)+.button-row .button:nth-of-type(2){right:-3rem;transition-delay:800ms}.sharer__content div:not(.button-row):has(input:checked)+.button-row .button:nth-of-type(3){right:-6rem;transition-delay:500ms}.sharer__content div:not(.button-row):has(input:checked)+.button-row .button:nth-of-type(4){right:-9rem;transition-delay:300ms}.sharer__content div:not(.button-row):has(input:checked)+.button-row .button:nth-of-type(5){right:-12rem;transition-delay:100ms}.sharer__content div:not(.button-row) input{width:100%;height:100%;position:absolute;top:0;left:0;appearance:none;cursor:pointer}.sharer__content div:not(.button-row) input:hover+label .sharer__icon,.sharer__content div:not(.button-row) input:focus-visible+label .sharer__icon{background-color:var(--color-2);color:var(--color-white);fill:var(--color-white)}.sharer__content div:not(.button-row) label{display:flex;align-items:center;gap:0.75rem;font-size:var(--font-size--xs);font-weight:var(--font-weight--medium)}.sharer__content div:not(.button-row) label .sharer__icon{background-color:var(--color-grey-7);color:var(--color-scheme-text);width:2.5rem;height:2.5rem;border-radius:50%;padding:0.25rem;display:flex;align-items:center;justify-content:center;transition:0.4s ease-in-out}.sharer__content div:not(.button-row) label .sharer__icon svg{width:1rem;height:1rem}.sharer__content .button-row{display:flex;gap:0.75rem;position:relative;min-width:2.5rem;min-height:2.5rem}.sharer__content .button-row .button{width:2.5rem;height:2.5rem;padding:0.25rem;background:var(--color-grey-7);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;top:0;right:-1rem;transition:top 0.3s ease-out, right 0.3s ease-out 1s}.sharer__content .button-row .button:hover{box-shadow:0 0.125rem 1.5rem 0 rgba(95, 203, 231, 0.2)}.sharer__content .button-row .button:nth-of-type(2){transition:top 0.3s ease-out, right 0.3s ease-out 0.8s}.sharer__content .button-row .button:nth-of-type(3){transition:top 0.3s ease-out, right 0.3s ease-out 0.6s}.sharer__content .button-row .button:nth-of-type(4){transition:top 0.3s ease-out, right 0.3s ease-out 0.4s}.sharer__content .button-row .button:nth-of-type(5){transition:top 0.3s ease-out, right 0.3s ease-out 0.2s}@media (min-width:40rem){.sharer__content .button-row .button{right:0;transition:right 0.3s ease-out 1s}.sharer__content .button-row .button:nth-of-type(2){transition:right 0.3s ease-out 0.8s}.sharer__content .button-row .button:nth-of-type(3){transition:right 0.3s ease-out 0.6s}.sharer__content .button-row .button:nth-of-type(4){transition:right 0.3s ease-out 0.4s}.sharer__content .button-row .button:nth-of-type(4){transition:right 0.3s ease-out 0.2s}}.sharer__content .button-row .button .icon{display:flex;justify-content:center;align-items:center}.sharer__content .button-row .button svg{fill:var(--color-scheme-text)}.sharer__content .button-row .button:hover,.sharer__content .button-row .button:focus-visible{background-color:var(--color-2);color:var(--color-white)}.sharer__content .button-row .button:hover svg,.sharer__content .button-row .button:focus-visible svg{fill:var(--color-white)}@media (min-width:36rem){.sharer .button__group{margin-inline-start:auto}}