.share-modal{display:flex;flex-direction:column;overflow:hidden;width:100%}.share-modal__content{display:flex;flex-direction:column;gap:24px}.share-modal__options{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.share-modal__copy-section{display:flex;flex-direction:column;gap:16px}.share-modal__divider{align-items:center;color:var(--ui-text-muted);display:flex;font-size:14px;font-weight:400;gap:12px;line-height:20px}.share-modal__divider:after,.share-modal__divider:before{background:var(--ui-border);content:"";flex:1;height:1px}.share-modal__divider span{white-space:nowrap}.share-modal__copy-container{align-items:center;background:var(--ui-bg-accented);border-radius:8px;display:flex;gap:8px;padding:12px}.share-modal__url{color:var(--ui-text-muted);flex:1;font-size:14px;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-modal__copy-button{flex-shrink:0;min-width:90px}@media screen and (max-width:768px){.share-modal{border-radius:16px 16px 0 0;max-width:100%}.share-modal__header{padding:16px 20px}.share-modal__content{padding:20px}.share-modal__options{gap:12px;grid-template-columns:repeat(3,1fr)}}.share-option{align-items:center;background:var(--ui-bg-elevated);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:10px;transition:all .2s ease}.share-option:hover{background:var(--ui-bg-accented);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.share-option:active{transform:translateY(0)}.share-option__icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:44px;justify-content:center;transition:transform .2s ease;width:44px}.share-option__icon svg{stroke:#fff}.share-option__label{color:var(--ui-text-highlighted);font-size:13px;font-weight:500;line-height:18px;text-align:center}@media screen and (max-width:768px){.share-option{padding:12px 8px}.share-option__icon{height:44px;width:44px}.share-option__label{font-size:12px}}:root{--large-container-max-width:1920px;--container-max-width:1240px;--container-padding:96px;--container-padding-redesign:64px;--project-max-width:812px;--project-margin-right:340px;--header-height:84px}@media screen and (max-width:1400px){:root{--container-padding:64px;--project-max-width:750px}}@media screen and (max-width:1100px){:root{--project-margin-right:0}}@media screen and (max-width:992px){:root{--container-padding:48px;--container-padding-redesign:48px;--project-max-width:646px;--project-margin-right:0}}@media screen and (max-width:768px){:root{--container-padding:8px;--container-padding-redesign:20px;--project-margin-right:0}}.modal-header{background-color:#fff;border-bottom:1px solid var(--ui-border);left:0;padding:10px 16px;position:absolute;top:0;width:100%;z-index:1000}.modal-header.mobile{background-color:unset;border-bottom:unset;position:sticky}.modal-header__close .app-button__container{padding-left:0}.modal-header__close-icon{color:var(--ui-text-dimmed)}.modal-header.mobile .modal-header__close{align-items:center;border:unset;border-radius:50%;display:flex;height:38px;justify-content:center;padding:0;width:38px}.modal-header.mobile .modal-header__close .app-button__container{padding-left:10px}.modal-header.mobile .modal-header__close-icon{color:var(--ui-text-highlighted)}.modal-header.mobile .modal-header__close-label{display:none}.modal-header,.modal-header__close,.modal-header__right{align-items:center;display:flex;justify-content:space-between}.modal-header__close-whole{border-radius:50%;color:#000;height:44px;position:absolute;right:-44px}.modal-header__title{font-size:var(--font-size-text-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-text-xl);text-align:center}.modal-header__right{gap:.5rem}.modal-header.mobile .modal-header__right{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background-color:var(--bg-white-transparent-6);border-radius:var(--rounded-3xl);box-shadow:0 4px 24px #2727263d;color:var(--ui-text-highlighted);gap:0;padding:0 4px}.modal-header.mobile .modal-header__support-label{display:none}.modal-header.mobile .action-buttons__folder,.modal-header.mobile .action-buttons__like{background:none;border:none;padding:0}.fly-to-project-button .app-button__icon{display:none}.fly-to-project-button--compact:hover{background-color:transparent}.fly-to-project-button--compact .app-button__container{padding:0 4px 0 0}@media(max-width:760px){.modal-header__close-whole{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent!important;border-radius:initial;box-shadow:none;position:static}}@media screen and (max-width:480px){.modal-header__support-label{display:none}.fly-to-project-button{background:transparent}.fly-to-project-button .app-button__icon{color:var(--color-primary);display:block}.fly-to-project-button .app-button__label{display:none}}
