.kofenot-logo-mockup-section{scroll-margin-top:8.5rem}.kofenot-logo-mockup{display:grid;gap:1.75rem}.kofenot-mockup-stage-wrap{position:relative;width:min(100%,420px);margin-inline:auto;background:transparent;touch-action:none;user-select:none;-webkit-user-select:none}.kofenot-mockup-stage-wrap:before{content:"";display:block;padding-top:calc(802 / 576 * 100%)}.kofenot-mockup-stage,.kofenot-mockup-fallback{position:absolute;inset:0}.kofenot-mockup-fallback{width:100%;height:100%;object-fit:contain;background:transparent}.kofenot-logo-mockup .konvajs-content,.kofenot-logo-mockup .konvajs-content canvas{max-width:none!important;touch-action:none}.kofenot-mockup-note{margin:0;color:#ffffffb8!important;font-size:14px!important;line-height:20px!important}.kofenot-mockup-size{display:grid;gap:.65rem;max-width:420px;margin-inline:auto;width:100%}.kofenot-mockup-size-label{display:flex;justify-content:space-between;align-items:baseline;color:#0f0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.kofenot-mockup-actions{display:flex;flex-wrap:wrap;gap:.75rem}.kofenot-mockup-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.kofenot-mockup-stage-wrap{width:min(100%,360px)}.kofenot-mockup-actions{flex-direction:column}.kofenot-mockup-actions .kofenot-mockup-btn{width:100%;justify-content:center}}