.sfm-floating-menu{position:fixed;z-index:99}.sfm-live-demo .sfm-floating-menu{position:absolute}.sfm-floating-menu{display:flex}.sfm-floating-menu.vertical{flex-direction:column}.sfm-floating-menu.top-left{top:0;left:0}.sfm-floating-menu.top-right{right:0;top:0}.sfm-floating-menu.middle-left{transform:translateY(-50%);top:50%;left:0}.sfm-floating-menu.middle-right{transform:translateY(-50%);right:0;top:50%}.sfm-floating-menu.top-middle{transform:translateX(-50%);top:0;left:50%}.sfm-floating-menu.bottom-middle{transform:translateX(-50%);bottom:0;left:50%}.sfm-floating-menu.bottom-right{right:0;bottom:0}.sfm-floating-menu.bottom-left{bottom:0;left:0}.sfm-floating-menu a.sfm-shape-button{height:100%;justify-content:center;text-decoration:none;color:#fff;transition:background .3s ease;transition:color .3s ease,background-color .3s ease;text-align:center;align-items:center;background:#000;display:flex}.sfm-floating-menu i{position:relative}.sfm-floating-menu .sfm-button{filter:drop-shadow(var(--sfm-button-shadow-x,0) var(--sfm-button-shadow-y,0) var(--sfm-button-shadow-blur,0) var(--sfm-button-shadow-color,transparent));position:relative}.sfm-floating-menu .sfm-button.sfm-edit a.sfm-shape-button{color:#fff!important;background:red!important}.sfm-floating-menu .sfm-button.sfm-edit .sfm-tool-tip a{background:red!important}.sfm-floating-menu .sfm-button.sfm-edit .sfm-tool-tip:after{border-color:transparent transparent transparent red!important}.sfm-floating-menu.top-left.horizontal .sfm-button.sfm-edit .sfm-tool-tip:after,.sfm-floating-menu.top-middle.horizontal .sfm-button.sfm-edit .sfm-tool-tip:after,.sfm-floating-menu.top-right.horizontal .sfm-button.sfm-edit .sfm-tool-tip:after{border-color:transparent transparent red!important}.sfm-floating-menu.bottom-left.vertical .sfm-button.sfm-edit .sfm-tool-tip:after,.sfm-floating-menu.bottom-middle.vertical .sfm-button.sfm-edit .sfm-tool-tip:after,.sfm-floating-menu.middle-left.vertical .sfm-button.sfm-edit .sfm-tool-tip:after,.sfm-floating-menu.top-left.vertical .sfm-button.sfm-edit .sfm-tool-tip:after,.sfm-floating-menu.top-middle.vertical .sfm-button.sfm-edit .sfm-tool-tip:after{border-color:transparent red transparent transparent!important}.sfm-floating-menu.bottom-right.vertical .sfm-button.sfm-edit .sfm-tool-tip:after,.sfm-floating-menu.middle-right.vertical .sfm-button.sfm-edit .sfm-tool-tip:after,.sfm-floating-menu.top-right.vertical .sfm-button.sfm-edit .sfm-tool-tip:after{border-color:transparent transparent transparent red!important}.sfm-floating-menu.bottom-left.horizontal .sfm-button.sfm-edit .sfm-tool-tip:after,.sfm-floating-menu.bottom-middle.horizontal .sfm-button.sfm-edit .sfm-tool-tip:after,.sfm-floating-menu.bottom-right.horizontal .sfm-button.sfm-edit .sfm-tool-tip:after,.sfm-floating-menu.middle-left.horizontal .sfm-button.sfm-edit .sfm-tool-tip:after,.sfm-floating-menu.middle-right.horizontal .sfm-button.sfm-edit .sfm-tool-tip:after{border-color:red transparent transparent!important}.sfm-floating-menu .sfm-button.sfm-edit a.sfm-shape-button i{-webkit-animation:sfm-spin 4s linear infinite;-moz-animation:sfm-spin 4s linear infinite;animation:sfm-spin 4s linear infinite}@-moz-keyframes sfm-spin{to{-moz-transform:rotate(1turn)}}@-webkit-keyframes sfm-spin{to{-webkit-transform:rotate(1turn)}}@keyframes sfm-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sfm-floating-menu.sfm-round a.sfm-shape-button{clip-path:circle(50% at 50% 50%)}.sfm-floating-menu.sfm-triangle a.sfm-shape-button{clip-path:polygon(50% 0,0 100%,100% 100%)}.sfm-floating-menu.sfm-rhombus a.sfm-shape-button{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.sfm-floating-menu.sfm-pentagon a.sfm-shape-button{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.sfm-floating-menu.sfm-hexagon a.sfm-shape-button{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.sfm-floating-menu.sfm-star a.sfm-shape-button{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.sfm-floating-menu.sfm-rabbet a.sfm-shape-button{clip-path:polygon(0 15%,15% 15%,15% 0,85% 0,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0 85%)}.sfm-floating-menu.sfm-oval a.sfm-shape-button{clip-path:ellipse(50% 35% at 50% 50%)}.sfm-floating-menu .sfm-tool-tip{font-size:.8em;transition:all .3s ease-in-out;position:absolute;opacity:0;visibility:hidden;background:#000;white-space:nowrap}.sfm-floating-menu .sfm-button:hover .sfm-tool-tip{opacity:1;visibility:visible}.sfm-floating-menu .sfm-tool-tip a{text-decoration:none;color:#fff;line-height:1;display:block}.sfm-floating-menu .sfm-tool-tip:after{content:"";position:absolute;border-style:solid;border-width:.35em}.sfm-floating-menu.horizontal .sfm-tool-tip a{padding:.6em .3em}.sfm-floating-menu.vertical .sfm-tool-tip a{padding:.3em .6em}.sfm-floating-menu.top-left.horizontal .sfm-tool-tip,.sfm-floating-menu.top-middle.horizontal .sfm-tool-tip,.sfm-floating-menu.top-right.horizontal .sfm-tool-tip{transform:translate(-50%,20px);writing-mode:vertical-rl;text-orientation:mixed;top:100%;left:50%}.sfm-floating-menu.top-left.horizontal .sfm-tool-tip:after,.sfm-floating-menu.top-middle.horizontal .sfm-tool-tip:after,.sfm-floating-menu.top-right.horizontal .sfm-tool-tip:after{border-color:transparent transparent #000;transform:translateX(-50%);bottom:100%;left:50%}.sfm-floating-menu.bottom-left.vertical .sfm-tool-tip,.sfm-floating-menu.bottom-middle.vertical .sfm-tool-tip,.sfm-floating-menu.middle-left.vertical .sfm-tool-tip,.sfm-floating-menu.top-left.vertical .sfm-tool-tip,.sfm-floating-menu.top-middle.vertical .sfm-tool-tip{transform:translate(20px,-50%);top:50%;left:100%}.sfm-floating-menu.bottom-left.vertical .sfm-tool-tip:after,.sfm-floating-menu.bottom-middle.vertical .sfm-tool-tip:after,.sfm-floating-menu.middle-left.vertical .sfm-tool-tip:after,.sfm-floating-menu.top-left.vertical .sfm-tool-tip:after,.sfm-floating-menu.top-middle.vertical .sfm-tool-tip:after{border-color:transparent #000 transparent transparent;transform:translateY(-50%);right:100%;top:50%}.sfm-floating-menu.bottom-right.vertical .sfm-tool-tip,.sfm-floating-menu.middle-right.vertical .sfm-tool-tip,.sfm-floating-menu.top-right.vertical .sfm-tool-tip{transform:translate(-20px,-50%);right:100%;top:50%}.sfm-floating-menu.bottom-right.vertical .sfm-tool-tip:after,.sfm-floating-menu.middle-right.vertical .sfm-tool-tip:after,.sfm-floating-menu.top-right.vertical .sfm-tool-tip:after{border-color:transparent transparent transparent #000;transform:translateY(-50%);top:50%;left:100%}.sfm-floating-menu.bottom-left.horizontal .sfm-tool-tip,.sfm-floating-menu.bottom-middle.horizontal .sfm-tool-tip,.sfm-floating-menu.bottom-right.horizontal .sfm-tool-tip,.sfm-floating-menu.middle-left.horizontal .sfm-tool-tip,.sfm-floating-menu.middle-right.horizontal .sfm-tool-tip{transform:translate(-50%,-20px);writing-mode:vertical-rl;text-orientation:mixed;bottom:100%;left:50%}.sfm-floating-menu.bottom-left.horizontal .sfm-tool-tip:after,.sfm-floating-menu.bottom-middle.horizontal .sfm-tool-tip:after,.sfm-floating-menu.bottom-right.horizontal .sfm-tool-tip:after,.sfm-floating-menu.middle-left.horizontal .sfm-tool-tip:after,.sfm-floating-menu.middle-right.horizontal .sfm-tool-tip:after{border-color:#000 transparent transparent;transform:translateX(-50%);top:100%;left:50%}.sfm-shadow-fields{padding:0;gap:10px;margin:0;display:flex}.sfm-shadow-fields li>label{text-align:center;display:block}.sfm-shadow-fields li input[type=number]{text-align:center;width:60px}