|
1
|
+.gutslider-compare-block--loaded{align-items:stretch;border:1px solid #007cba;border-radius:2px;display:flex;height:180px;width:100%}.gutslider-compare-block--loaded .gutslider-placeholder{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.gutslider-compare-block--loaded .gutslider-placeholder img{max-width:100%}.gutslider-compare-block--loaded .gutslider-placeholder+.gutslider-placeholder{border-left:1px solid #007cba}.gutslider-compare-block--loaded .components-button.icgbp__upload_btn{background:#007cba;border:1px solid #007cba;border-radius:2px;color:#fff;cursor:pointer;font-size:13px;height:40px;padding:10px!important;transition:.2s}.gutslider-compare-block--loaded .components-button.icgbp__upload_btn:hover{background:#000;border-color:#000}.gs-ba-help{color:#757575;font-size:12px;line-height:1.5;margin:-8px 0 16px}.gs-ba-pairs-thumbs{margin-top:16px}.gs-ba-pair{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:14px;padding:10px}.gs-ba-pair__head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.gs-ba-pair__actions{display:inline-flex}.gs-ba-pair__images{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:8px}.gs-ba-pair .components-button.gs-ba-pair__pick{border:1px dashed #c3c4c7;border-radius:4px;display:grid;font-size:12px;height:72px;overflow:hidden;padding:0;place-items:center;width:100%}.gs-ba-pair .components-button.gs-ba-pair__pick img{height:100%;object-fit:cover;width:100%}.gs-ba-thumb{background:#e5e7eb;display:block;height:100%;overflow:hidden;position:relative;width:100%}.gs-ba-thumb .side{bottom:0;position:absolute;top:0;width:50%}.gs-ba-thumb .side.is-before{background:linear-gradient(135deg,#94a3b8,#cbd5e1);left:0}.gs-ba-thumb .side.is-after{background:linear-gradient(135deg,#f472b6,#8b5cf6);right:0}.gs-ba-thumb .line{background:#fff;bottom:0;left:calc(50% - 1px);position:absolute;top:0;width:2px}.gs-ba-thumb .knob{background:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3);height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.gs-ba-thumb .tag{background:#111827;border-radius:2px;height:6px;position:absolute;top:42%;width:14px}.gs-ba-thumb .tag.is-before{left:6px}.gs-ba-thumb .tag.is-after{right:6px}.gs-ba-thumb.is-minimal .line{left:50%;width:1px}.gs-ba-thumb.is-minimal .knob{background:transparent;border:1px solid #fff;height:7px;width:7px}.gs-ba-thumb.is-minimal .tag{background:#fff;height:3px}.gs-ba-thumb.is-glass .knob{background:hsla(0,0%,100%,.35);border:1px solid hsla(0,0%,100%,.8);height:20px;width:20px}.gs-ba-thumb.is-glass .tag{background:hsla(0,0%,100%,.55);border-radius:4px}.gs-ba-thumb.is-card{border-radius:8px;box-shadow:0 4px 10px rgba(15,23,42,.3);height:calc(100% - 12px);margin:6px;width:calc(100% - 12px)}.gs-ba-thumb.is-card .tag{background:#fff;border-radius:4px}.gs-ba-thumb.is-split .tag{background:#fff;bottom:5px;height:8px;top:auto;width:20px}.gs-ba-thumb.is-split .knob{border-radius:3px}.gs-ba-thumb.is-dark{background:#0b1220;padding:5px}.gs-ba-thumb.is-dark .side{bottom:5px;top:5px;width:calc(50% - 5px)}.gs-ba-thumb.is-dark .side.is-before{left:5px}.gs-ba-thumb.is-dark .side.is-after{right:5px}.gs-ba-thumb.is-dark .knob,.gs-ba-thumb.is-dark .line{background:#22d3ee}.gs-ba-thumb.is-dark .tag{background:#0b1220;border:1px solid #22d3ee} |
