/* @group @a-share-copy-textarea */

[class*="a-share-copy-textarea"] {
box-sizing: border-box;
display: block;
width: 100%;
min-height: 16.5rem;
padding: .375rem;
border: 1px solid hsl(220deg 5% 84%);
border-radius: .375rem;
background-color: var(--color-white);
font-size: .75rem;
field-sizing: fixed;
resize: vertical;
}
        
[class*="a-share-copy-textarea"]:focus {
outline: none;
border-color: hsl(198deg 75% 47.5%);
box-shadow: 0 0 0 1px hsl(198deg 75% 47.5%);
}

[class*="a-share-copy-textarea"]:focus-visible {
box-shadow: var(--color-white) 0px 0px 0px 2px, hsl(198deg 75% 47.5%) 0px 0px 0px 4px;
}

/* @end @a-share-copy-textarea */

/* -------------------------------------------------------- */

/* @group @variables - @link */

[class*="a-share-copy-link"] {
--link-padding-bottom: .125rem;
--link-background-position: 0 100%;
--link-background-size: 0 1px;
--link-action-background-size: 100% 1px;
--share-copy-link-background-image: url(data:image/svg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAABTklEQVRIDe1Uu07DQBDc3QApgZKOmpZPiJAfEbErREVFh0CiQVBR8AdQQscHkCCwTSIkehoaS0gpEggNBXyAo9ziUDjJnc3ZJZKv2p2d2dFOcQDl0ySA8tw03RoQXyHiqjyb6g/8++bFVJ9ZzimTCl8CwysIcabMEmDYTkpNoVxg1V0WDDsPXvM61qJhbK4JwqWsPUjIFRG9+77/kcZRL5iw0LTdG0RwaIKlV1QVpu0cBl7rXCZkGmzYjfXx8pHgbWJ+kYUzPeIeIJ7GWH6DOLvl8ZJRxE/tx9vPmYVSY9juMyHsS/Bvq70+TVQEKw20aSkRMcM3Cv7SKnMSFIPBW3clCFpeTr2WphiEYRhpVQUIikEBbS7q/zfI/It4KPqwQDBfpSPLaoR/5cHIWwzQS+NkGnQ6d12r7hzHP/YJEC2miROMuQ8Cd5O+LIok8APud1kYZIlWlwAAAABJRU5ErkJggg==);
}

[class*="a-share-copy-link"][class*="is-copied"] {
--share-copy-link-background-image: url(data:image/svg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAAA70lEQVRIDe1SvQ2CUBB+ByZCR0lBYcEChLcBAziGQbYRkRm0EWIcg5J5zjsMkZADATvDJUByP99fUGqtNYH/TyAsw1iX+kxOQXJrSM2pvbAIjwBwIeiESFLpbiM1p/RYOQGzcoUKkT61dDfowD/5WzoQbbfKQQE04KiSal/lkwm8m2c7O+dJKrM+SaPc6CgfAWdC0YFruVeaRZRv3CVh5eQpm6KcwbnECIJ7EJmG+aCpzUuImNNTgwHpHPBBAh70SbjH9S3z99bnLTpox32SueCMM0rACy0JAlokf/Bv4d3FxSS60IfFAOvhmsBPCbwA6Udd1rIobgQAAAAASUVORK5CYII=);
}

/* @end @variables - @a-link */

/* @group @a-share-copy-link */

[class*="a-share-copy-link"] {
display: inline-grid;
align-items: center;
grid-auto-flow: column;
gap: .25rem;
margin-right: auto;
}

:where([class*="a-share-copy-link"]):before {
content: '';
display: grid;
width: 1rem;
height: 1rem;
background-image: var(--share-copy-link-background-image);
background-size: 1rem auto;
}

:where([class*="a-share-copy-link"]) span {
box-decoration-break: clone;
margin-bottom: calc(-1 * var(--link-padding-bottom));
padding-bottom: var(--link-padding-bottom);
background-image: linear-gradient(var(--link-border-color), var(--link-border-color));
background-position: var(--link-background-position);
background-repeat: no-repeat;
background-size: var(--link-background-size);
font-size: .75rem;
color: var(--link-color);
transition: background-size .3s 0s var(--transition-cubic-bezier), color .3s 0s var(--transition-cubic-bezier);
}

:where([class*="a-share-copy-link"]:focus) span {
background-size: var(--link-action-background-size);
color: var(--link-action-color);
text-decoration: none;
}

@media (hover: hover) {

:where([class*="a-share-copy-link"]:hover) span {
background-size: var(--link-action-background-size);
color: var(--link-action-color);
text-decoration: none;
}

}

:where([class*="a-share-copy-link"]:active) span {
border-bottom-color: var(--link-active-color);
color: var(--link-active-color);
text-decoration: none;
}

/* @end @a-share-copy-link */