@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spin-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#foot-size-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;bottom:20px;left:20px;background:#fff;padding:0;border-radius:50%;box-shadow:0 2px 10px #0000001a;cursor:pointer;z-index:2;width:6rem;height:6rem}#foot-size-btn:not(.size-selected){animation:beat 2s ease-in-out infinite}#foot-size-btn:hover{transform:scale(1.1)}#foot-size-btn img{width:2rem;height:2rem;transform:rotate(25deg);z-index:1;margin-bottom:50%}#size-popup{position:fixed;bottom:80px;left:20px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:2;width:250px;flex-direction:column;gap:15px}#size-popup h2{font-size:16px;margin:0;text-align:center}#foot-size{width:100%;padding:10px;border:2px solid #e5e5e5;border-radius:8px;font-size:12px;-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 12px center}#select-size-btn{width:100%;padding:10px;background:#000;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}#select-size-btn:hover{background:#333}@media (max-width: 768px){#foot-size-btn{bottom:9rem}}.border-spinner{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px dashed black;border-radius:50%}.border-spinner.spinning{animation:spin-border 10s linear infinite}.size-text{position:absolute;font-size:1rem;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px dashed black;border-radius:50%;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding-bottom:1.5rem;white-space:normal;word-wrap:break-word;line-height:1.2}#foot-size-btn:not(.size-selected):hover{animation:none;transform:scale(1.1)}#foot-size-btn:not(.size-selected)[data-popup-open=true]{animation:none}
/*# sourceMappingURL=/cdn/shop/t/36/assets/foot-size.css.map */