.petto-social{--social-size:80px;--social-item:60px;--social-radius:144px;z-index:70;right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));width:var(--social-size);height:var(--social-size);position:fixed}.petto-social-trigger{z-index:2;cursor:pointer;filter:drop-shadow(0 8px 14px #6b3b2430);background:0 0;border:0;border-radius:50%;width:100%;height:100%;padding:0;position:relative}.petto-social-trigger:disabled{visibility:hidden}.petto-social-trigger>img{object-fit:contain;width:100%;height:100%;transition:opacity .24s,transform .42s cubic-bezier(.22,.7,.2,1)}.petto-social-close{color:#fff9f2;opacity:0;background:linear-gradient(140deg,#8a5639,#512c1b);border:1px solid #8a5639;border-radius:50%;place-items:center;transition:opacity .24s,transform .42s cubic-bezier(.22,.7,.2,1);display:grid;position:absolute;inset:4%;transform:rotate(-90deg)scale(.65);box-shadow:inset 0 1px 3px #fff9f24d}.petto-social[data-open=true] .petto-social-trigger>img{opacity:0;transform:rotate(65deg)scale(.75)}.petto-social[data-open=true] .petto-social-close{opacity:1;transform:rotate(0)scale(1)}:is(.petto-social-trigger:focus-visible,.petto-social-channel:focus-visible){outline-offset:5px;outline:3px solid #6b3b24}.petto-social-channels{margin:0;padding:0;list-style:none}.petto-social-channels li{left:calc((var(--social-size) - var(--social-item)) / 2);top:calc((var(--social-size) - var(--social-item)) / 2);width:var(--social-item);height:var(--social-item);opacity:0;visibility:hidden;pointer-events:none;transform:rotate(calc(var(--social-angle) + 24deg)) translateY(0) scale(.25);transition:transform .44s cubic-bezier(.22,.7,.2,1),opacity .22s,visibility 0s linear .54s;transition-delay:calc((3 - var(--social-index)) * 30ms), calc((3 - var(--social-index)) * 30ms), .54s;position:absolute}.petto-social[data-open=true] .petto-social-channels li{opacity:1;visibility:visible;pointer-events:auto;transform:rotate(var(--social-angle)) translateY(calc(-1 * var(--social-radius))) scale(1);transition-delay:calc(var(--social-index) * 40ms), calc(var(--social-index) * 40ms), 0s}.petto-social-orbit{width:100%;height:100%;transform:rotate(calc(-1 * var(--social-angle)))}.petto-social-channel{background:#fffdf9;border:1px solid #eee1d1;border-radius:50%;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 6px 22px #6b3b2424}.petto-social-channel:disabled{opacity:1;cursor:not-allowed}.petto-social-channel img{object-fit:contain;width:36px;max-width:none;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.petto-social-channel img:not([src$=\.svg]){width:60px;height:60px}@media (max-width:767px){.petto-social{--social-size:64px;--social-item:52px;--social-radius:148px;right:max(14px, env(safe-area-inset-right));bottom:calc(100px + env(safe-area-inset-bottom))}.petto-social-channel img{width:32px;height:32px}.petto-social-channel img:not([src$=\.svg]){width:54px;height:54px}}@media (max-height:460px){.petto-social{--social-radius:132px;--social-item:48px}}@media (prefers-reduced-motion:reduce){.petto-social-trigger>img,.petto-social-close,.petto-social-channels li{transition:none}.petto-social[data-open=true] .petto-social-channels li{transition-delay:0s}}