.es-social{position:fixed;inset-inline-start:20px;inset-block-end:calc(max(30px,env(safe-area-inset-bottom) + 16px) + var(--es-social-lift, 0px));z-index:30;display:flex;flex-direction:column-reverse;align-items:center;gap:10px;pointer-events:none;transition:inset-block-end .28s var(--es-ease),opacity .28s var(--es-ease),transform .28s var(--es-ease),visibility .28s var(--es-ease)}.es-social__toggle,.es-social__link{pointer-events:auto}.es-social[data-tucked=true]{opacity:0;visibility:hidden;transform:translateY(14px)}.es-social__toggle{display:grid;place-items:center;inline-size:60px;block-size:60px;padding:0;border:0;border-radius:50%;background:var(--es-brass);color:#fff;cursor:pointer;box-shadow:var(--es-shadow-lift, 0 10px 26px -12px rgb(38 34 29 / .65));transition:background-color .2s var(--es-ease),transform .2s var(--es-ease)}.es-social__toggle:hover{background:var(--es-brass-deep);transform:translateY(-2px)}.es-social__toggle:focus-visible{outline:2px solid var(--es-ink);outline-offset:3px}.es-social__toggle svg{grid-area:1 / 1;inline-size:27px;block-size:27px;fill:currentColor;transition:opacity .2s var(--es-ease),transform .2s var(--es-ease)}.es-social__icon--close{opacity:0;transform:rotate(-60deg)}.es-social[data-open=true] .es-social__icon--open{opacity:0;transform:rotate(60deg)}.es-social[data-open=true] .es-social__icon--close{opacity:1;transform:none}.es-social__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column-reverse;align-items:center;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s var(--es-ease),transform .22s var(--es-ease),visibility .22s var(--es-ease)}.es-social[data-open=true] .es-social__list{opacity:1;visibility:visible;transform:none}.es-social[data-tucked=true] .es-social__list{opacity:0;visibility:hidden}.es-social__link{display:grid;place-items:center;inline-size:50px;block-size:50px;border-radius:50%;background:var(--es-plaster);border:1px solid var(--es-hair);color:var(--es-ink);text-decoration:none;box-shadow:var(--es-shadow-lift, 0 8px 20px -12px rgb(38 34 29 / .6));transition:background-color .2s var(--es-ease),border-color .2s var(--es-ease),color .2s var(--es-ease),transform .2s var(--es-ease)}.es-social__link svg{inline-size:24px;block-size:24px;fill:currentColor}.es-social__link:hover{background:var(--es-brass);border-color:var(--es-brass);color:#fff;transform:translateY(-2px)}.es-social__link:focus-visible{outline:2px solid var(--es-brass);outline-offset:3px}@media(prefers-reduced-motion:reduce){.es-social,.es-social__list,.es-social__link,.es-social__toggle,.es-social__toggle svg{transition-duration:1ms}}@media print{.es-social{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/elshrouk-social.css.map */