.tutorial-share{color:#0f172a}.tutorial-share__inner{padding-bottom:32px}.tutorial-share__card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;box-shadow:0 6px 24px #0f172a0f}.tutorial-share__text{display:flex;flex-direction:column;gap:6px;min-width:0}.tutorial-share__heading{margin:0;font-size:18px;font-weight:600;line-height:1.3;color:#0f172a}.tutorial-share__subheading{margin:0;font-size:14px;font-weight:400;line-height:1.4;color:#475569;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.8em}.tutorial-share__actions{flex:0 0 auto;position:relative}.tutorial-share__button-custom{display:inline-block}.tutorial-share__trigger{display:inline-flex;align-items:center;gap:8px;height:42px;min-height:42px;padding:0 18px;border:1px solid #0f172a;border-radius:999px;background:#fff;color:#0f172a;font-size:14px;font-weight:500;line-height:1;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.tutorial-share__trigger::-webkit-details-marker{display:none}.tutorial-share__trigger:hover,.tutorial-share__trigger:focus-visible{background:#0f172a;color:#fff;outline:none}.tutorial-share__details[open] .tutorial-share__trigger{background:#0f172a;color:#fff}.tutorial-share__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:10;min-width:280px;padding:16px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;box-shadow:0 12px 32px #0f172a1f}.tutorial-share__panel-title{margin:0 0 12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.tutorial-share__socials{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 12px;padding:0;list-style:none}.tutorial-share__social{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:12px;background:#f8fafc;color:#0f172a;font-size:12px;font-weight:500;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.tutorial-share__social:hover,.tutorial-share__social:focus-visible{background:#e2e8f0;transform:translateY(-1px);outline:none}.tutorial-share__social svg{display:block}.tutorial-share__social-name{font-size:12px;line-height:1}.tutorial-share__copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;border:1px solid rgba(15,23,42,.08);border-radius:10px;background:#fff;color:#0f172a;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.tutorial-share__copy:hover,.tutorial-share__copy:focus-visible{background:#f1f5f9;outline:none}.tutorial-share__copy.is-copied{background:#ecfdf5;color:#047857;border-color:#a7f3d}@media screen and (max-width:767px){.tutorial-share__card{flex-direction:row;align-items:center;gap:16px}.tutorial-share__text{flex:1 1 auto;min-width:0}.tutorial-share__actions{flex:0 0 auto}.tutorial-share__socials{grid-template-columns:repeat(2,1fr)}.tutorial-share__panel{right:0;left:auto;min-width:240px;max-width:calc(100vw - 32px)}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/section-tutorial-share.css.map */