#framewerk-devtools{position:fixed;right:18px;bottom:18px;z-index:2147483647;width:min(560px,calc(100vw - 36px));max-height:min(800px,calc(100vh - 36px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:#111113f7;box-shadow:0 24px 80px #0000007a;color:#fff;font:500 14px/1.45 Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}#framewerk-devtools[hidden]{display:none!important}.framewerk-devtools__header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px 14px}.framewerk-devtools__header p{margin:0 0 2px;font-size:10px;font-weight:900;letter-spacing:.18em;opacity:.58}.framewerk-devtools__header h2{margin:0;font-size:24px;font-weight:900;letter-spacing:.055em}.framewerk-devtools__header button{width:42px;height:42px;border:0;border-radius:12px;background:#ffffff1a;color:#fff;cursor:pointer;font-size:26px;line-height:1}.framewerk-devtools__tabs{display:flex;gap:7px;padding:0 20px 14px;overflow-x:auto;scrollbar-width:thin}.framewerk-devtools__tabs button{flex:0 0 auto;border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:8px 12px;background:#ffffff0a;color:#ffffffad;cursor:pointer;font:800 12px/1 Arial,sans-serif;text-transform:capitalize}.framewerk-devtools__tabs button.is-active{background:#fff;color:#111}.framewerk-devtools__content{min-height:240px;overflow:auto;padding:0 20px 18px}.framewerk-devtools__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px}.framewerk-devtools__metric{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border-radius:13px;background:#fff1}.framewerk-devtools__metric div{min-width:0}.framewerk-devtools__metric small{display:block;color:#ffffff7a;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.framewerk-devtools__metric strong{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.framewerk-status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#777;box-shadow:0 0 0 4px #ffffff0a}.framewerk-status-dot.is-good{background:#76e69e;box-shadow:0 0 12px #76e69ea6}.framewerk-status-dot.is-warn{background:#ffd176;box-shadow:0 0 12px #ffd1768c}.framewerk-status-dot.is-bad{background:#ff8585;box-shadow:0 0 12px #ff858594}.framewerk-devtools__action{width:100%;margin:0 0 10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:11px 14px;background:#ffffff12;color:#fff;cursor:pointer;font:800 12px/1 Arial,sans-serif}.framewerk-devtools__section{display:grid;gap:8px}.framewerk-devtools__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 13px;border-radius:12px;background:#fff1}.framewerk-devtools__row>span{color:#ffffffa6}.framewerk-devtools__row strong{max-width:280px;text-align:right;overflow-wrap:anywhere}.framewerk-devtools__row strong.is-good{color:#76e69e}.framewerk-devtools__row strong.is-bad{color:#ff8585}.framewerk-devtools__details{margin-top:10px;border-radius:12px;background:#ffffff09}.framewerk-devtools__details summary{cursor:pointer;padding:12px 13px;color:#ffffffb3;font-weight:800}.framewerk-devtools__details .framewerk-devtools__row{margin:0 8px 8px}.framewerk-devtools__list-title{margin:17px 2px 9px;color:#ffffff85;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.framewerk-devtools__empty{margin:0;padding:28px 16px;border-radius:13px;background:#ffffff0a;color:#ffffff8f;text-align:center}.framewerk-devtools__slot{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:8px;padding:12px 13px;border:0;border-radius:12px;background:#fff1;color:#fff;cursor:pointer;text-align:left}.framewerk-devtools__slot strong{color:#76e69e}.framewerk-devtools__back{margin:0 0 10px;border:0;border-radius:10px;padding:9px 11px;background:#ffffff12;color:#fff;cursor:pointer}.framewerk-devtools__plugin-card{margin-bottom:9px;padding:14px;border-radius:13px;background:#ffffff0f}.framewerk-devtools__plugin-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.framewerk-devtools__plugin-title small{display:block;margin-top:2px;color:#ffffff6b}.framewerk-devtools__plugin-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;color:#ffffff94;font-size:12px}.framewerk-devtools__plugin-card p{margin:9px 0 0;color:#ffffff9e}.framewerk-devtools__plugin-card p.is-warning{color:#ffd176}.framewerk-pill{flex:0 0 auto;border-radius:999px;padding:5px 8px;background:#ffffff14;font-size:10px;font-weight:900;text-transform:uppercase}.framewerk-pill.is-good{color:#76e69e}.framewerk-pill.is-warn{color:#ffd176}.framewerk-pill.is-bad{color:#ff8585}.framewerk-devtools__stream-item{display:grid;grid-template-columns:66px minmax(100px,.7fr) minmax(0,1.3fr);gap:9px;align-items:start;padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.framewerk-devtools__stream-item time{color:#fff6;font-variant-numeric:tabular-nums}.framewerk-devtools__stream-item small{display:block;color:#ffffff61}.framewerk-devtools__stream-item code{overflow-wrap:anywhere;color:#ffffff8f;font:11px/1.4 monospace}.framewerk-devtools__stream-item.is-warn strong{color:#ffd176}.framewerk-devtools__stream-item.is-error strong{color:#ff8585}#framewerk-devtools footer{padding:12px 18px 15px;border-top:1px solid rgba(255,255,255,.08);color:#fff6;font-size:11px;text-align:center}.framewerk-slot--header{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;min-width:0}.framewerk-slot--header[hidden],.framewerk-slot--empty{display:none!important}.framewerk-developer-mode [data-framewerk-slot]{position:relative!important;outline:2px dashed #ffd400!important;outline-offset:3px;min-width:24px;min-height:24px}.framewerk-developer-mode [data-framewerk-slot]:before{content:"FRAMEWERK \b7  " attr(data-framewerk-slot-label);position:absolute;z-index:2147483645;top:-25px;left:0;padding:4px 7px;border-radius:5px;background:#ffd400;color:#111;font:900 9px/1 Arial,sans-serif;letter-spacing:.06em;white-space:nowrap;pointer-events:none}.framewerk-developer-mode [data-framewerk-plugin]{outline:2px solid #76e69e!important;outline-offset:1px}@media(max-width:640px){#framewerk-devtools{right:8px;bottom:8px;width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:15px}.framewerk-devtools__metrics{grid-template-columns:1fr}.framewerk-devtools__stream-item{grid-template-columns:60px minmax(0,1fr)}.framewerk-devtools__stream-item code,.framewerk-devtools__stream-item>span{grid-column:1/-1}}.framewerk-inspector__hero{display:flex;align-items:flex-start;gap:13px;margin-bottom:12px;padding:16px;border-radius:15px;background:#fff1}.framewerk-inspector__hero small{display:block;color:#ffffff75;font-size:10px;font-weight:900;letter-spacing:.12em}.framewerk-inspector__hero strong{display:block;margin-top:2px;font-size:18px}.framewerk-inspector__hero p{margin:4px 0 0;color:#ffffff8f;font-size:12px}.framewerk-inspector__checks{display:grid;gap:8px}.framewerk-inspector__check{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;border:0;border-radius:13px;padding:13px;background:#ffffff0f;color:#fff;cursor:pointer;text-align:left}.framewerk-inspector__check strong,.framewerk-inspector__check small{display:block}.framewerk-inspector__check small{margin-top:2px;color:#ffffff7a}.framewerk-inspector__check b{color:#ffffff59;font-size:20px}.framewerk-inspector__check:hover,.framewerk-devtools__plugin-card:hover,.framewerk-devtools__stream-item:hover{background:#ffffff18}.framewerk-inspector__suggestion{margin-top:10px;padding:14px;border:1px solid rgba(255,209,118,.22);border-radius:12px;background:#ffd17614}.framewerk-inspector__suggestion small{display:block;margin-bottom:4px;color:#ffd176;font-size:9px;font-weight:900;letter-spacing:.14em}.framewerk-inspector__suggestion strong{display:block;color:#fff}.framewerk-inspector__code{max-height:260px;overflow:auto;margin:0 10px 10px;padding:12px;border-radius:9px;background:#0d0d0f;color:#d9fbe5;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.framewerk-devtools__plugin-card,.framewerk-devtools__stream-item{width:100%;border:0;color:#fff;cursor:pointer;text-align:left}.framewerk-developer-mode [data-framewerk-plugin]:after{content:"PLUGIN \b7  " attr(data-framewerk-plugin);position:absolute;z-index:2147483645;right:0;bottom:-24px;padding:4px 7px;border-radius:5px;background:#76e69e;color:#07130b;font:900 9px/1 Arial,sans-serif;letter-spacing:.05em;white-space:nowrap;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/290/assets/framewerk-foundation.css.map */