@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com/
 */

.cosmosfarm-floating-menu-setting input[type="text"].floating-menu-images { width: 70%; }
.cosmosfarm-floating-menu-setting input[type="text"].floating-menu-links { width: 100%; }
.cosmosfarm-floating-menu-setting .cosmosfarm-floating-menu-image-button { width: auto; }
.cosmosfarm-floating-menu-setting #delete { width: 100px; }
.cosmosfarm-floating-menu-setting #blank { width: 100px; }

.cosmosfarm-floating-menu { position: fixed; z-index: 9999; }
.cosmosfarm-floating-menu .floating-menu-item { margin-bottom: 10px; line-height: 1; }
.cosmosfarm-floating-menu .floating-menu-item:last-child { margin-bottom: 0; }
.cosmosfarm-floating-menu .floating-menu-item a { text-decoration: none; border: 0; }

.cosmosfarm-pc-frame { width: 600px; border: 1px solid #bbb; border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); overflow: hidden; font-family: sans-serif; background: #fff; }
.cosmosfarm-floating-menu-preview-box { position: relative; width: 100%; height: 350px; background: #fafafa; }
.cosmosfarm-pc-frame-header { display: flex; align-items: center; background: #f2f2f2; padding: 6px 10px; border-bottom: 1px solid #ccc; }
.cosmosfarm-pc-frame-buttons { display: flex; gap: 5px; margin-right: 10px; } .cosmosfarm-pc-frame-buttons .btn { width: 10px; height: 10px; border-radius: 50%; display: inline-block; } .cosmosfarm-pc-frame-buttons .close { background: #ff5f56; } .cosmosfarm-pc-frame-buttons .minimize { background: #ffbd2e; } .cosmosfarm-pc-frame-buttons .maximize { background: #27c93f; }
.cosmosfarm-floating-menu-preview-icon { position: absolute; width: 36px; height: 36px; background-image: url('../../images/icon-big.png'); background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 50%; cursor: move; box-shadow: 0 2px 5px rgba(0,0,0,0.15); }
.cosmosfarm-floating-preview-mobile-frame { position: relative; width: 320px; height: 640px; border: 1px solid #ccc; border-radius: 20px; background: #f0f0f0; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; }
.cosmosfarm-floating-mobile-top-bar { position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 50px; height: 6px; background: #222; border-radius: 6px; z-index: 2; }
.cosmosfarm-floating-mobile-browser { position: absolute; top: 30px; left: 0; width: 100%; height: calc(100% - 30px); background: #fafafa; overflow: hidden; position: relative; }
.cosmosfarm-floating-menu-preview-icon::after {content: attr(data-size); position: absolute; top: -22px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.75); color: #fff; font-size: 12px; padding: 2px 6px; border-radius: 4px; pointer-events: none; white-space: nowrap; }

@media screen and (max-width: 600px) {
	.cosmosfarm-floating-menu { right: 5px; bottom: 140px; }
	.cosmosfarm-floating-menu .floating-menu-item { margin-bottom: 5px; }
	.cosmosfarm-floating-menu .floating-menu-item img { width: 30px; }
	.cosmosfarm-floating-menu .floating-menu-item.item-channel { display: block; }
}