.dtba{width:100%}.dtba-stage{position:relative;width:100%;aspect-ratio:var(--dtba-ratio, 4/5);border-radius:18px;overflow:hidden;touch-action:pan-y;background:#0a2a23;-webkit-user-select:none;user-select:none;cursor:ew-resize;box-shadow:0 20px 50px #070e0c47}.dtba-layer{position:absolute;top:0;right:0;bottom:0;left:0}.dtba-layer img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .25s ease}.dtba-before{clip-path:inset(0 calc(100% - var(--dtba-pos, 50%)) 0 0);will-change:clip-path}.dtba.is-dragging .dtba-layer img{filter:blur(3px)}.dtba-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fbf8f173;font-family:DM Sans,system-ui,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.dtba-ph-before{background:#0d3d34}.dtba-ph-after{background:#0a2a23}.dtba-ph-ico{font-size:26px;opacity:.5}.dtba-tag{position:absolute;top:14px;z-index:3;font-family:DM Sans,system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:100px;pointer-events:none}.dtba-tag-before{left:14px;background:#070e0cb8;color:#fbf8f1d1}.dtba-tag-after{right:14px;background:#c49a52;color:#070e0c}.dtba-divider{position:absolute;top:0;bottom:0;left:var(--dtba-pos, 50%);width:2px;margin-left:-1px;background:#c49a52;z-index:4;box-shadow:0 0 12px #c49a5299;pointer-events:none}.dtba-handle{position:absolute;top:50%;left:var(--dtba-pos, 50%);transform:translate(-50%,-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:none;background:#c49a52;color:#070e0c;cursor:ew-resize;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #070e0c66;transition:transform .15s ease;touch-action:none}.dtba-handle:hover{transform:translate(-50%,-50%) scale(1.06)}.dtba-handle:focus-visible{outline:3px solid rgba(196,154,82,.5);outline-offset:3px}.dtba-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:3;font-family:DM Sans,system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fbf8f1bf;background:#070e0c80;padding:6px 14px;border-radius:100px;pointer-events:none;animation:dtbaHintPulse 2.4s ease-in-out infinite}.dtba.is-touched .dtba-hint{opacity:0;transition:opacity .3s ease}@keyframes dtbaHintPulse{0%,to{opacity:.75}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.dtba-hint{animation:none}.dtba-layer img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/compiled_assets/styles.css.map */