#sr_new_guide{width:1100px;min-height:480px;padding:0}#sr_new_guide sr-modal-content{margin:0;padding:0}sr-guide-qcontent sr-drop-view{background:var(--sr-col-w12-d0)}sr-guide-step{display:block}sr-guide-step sr-modal-header{text-align:center;margin-bottom:0;padding:30px 0 20px;display:block}sr-guide-list{flex-wrap:wrap;justify-content:flex-start;gap:20px;padding:0 50px;display:flex}sr-guide-new{background-color:var(--sr-col-w10-d4);cursor:pointer;border-radius:10px;flex-direction:column;width:320px;height:320px;transition:all .3s;display:flex;position:relative;overflow:hidden}sr-guide-new *{pointer-events:none}sr-guide-media{background-color:var(--sr-col-w8-d4);width:100%;height:150px;transition:all .3s;display:block;position:relative;overflow:hidden}sr-guide-media sr-img{width:100%;height:100%;position:absolute;top:0;left:0}sr-guide-content{box-sizing:border-box;padding:20px;display:block}sr-guide-box{border:2px dashed var(--sr-col-w5-d2);color:var(--sr-col-w5-d2);text-align:center;border-radius:5px;width:80px;height:80px;font-size:25px;font-weight:600;line-height:80px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sr--guide--media--svg{transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}sr-guide-new:hover{background:var(--sr-col-b4-d0)}sr-guide-new:hover sr-guide-media{background:var(--sr-col-b0)}sr-guide-new:hover sr-guide-media sr-img{filter:grayscale(0%)}sr-guide-new:hover sr-guide-media svg.sr--guide--media--svg *{fill:var(--sr-col-w12);stroke:var(--sr-col-w12)}sr-guide-new:hover sr-guide-media sr-guide-box{border-color:var(--sr-col-w12);color:var(--sr-col-w12)}sr-guide-types{text-align:center;display:block}sr-guide-type{color:var(--sr-col-w0-d1);cursor:pointer;border-radius:10px;padding:12px 10px;font-size:13px;font-weight:600;line-height:12px;display:inline-block}sr-guide-type *{pointer-events:none}sr-guide-type:hover{background:var(--sr-col-w10-d1)}sr-guide-type.selected,sr-guide-type.selected:hover{background:var(--sr-col-b4-d0);color:var(--sr-col-b0)}sr-guide-type.selected svg.sr--icon,sr-guide-type.selected:hover svg.sr--icon{fill:var(--sr-col-b0)!important}sr-guide-qcontent{box-sizing:border-box;background:var(--sr-col-w9-d0);min-height:554px;padding:30px 50px;display:block;position:relative}sr-guide-templates{box-sizing:border-box;flex-wrap:wrap;justify-content:flex-start;gap:20px;width:1000px;max-height:420px;padding:20px 0;display:flex;overflow:hidden}sr-guide-template{background:var(--sr-col-w10-d1);cursor:pointer;border-radius:10px;flex-direction:column;width:320px;height:180px;display:flex;position:relative}sr-guide-template:hover{box-shadow:var(--sr-bs-3)}.sr_qguide_nav svg.sr--icon{fill:var(--sr-col-w0-d1)}@keyframes sr-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes sr-elastic-pop{0%{transform:scale(.7)}60%{transform:scale(1.1)}80%{transform:scale(.95)}to{transform:scale(1)}}sr-qguide-left{cursor:pointer;z-index:2;text-align:center;width:40px;height:40px;margin-top:-12px;line-height:40px;display:block;position:absolute;top:50%;left:5px;transform:translateY(-50%)}sr-qguide-right{cursor:pointer;text-align:center;z-index:2;width:40px;height:40px;margin-top:-12px;line-height:40px;display:block;position:absolute;top:50%;right:5px;transform:translateY(-50%)}sr-guide-viewport{width:1000px;padding-left:20px;display:block;position:relative;overflow:hidden}sr-guide-viewport sr-guide-templates{will-change:transform;flex-wrap:wrap;transition:transform .35s;display:flex}sr-guide-template-order{background:var(--sr-col-b0);width:26px;height:26px;color:var(--sr-col-w12);text-align:center;cursor:pointer;border-radius:50%;font-size:13px;font-weight:500;line-height:26px;display:inline-block}#sr_qguide_clearorder{cursor:pointer;margin-left:10px}sr-guide-templates sr-guide-template-order{opacity:0;transform-origin:50%;pointer-events:none;position:absolute;bottom:15px;right:10px;transform:scale(0)}sr-guide-template:not(.selected):hover sr-guide-template-order{opacity:1;animation:.18s cubic-bezier(0,0,.2,1) both sr-pop;transform:scale(1)}sr-guide-template.selected sr-guide-template-order{opacity:1;transform:scale(1)}sr-guide-template.selected:hover sr-guide-template-order{animation:none}sr-guide-template.sr-just-selected sr-guide-template-order{opacity:1;transform:scale(1);animation:.42s cubic-bezier(.2,.7,.3,1) both sr-elastic-pop!important}sr-guide-template.sr-just-selected:hover sr-guide-template-order{animation:.42s cubic-bezier(.2,.7,.3,1) both sr-elastic-pop!important}sr-guide-template-order.sr-pop-elastic{animation:.42s cubic-bezier(.2,.7,.3,1) both sr-elastic-pop}sr-guide-template-order svg.sr--icon{fill:var(--sr-col-w12);pointer-events:none}.notactive{pointer-events:none;opacity:.5}