.catalog-sb-area{position:absolute;top:130%;right:0;width:352px;background-color:var(--secondary_color);border:1px solid var(--secondary-txt);box-shadow:0 6px 16px rgb(0 0 0 / 15%);z-index:10;opacity:0;pointer-events:none;padding:16px;transition:.3s ease}.active+.catalog-sb-area{opacity:1;pointer-events:auto}.buttons_share{display:flex;align-items:center;justify-content:flex-start}.sharing__corner{position:absolute;top:5px;right:0;width:20px;height:20px;display:none}.sharing__link-placeholder{font-size:11px;line-height:1;letter-spacing:normal;color:var(--secondary-txt);margin-top:10px;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sharing__link{position:relative}.sharing__link::after{content:'';position:absolute;z-index:2;top:0;right:0;height:100%;width:30px;pointer-events:none;background:linear-gradient(270deg,#f5f5f5 30%,rgba(255,255,255,0) 140%)}.sharing__link input{width:100%;line-height:1;color:var(--main-txt);border:0;margin:0 0 5px;outline:0;font-size:15px;padding:0;cursor:pointer}.share-wrapper{position:relative}.composite_icons.share svg{opacity:.4;transition:.3s ease}.composite_icons.share:hover svg{opacity:.7}.composite_icons.share.active svg{opacity:1}@media (max-width:1350px){.catalog-sb-area{padding:10px;width:320px}}