.floating-upload-now{position:fixed;left:max(14px,env(safe-area-inset-left));z-index:40;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:78px;min-height:92px;padding:18px 9px;color:var(--floating-upload-text);background:radial-gradient(circle at 50% 16%,#fffffff2,#fff0 42%),linear-gradient(155deg,var(--floating-upload-bg),color-mix(in srgb,var(--floating-upload-bg) 80%,white));border:1px solid color-mix(in srgb,var(--floating-upload-accent) 54%,white);border-radius:999px;box-shadow:inset 0 1px #ffffffeb,inset 0 -10px 18px #d9a86c14,0 16px 34px #36261e29,0 3px 8px #36261e14;font-size:12px;font-weight:800;line-height:1.08;letter-spacing:.04em;text-decoration:none;white-space:nowrap;transform:translateY(-50%);isolation:isolate;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.floating-upload-now:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:-1;border:1px solid rgba(255,255,255,.72);border-radius:inherit;pointer-events:none}.floating-upload-now:after{content:"";position:absolute;top:50%;right:-3px;width:9px;height:32px;background:var(--floating-upload-accent);border-radius:999px;opacity:0;transform:translateY(-50%);transition:opacity .18s ease}.floating-upload-now--middle{top:50%}.floating-upload-now--lower{top:68%}.floating-upload-now__content{display:flex;align-items:center;justify-content:center;width:100%}.floating-upload-now__label{display:grid;gap:4px;text-align:center;text-transform:uppercase}.floating-upload-now__label span{display:block;max-width:58px;overflow:hidden;text-overflow:ellipsis}.floating-upload-now:hover{transform:translateY(-50%) translate(4px);border-color:color-mix(in srgb,var(--floating-upload-accent) 78%,white);box-shadow:inset 0 1px #fffffff5,inset 0 -10px 18px #d9a86c1f,0 20px 42px #36261e38,0 4px 12px #36261e1a}.floating-upload-now:focus-visible{outline:3px solid color-mix(in srgb,var(--floating-upload-accent) 38%,white);outline-offset:4px}@media(max-width:749px){.floating-upload-now{left:var(--floating-upload-x, max(12px, env(safe-area-inset-left)));top:var(--floating-upload-y, auto);bottom:var(--floating-upload-bottom, calc(25vh + env(safe-area-inset-bottom)) );width:70px;min-height:84px;padding:16px 7px;font-size:10.5px;touch-action:none;transform:none;transition:left .18s ease,top .18s ease,transform .18s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.floating-upload-now:hover{transform:none}.floating-upload-now__label span{max-width:52px}.floating-upload-now.is-dragging{transition:none}.floating-upload-now.is-edge-hidden{box-shadow:inset 0 1px #ffffffeb,0 10px 24px #36261e1f}.floating-upload-now.is-edge-hidden:after{opacity:1}.floating-upload-now.is-edge-hidden[data-edge=left]{transform:translate(calc(-100% + 18px))}.floating-upload-now.is-edge-hidden[data-edge=left]:after{right:-3px;left:auto}.floating-upload-now.is-edge-hidden[data-edge=right]{transform:translate(calc(100% - 18px))}.floating-upload-now.is-edge-hidden[data-edge=right]:after{right:auto;left:-3px}.floating-upload-now.is-edge-hidden .floating-upload-now__content{opacity:.35}}
/*# sourceMappingURL=/cdn/shop/t/32/compiled_assets/styles.css.map */