.tib-ics{margin:var(--margin);padding:var(--padding);background-color:var(--bg-color)}.tib-ics-container{max-width:var(--container-max-width);margin:0 auto}.tib-ics-header{text-align:center;margin-bottom:var(--header-margin-bottom)}.tib-ics-header h2{font-size:var(--main-title-size);font-weight:var(--main-title-weight);line-height:var(--main-title-line-height);color:var(--main-title-color);margin:0;font-family:Dosis,sans-serif}.tib-ics-main{display:flex;flex-direction:row;align-items:stretch;gap:24px}.tib-ics-thumbnails{flex:0 0 auto;display:flex;flex-direction:column;gap:22px;width:190px}.tib-ics-thumb{width:190px;height:190px;border-radius:14px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:border-color .25s ease,transform .2s ease,box-shadow .25s ease;box-shadow:0 4px 12px #0000001a;position:relative}.tib-ics-thumb:hover{box-shadow:0 8px 20px #00000026}.tib-ics-thumb.is-active{border-color:var(--slider-handle-color, #003AB0);transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.tib-ics-thumb.is-uploaded.is-active{border-color:var(--upload-btn-bg, #1350DE);transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.tib-ics-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tib-ics-stage{flex:1;position:relative}.tib-ics-slider{--exposure: 50;position:relative;width:100%;border-radius:20px;overflow:hidden;box-shadow:0 32px 64px -12px #10164614;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-repeat:repeat;user-select:none;-webkit-user-select:none;height:100%}.tib-ics-after-img{display:block;width:100%;height:100%;max-height:616px;object-fit:cover;pointer-events:none}.tib-ics-before-wrap{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:inset(0 calc(100% - (var(--exposure) * 1%)) 0 0 round 0);pointer-events:none}.tib-ics-before-img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.tib-ics-slider.has-uploaded .tib-ics-before-img,.tib-ics-slider.has-uploaded .tib-ics-after-img{object-fit:contain}.tib-ics-divider{position:absolute;top:0;bottom:0;left:calc(var(--exposure) * 1%);width:8px;background:#fff;transform:translate(-50%);pointer-events:none;box-shadow:0 0 12px #00000040;z-index:5}.tib-ics-range{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:10;margin:0;padding:0;-webkit-appearance:none;appearance:none}.tib-ics-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:0}.tib-ics-range::-moz-range-thumb{width:0;height:0;border:none}.tib-ics-handle{position:absolute;top:calc(50% + 37px);left:calc(var(--exposure) * 1%);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:15;pointer-events:none;transition:transform .15s ease,box-shadow .15s ease;width:100%}.tib-ics-handle:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 24px 30px -5px #00000026,0 10px 12px -6px #0000001a,0 0 0 5px #fff9}.tib-ics-handle-arrows{display:flex;flex-direction:column;align-items:center;gap:2px}.tib-ics-handle-arrows svg{display:block;fill:var(--slider-handle-color, #003AB0)}.tib-ics-footer{display:flex;justify-content:center;margin-top:var(--footer-margin-top, 32px);margin-left:184px}.tib-ics-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 17px;background-color:var(--upload-btn-bg);color:var(--upload-btn-text-color);font-size:var(--upload-btn-font-size);font-weight:var(--upload-btn-font-weight);line-height:var(--upload-btn-line-height);border:none;border-radius:var(--upload-btn-border-radius);cursor:pointer;letter-spacing:.02em;text-decoration:none;box-shadow:var(--upload-btn-shadow-x) var(--upload-btn-shadow-y) var(--upload-btn-shadow-blur) var(--upload-btn-shadow-spread) var(--upload-btn-shadow-color),0 4px 6px -4px var(--upload-btn-shadow-color);transition:opacity .2s ease,transform .2s ease;min-width:216px;min-height:60px}.tib-ics-upload-btn:hover{opacity:.9;background-color:var(--upload-btn-hover-bg)}.tib-ics-upload-btn:active{transform:translateY(0)}.tib-ics-upload-btn.is-loading{pointer-events:none;filter:none!important}.tib-ics-upload-btn.is-disabled,.tib-ics-upload-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none!important;background-color:#e0e0e0!important;background-image:none!important;color:#888!important;box-shadow:none!important}.tib-ics-upload-btn.is-loading .tib-aiu-upload-icon{display:none}.tib-ics-upload-btn .tib-aiu-btn-spinner{display:none;width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:tib-ics-btn-spin .7s linear infinite;flex-shrink:0}.tib-ics-upload-btn.is-loading .tib-aiu-btn-spinner{display:block}@keyframes tib-ics-btn-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.tib-ics-thumbnails{width:140px}.tib-ics-thumb{width:140px;height:140px}.tib-ics-main{gap:16px}.tib-ics-footer{margin-left:156px}}@media(max-width:768px){.tib-ics{margin:var(--margin-mobile);padding:var(--padding-mobile)}.tib-ics-main{flex-direction:column-reverse;gap:16px}.tib-ics-thumbnails{display:grid;grid-template-columns:repeat(var(--thumb-count, 3),1fr);gap:12px;width:100%}.tib-ics-thumb{width:100%;height:auto;aspect-ratio:1 / 1}.tib-ics-slider{border-radius:12px}.tib-ics-handle{width:60px;height:40px}.tib-ics-footer{margin-left:0;width:100%}.tib-ics-upload-btn{min-width:unset}}.tib-drag-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:999999;background:var(--drag-overlay-bg, #1350de);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.tib-drag-overlay.is-dragover{opacity:var(--drag-overlay-opacity, .9);pointer-events:none}.tib-drag-overlay-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--drag-overlay-text-color, #ffffff);font-family:Lato,sans-serif;text-align:center;transform:scale(.9);transition:transform .3s ease}.tib-drag-overlay.is-dragover .tib-drag-overlay-content{transform:scale(1)}.tib-drag-overlay-content svg{stroke:currentColor;animation:tib-pulse 1.5s infinite ease-in-out}.tib-drag-overlay-content span{font-size:24px;font-weight:700;letter-spacing:.05em}@keyframes tib-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/tib-image-comparison-slider.css.map */