.viewport .flex{display:flex}.viewport .fixed{position:fixed}.viewport .mr-2{margin-right:.5rem}.viewport .mr-4{margin-right:1rem}.viewport .component-selected{position:relative}.viewport .component-selected:after{content:" ";pointer-events:none;--tw-border-opacity:1;border-style:dashed;border-width:1px;border-color:rgb(38 128 235/var(--tw-border-opacity,1));width:100%;height:100%;display:block;position:absolute;top:0;left:0}.viewport{width:100%;position:relative}.viewport-wrapper{height:100%;position:relative}.toolbox-slider{z-index:1000;background-color:#e9e9e9;height:100%;padding:20px;transition:left .3s;position:fixed;top:100px}.setting-slider{z-index:1000;background-color:#e9e9e9;height:calc(100% - 50px);padding:0;transition:left .3s;position:fixed;top:100px;right:0}.setting-slider-body{height:70vh;overflow-y:auto}.viewport-content{height:100%;transition:margin-left .3s}.page-container,.view-renderer{height:100%}.viewport-drawer select{box-sizing:border-box;color:#000000e0;background:#fff;border:1px solid #d9d9d9;border-radius:6px;width:100%;min-width:0;margin:0;padding:4px 11px;font-size:14px;line-height:1.57143;list-style:none;transition:all .2s;display:inline-block;position:relative}
.slider-container{width:100%;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.slider-wrapper{transition:transform .5s slider-wrapper;width:100%;display:flex}.slide-item{box-sizing:border-box;cursor:pointer;flex:none;padding:10px}.slide-content{text-align:center;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;height:150px;padding:15px;display:flex;box-shadow:0 2px 4px #0000001a}.slide-content h3{color:#00f;margin:0 0 10px;font-size:18px}.slide-content p{color:#666;margin:0;font-size:14px}.item-code{color:#999;margin-top:10px;font-size:12px;display:block}.slide-image{object-fit:cover;width:100%;height:auto}.slider-controls{text-align:center;margin-top:10px}.dots{gap:8px;padding:10px 0;display:inline-flex}.dot{cursor:pointer;background:#ccc;border-radius:50%;width:10px;height:10px;transition:background .3s}.dot.active{background:#007bff}.nav-btn{cursor:pointer;color:#007bff;background:0 0;border:none;padding:0 10px;font-size:20px}@media (max-width:768px){.slide-content h3{font-size:16px}.slide-content p{font-size:12px}.item-code{font-size:10px}}@media (max-width:480px){.slide-content{height:120px}.slide-content h3{font-size:14px}.slide-content p{font-size:10px}}