.app-buttons{margin:var(--gap-main) 0;width:100%;height:50px;display:flex;justify-content:center;align-items:center;gap:20px}.pwa-button,.share-button{width:50px;height:50px;font-size:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:0 0 3px var(--box-shadow-light);color:var(--black-first);background-color:var(--first-color);border:2px solid var(--first-color)}.popup-wrapper,.retry-confirm-wrapper{z-index:9;position:fixed;pointer-events:none;visibility:hidden;opacity:0;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.popup-wrapper.show,.retry-confirm-wrapper.show{pointer-events:auto;visibility:visible;opacity:1}.popup-wrapper .popup-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:400px;width:80%;height:var(--popup-container-height);display:flex;justify-content:center;align-items:center;border-radius:20px;overflow:hidden;box-shadow:0 0 5px var(--box-shadow-light)}.retry-confirm-wrapper .confirm-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:450px;width:90%;padding:var(--gap-main);display:flex;flex-direction:column;justify-content:center;gap:var(--gap-main);font-weight:bold;background-color:var(--white-first);align-items:center;border-radius:20px;overflow:hidden;box-shadow:0 0 5px var(--box-shadow-light)}.popup-container .popup-content-container{width:100%;height:100%;display:flex;flex-direction:column;font-weight:700;background-color:var(--white-first)}.popup-content-container .popup-img{flex:1.2;background-position:top center;background-size:cover}.popup-content-container .popup-content{flex:0.5;display:flex;flex-direction:column;padding:0 0 var(--gap-middle)}.popup-content .popup-title{padding:var(--gap-middle);display:flex;justify-content:center;align-items:center;font-size:var(--size-h1);font-weight:bold;font-family:var(--font-title);text-align:center;background:var(--white-first)}.popup-content .button-container{flex:1;padding:0 var(--gap-small);display:flex;justify-content:center;gap:var(--gap-middle);background-color:var(--white-first)}.button-container .button-share{height:100%;display:flex;justify-content:center;align-items:center}.button-share .button{width:45px;height:45px;border-radius:50%;background-position:center center;background-size:cover;box-shadow:0 0 5px var(--box-shadow-heavy);transition:0.2s}.button-share .button:hover{transform:scale(1.1)}.popup-url-wrapper{flex:0.3;width:100%;padding:var(--gap-small);display:flex;justify-content:center;align-items:center;background-color:var(--first-color)}.popup-url-container{width:100%;height:100%;border-radius:var(--gap-main);overflow:hidden;box-shadow:0 0 5px var(--box-shadow-heavy);display:flex}.popup-url-container input{flex:1;padding-left:8px;padding-right:8px;font-size:var(--size-h3);font-family:var(--font-basic);font-weight:bold;outline:0;border:none;overflow:hidden;text-overflow:ellipsis}.popup-url-container #copy{width:70px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.copy-alert{z-index:9;position:fixed;bottom:30px;left:50%;transform:translateX(-50%);width:200px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:var(--gap-main);opacity:0;visibility:hidden;transition:0.5s;box-shadow:0 0 3px var(--box-shadow-light);border:2px solid var(--first-color);background-color:var(--white-first);font-weight:bold}.copy-alert.show{opacity:1;visibility:visible}.retry-confirm-wrapper .confirm-content{font-size:var(--size-p)}.retry-confirm-wrapper .button-container{gap:var(--gap-middle)}.retry-confirm-wrapper button{padding:var(--gap-small) var(--gap-middle);border-radius:var(--gap-middle);font-size:var(--size-p);background:var(--white-first);border:3px solid var(--first-color)}@media screen and (max-width: 890px){.button-share .button{width:35px;height:35px}}