.swipe-button{background:var(--background);border-radius:40px;width:90%;height:52px;margin-left:auto;margin-right:auto;padding:4px;overflow:hidden}.swipe-button--disabled{cursor:not-allowed}.swipe-button--disabled .swipe-button__content{padding-left:0!important}.swipe-button__body{width:100%;height:100%;position:relative}.swipe-button__swiper{width:44px;height:100%;color:var(--background);cursor:grab;touch-action:none;z-index:3;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.swipe-button__swiper:before{background:var(--background);content:"";z-index:-1;width:100vw;height:100%;position:absolute;top:0;right:50%}.swipe-button__swiper:after{background:var(--primary);content:"";z-index:-1;border-radius:60px;width:100%;height:100%;position:absolute;top:0;right:0}.swipe-button__swiper--dragging{cursor:grabbing;transition:none}.swipe-button__swiper--unlocked{cursor:default}.swipe-button__swiper--unlocked:after{background:var(--primary)}.swipe-button__swiper--loading{cursor:not-allowed;opacity:.5}.swipe-button__content{z-index:2;pointer-events:none;white-space:nowrap;background:linear-gradient(90deg, var(--text-gray) 0%, var(--text-gray) 35%, var(--foreground) 50%, var(--text-gray) 65%, var(--text-gray) 100%);color:#000;text-fill-color:#0000;-webkit-text-fill-color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;width:100%;height:100%;padding-left:20px;font-size:14px;animation:2s linear infinite swiper-text-shine;display:flex;position:absolute}@keyframes swiper-text-shine{to{background-position:-200%}}.swipe-button__loader{width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.scan-methods{background:var(--background);border-radius:16px;flex-direction:column;display:flex}.scan-method{align-items:center;gap:12px;padding:12px 16px;display:flex}.scan-method:not(:last-child){border-bottom:1px solid var(--gray)}.scan-method__icon svg{width:24px;height:24px}.scan-method__body{flex-direction:column;display:flex}.scan-method__title{font-size:14px;font-weight:500}.scan-method__description{color:var(--text-gray);font-size:12px}
.drag-and-drop{text-align:center;border:2px dashed var(--gray);border-radius:16px;flex-direction:column;padding:24px 12px 64px;transition:all .2s;display:flex;position:relative}.drag-and-drop.dragged{border-color:var(--primary)}.drag-and-drop.dragged .drag-and-drop__description,.drag-and-drop.dragged .drag-and-drop__title{opacity:0;transform:translateY(-10px)}.drag-and-drop.dragged .drag-and-drop__button{color:#0000;pointer-events:none;border-radius:50%;width:64px;height:64px;bottom:50%;transform:translate(-50%)translateY(50%)}.drag-and-drop.dragged .drag-and-drop__button .drag-and-drop__arrow-down{opacity:1}.drag-and-drop.dropped{border-color:var(--primary)}.drag-and-drop.dropped .drag-and-drop__description,.drag-and-drop.dropped .drag-and-drop__title{opacity:0;transform:translateY(-10px)}.drag-and-drop.dropped .drag-and-drop__button{color:#0000;pointer-events:none;border-radius:50%;width:64px;height:64px;bottom:50%;transform:translate(-50%)translateY(50%)}.drag-and-drop.dropped .drag-and-drop__button .drag-and-drop__arrow-down{opacity:0}.drag-and-drop.dropped .drag-and-drop__button .drag-and-drop__loading{opacity:1}.drag-and-drop__title{text-align:center;pointer-events:none;margin-bottom:8px;font-size:16px;font-weight:500;transition:all .2s}.drag-and-drop__description{color:var(--text-gray);pointer-events:none;margin-bottom:16px;font-size:14px;transition:all .2s}.drag-and-drop__button{background:var(--primary);color:var(--background);white-space:nowrap;border-radius:12px;align-self:center;width:190px;height:38px;padding:8px 16px;transition:all .2s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.drag-and-drop__arrow-down{opacity:0;pointer-events:none;color:var(--background);transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.drag-and-drop__arrow-down svg{width:24px;height:24px}.drag-and-drop__loading{opacity:0;pointer-events:none;color:var(--background);transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.drag-and-drop__loading svg{width:24px;height:24px}.drag-and-drop__input{display:none}