.app-box{padding:8px 0}.app-box .app-header{margin-bottom:12px;margin-top:12px;display:flex}.app-box .app-header .header-action-wpr{margin-left:auto}.create-hostpot-content{display:flex;align-items:flex-start;position:relative}.create-hostpot-content .img-wpr{position:relative;width:calc(100% - 300px)}.create-hostpot-content .img-wpr .hotspot-image{width:100%;display:block;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none}.create-hostpot-content .info-wpr{position:absolute;padding-left:16px;width:300px;right:0;top:0;bottom:0;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.create-hostpot-content .info-wpr h2{margin-top:0;margin-bottom:16px}.create-hostpot-content .info-wpr .info-content{overflow-y:auto;margin-bottom:16px;flex-grow:1;scrollbar-width:thin}.create-hostpot-content .info-wpr .info-content .no-data{color:#666;height:100%;display:flex;align-items:center;justify-content:center}.create-hostpot-content .info-wpr .info-content .edit-delete-action{flex-shrink:0;display:flex;-moz-column-gap:12px;column-gap:12px}.create-hostpot-content .info-wpr .info-actions{margin-top:auto;display:flex;justify-content:flex-end;gap:8px}.create-hostpot-content .info-wpr .info-actions .save-btn{background:linear-gradient(180deg,#30303000 63.53%,#ffffff26),#303030;box-shadow:0 -.0625rem 0 .0625rem #000c inset,0 0 0 .0625rem #303030 inset,0 .03125rem 0 .09375rem #ffffff40 inset;padding:.5rem .75rem;display:flex;font-size:.75rem;line-height:1rem;vertical-align:middle;position:relative;box-sizing:border-box;align-items:center;gap:.125rem;border-radius:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;font-weight:550;border:0;color:#fff;flex:1}.create-hostpot-content .info-wpr .info-actions .save-btn:active:not(.disabled){box-shadow:0 .1875rem #000 inset;color:#ccc;background:#1a1a1a}.create-hostpot-content .info-wpr .info-actions .clear-btn{border:0;box-shadow:0 -.0625rem #b5b5b5 inset,0 0 0 .0625rem #0000001a inset,0 .03125rem 0 .09375rem #fff inset;padding:.5rem .75rem;background-color:#fff;display:flex;flex:1;color:#303030;font-size:.75rem;line-height:1rem;vertical-align:middle;position:relative;box-sizing:border-box;align-items:center;gap:.125rem;border-radius:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;font-weight:550}.create-hostpot-content .info-wpr .info-actions .clear-btn:active:not(.disabled){background-color:#f7f7f7;box-shadow:-.0625rem 0 .0625rem #1a1a1a1f inset,.0625rem 0 .0625rem #1a1a1a1f inset,0 .125rem .0625rem #1a1a1a33 inset}