/* Integration only. Layout, popup geometry, typography and transitions use Fragment's source CSS. */
[hidden]{display:none!important}
dialog.popup-container{border:0;margin:0;height:100dvh;max-height:none;max-width:none;color:#fff}
dialog.popup-container:not([open]){display:none!important}
dialog.popup-container::backdrop{background:transparent}
.popup-side-icons button{border:0;background:transparent;color:inherit}
#detail-fields{margin:16px 0}#detail-fields .tm-list-item{font-size:14px;padding:8px 0}
#detail-fields .tm-list-item-value{overflow-wrap:anywhere;max-width:65%}
#detail-preview{display:block;margin:0 auto 14px;width:180px;height:180px;position:relative}
#detail-preview img,#detail-preview canvas{width:100%;height:100%;border-radius:var(--def-border-radius)}
#toast{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--table-bg-color);color:#fff;padding:14px 22px;border-radius:var(--def-border-radius);z-index:200;max-width:90vw;font-size:14px}
#conversion{margin-top:24px}#conversion .tm-main-intro-text{text-align:left}.tm-row-selectable[role=button]{cursor:pointer}
.icon-connect-staticgram{width:20px;height:20px;background:url('/staticgram.png') center/contain no-repeat}
.sg-collections .tm-main-filters-list{max-height:60svh}.sg-collections .tm-main-filters-content{margin:16px -12px 0}.sg-collections .tm-input{font-size:15px;padding:10px 16px;background:var(--table-bg-color)}
.tm-logo:hover .tm-logo-icon{transform:rotate(-15deg);transition:transform var(--def-transition)}
@media(prefers-reduced-motion:reduce){.popup-container,.popup,.tm-header-menu,.tm-logo-icon{transition:none!important}}

#detail .popup-buttons{position:static;margin:12px -12px -8px;text-align:center}
#detail-preview{float:none}
@media(max-width:479px){.tm-header-actions-thin .tm-button-label{font-size:12px}.tm-header-actions-thin .tm-header-button{padding-left:8px;padding-right:8px}}

.tm-grid-item-thumb{aspect-ratio:1;background:var(--table-bg-color)}.tm-grid-thumb{aspect-ratio:1;object-fit:cover}

.icon-connect-staticgram{margin-right:9px;margin-left:-2px;flex-shrink:0}