.share-social{margin:10px 0}
.share-social .hero-sharing .hero-share{display:flex;justify-content:center;align-items:center}
.share-social .hero-sharing .hero-share span{color:var(--rds-color-content-link)}
.block-shared{position:fixed;z-index:999;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;background-color:var(--rds-color-styles-elevation-overlay);display:none}
.block-shared .block-modal{background-color:var(--rds-color-surface-white);border:1px solid var(--rds-color-border-low);border-radius:var(--rds-radius-m);padding:24px;position:relative;min-width:200px;width:100%}
@media(min-width:576px){.block-shared .block-modal{max-width:450px}
}
.block-shared .block-modal-heading{display:flex;justify-content:space-between;align-items:center;position:relative;min-height:20px;padding-right:30px}
.block-shared .block-modal-heading .icon{position:absolute;top:0;right:0;color:var(--rds-color-content-high);cursor:pointer;background:0;border:0;padding:2px 0 0}
.block-shared .block-modal-heading__border-bottom{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid var(--rds-color-border-low)}
.block-shared .block-modal-content{padding:0 20px}
@media(min-width:576px){.block-shared .block-modal-content{padding:0}
}
.block-shared .block-modal-content textarea{width:100%;height:80px;margin:10px 0 5px;border:1px solid var(--rds-color-interactive-border-default);border-radius:var(--rds-radius-s);padding:6px 10px;resize:none;display:block;color:var(--rds-color-content-high)}
.block-shared .block-modal-content textarea::-webkit-input-placeholder{color:var(--rds-color-content-medium)}
.block-shared .block-modal-content textarea:hover{border:1px solid var(--rds-color-interactive-border-state-hover)}
.block-shared .block-modal-content textarea:active{border:1px solid var(--rds-color-interactive-border-state-active)}
.block-shared .block-modal-content ul{margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:300px;margin:0 auto}
@media(min-width:576px){.block-shared .block-modal-content ul{max-width:none}
}
.block-shared .block-modal-content ul li{list-style:none;padding:10px;display:flex;justify-content:center;align-items:center;flex:0 0 25%}
@media(min-width:576px){.block-shared .block-modal-content ul li{flex:initial}
}
.block-shared .block-modal-content ul li:hover{opacity:.75}
.block-shared .block-modal-content ul li img{width:32px;height:32px}