.share-button{position:relative;display:block}.share-button .list-social{gap:0}.share-button details{width:fit-content}.share-button__button{font-size:inherit;line-height:1.2;display:flex}@media screen and (hover:hover){.share-button__button .label{background-image:linear-gradient(to top,rgb(var(--color-link)) 0 0),linear-gradient(to top,transparent 0,transparent 0)}}.share-button__button .icon{height:2.4rem;width:2.4rem}.share-button__fallback{padding:2.5rem 1.5rem;position:fixed;flex-direction:column;bottom:0;min-width:max-content;background-color:rgb(var(--color-background));align-items:center;box-shadow:0 0 4rem rgba(var(--color-foreground),.2);left:0;width:100%;row-gap:2.5rem;display:flex;z-index:12}.share-button__fallback .field{flex-direction:column}.share-button__fallback .field:first-child .field__label{margin-bottom:1rem}.share-button__fallback .field__label{font-size:1.3rem;text-transform:uppercase;letter-spacing:.04rem;line-height:calc(1 + .5/var(--font-body-scale))}.share-button__fallback .field__input{overflow:hidden;filter:none;min-height:auto;text-overflow:ellipsis;min-width:auto;background-color:rgba(var(--color-foreground),.04);cursor:pointer;white-space:nowrap}.share-button__message{height:4.2rem;padding:1.5rem;font-size:1.4rem;position:absolute;bottom:0;align-items:center;left:0;width:100%;display:flex}.share-button__message:not(:empty):not(.hidden)~*{font-size:0;background-color:transparent;cursor:default}.share-button__message:not(:empty):not(.hidden)~.button{display:none}@media screen and (min-width:750px){.share-button__fallback{padding:2rem 2.5rem;border:.1rem solid rgb(var(--color-border));position:absolute;bottom:calc(100% + 1rem);box-shadow:none;width:30rem;z-index:3}}.share-button__close{height:2rem;padding:0;justify-content:center;border:none;right:1rem;color:rgb(var(--color-link));transition:color var(--duration-default) ease;position:absolute;top:1rem;align-items:center;border-radius:50%;background:none;cursor:pointer;width:2rem;display:flex}.share-button__close .icon{height:.8rem;position:relative;width:.8rem;z-index:2}.share-button__close:after{height:100%;transform:scale(0);pointer-events:none;transition:transform var(--duration-default) ease;content:"";position:absolute;top:0;background-color:rgb(var(--color-foreground));border-radius:50%;left:0;width:100%;z-index:1}@media screen and (hover:hover){.share-button__close:hover{color:rgb(var(--color-background))}.share-button__close:hover:after{transform:scale(1)}}.share-button__field{column-gap:1rem;margin-top:1rem;display:flex}.share-button__copy{flex:0 0 auto;height:4.2rem;padding:0;min-width:auto;width:4.2rem}.share-button__copy .icon{height:1.4rem;width:1.4rem}@media screen and (max-width:749px){.share-button details[open] .share-button__button:before{height:100%;transition:opacity var(--duration-long) ease;content:"";position:fixed;top:0;background-color:rgba(var(--color-overlay),.5);cursor:url(https://rotakilavuzu.top/cdn/shop/t/7/assets/cross.svg),url(https://rotakilavuzu.top/cdn/shop/t/7/assets/cross.png),zoom-out;left:0;width:100%;z-index:100}.share-button__fallback{border-top-right-radius:.8rem;border-top-left-radius:.8rem;z-index:100}.share-button__close{height:4.4rem;margin-right:-2.2rem;right:50%;color:rgb(var(--color-foreground));top:0;background-color:rgb(var(--color-background));box-shadow:0 0 4rem rgba(var(--color-foreground),.2);width:4.4rem;margin-top:-5.5rem}.share-button__close .icon{height:1.6rem;width:1.6rem}}