@import"https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";*,*:after,*:before{box-sizing:border-box}*{margin:0}:root{--c-gray-100: #fbf8f2;--c-gray-200: #fcfdfe;--c-gray-300: #e9ebec;--c-gray-400: #e3e4ea;--c-gray-500: #5f5f5f;--c-gray-900: #1d1d1d;--c-blue-300: #a8dee2;--c-blue-500: #2ab3c0;--c-green-500: #80b895;--c-green-300: #bad5ca;--c-red-500: #ea605e;--c-yellow-300: #f8e0b1;--c-yellow-500: #f9bc73;--rotation: -3deg}.nav-link{color:var(--c-gray-900)}.search{position:relative;z-index:1;transition:.15s ease}.search:hover,.search:focus-within{transform:translatey(-2px)}.search-inner{display:flex;align-items:center;border:2px solid var(--c-gray-900);border-radius:15px;height:60px;font-size:1rem;width:100%;background-color:#fff;position:relative;margin-top:2rem}.search-inner:after{content:"";display:block;position:absolute;z-index:-1;width:96%;height:100%;bottom:-9px;left:2%;border-radius:20px;border:2px solid var(--c-gray-900);background-color:var(--c-gray-100);transition:.15s ease}.search-inner:hover input::placeholder,.search-inner:focus-within input::placeholder{color:#787878}.search-inner:hover:after,.search-inner:focus-within:after{transform:translatey(2px)}.search-button{display:flex;align-items:center;justify-content:center;border-radius:15px 0 0 15px;border:0;background-color:var(--c-gray-100);position:relative;height:100%;border-right:2px solid var(--c-gray-900);width:70px;transition:.15s ease;cursor:pointer}.search-button:focus,.search-button:hover{background-color:var(--c-yellow-300);outline:0}.search-button i{font-size:1.25em}.search-input{border:0;border-radius:0 15px 15px 0;height:100%;background-color:#fff;width:100%;padding-left:1em;padding-right:1em}.search-input:focus{outline:0}.search-input::placeholder{font-weight:600;color:var(--c-gray-500);transition:.15s ease}.player-profile-preview-outer{margin-top:2em}.player-profile-preview{padding:1rem .5rem;max-width:100%;margin-left:20px;margin-right:10px}.card{width:300px;transform:rotate(var(--rotation));transition:.15s ease-out}.card:nth-child(2){margin-top:1rem;--rotation: 5deg}.card:nth-child(2) .card-inner:after{background-color:var(--c-green-300)}.card:nth-child(2) .card-pin{top:20px;left:20px;transform:rotate(-5deg)}.card+.card{margin-left:2rem}.card:hover,.card:focus-within{transform:translateY(4px) rotate(var(--rotation))}.card:hover .card-inner,.card:focus-within .card-inner{background-color:var(--c-gray-100)}.card:hover .card-pin:after,.card:focus-within .card-pin:after{height:54px}.card:hover .card-pin:before,.card:focus-within .card-pin:before{transform:translatey(-4px)}.card.horizontal{width:90%;transform:rotate(3deg)}.card.horizontal .card-inner{flex-direction:row;align-items:center;padding:1rem}.card.horizontal .card-inner:after{background-color:var(--c-green-500)}@media (min-width: 40em){.card.horizontal.horizontal{min-width:max-content}}.card.horizontal .card-image{width:100px;height:100px;flex-shrink:0}.card.horizontal .card-image img{width:100%;display:block}.card.horizontal .card-content{width:100%;margin-top:0;margin-left:.5rem}.card.horizontal .card-meta-artist{font-weight:700}.card.horizontal .card-title{font-weight:500;color:var(--c-gray-500);font-size:1.125em;margin-top:.125em}.card.horizontal .card-time{font-weight:600;color:var(--c-red-500)}.card.horizontal .wishlist-btn{font-weight:600;color:var(--c-gray-900)}.card.horizontal .wishlist-btn:hover{cursor:pointer}.card.horizontal:hover .card-pin.simple:before,.card.horizontal:hover .card-pin.simple:after,.card.horizontal:focus-within .card-pin.simple:before,.card.horizontal:focus-within .card-pin.simple:after{transform:none}.card.horizontal:hover .card-pin.simple:after,.card.horizontal:focus-within .card-pin.simple:after{height:50px}.card-inner{display:flex;flex-direction:column;border:2px solid var(--c-gray-900);border-radius:20px;padding:.5rem;background-color:#fff;position:relative}.card-inner:after{content:"";display:block;position:absolute;z-index:-1;width:95%;height:100%;bottom:-9px;left:2.5%;border-radius:20px;border:2px solid var(--c-gray-900);background-color:var(--c-yellow-300)}.card-pin{width:12px;height:12px;background-color:var(--c-gray-900);position:absolute;top:20px;left:calc(50% - 6px);border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--c-gray-900);transform:rotate(3deg);z-index:1}.card-pin:before,.card-pin:after{content:"";display:block;border-radius:50%;position:absolute;transition:.15s ease-out}.card-pin:before{width:12px;height:12px;background-color:var(--c-gray-900);border-radius:50%;left:calc(50% - 6px);top:-44px}.card-pin:after{width:6px;background-color:#fff;border:1px solid;border-radius:99em;height:50px;left:calc(50% - 3px);bottom:3px}.card-pin.simple{box-shadow:none}.card-pin.simple:nth-of-type(odd){left:10px;top:10px;transform:rotate(-45deg)}.card-pin.simple:nth-of-type(2n){left:calc(100% - 20px);top:calc(100% - 20px);transform:rotate(120deg)}.card-image{border-radius:15px;overflow:hidden;aspect-ratio:4 / 3;position:relative}.card-image img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-meta,.card-title{padding-left:.5rem;padding-right:.5rem}.card-meta{padding-top:.75rem;display:block;text-wrap:wrap}@media (min-width: 30em){.card-meta{text-wrap:nowrap}}.card-meta-number{color:var(--c-gray-500);font-size:.875rem;font-weight:500}.card-meta-button{display:flex;align-items:center;justify-content:center;border:0;color:var(--c-gray-900);flex-shrink:0;cursor:pointer;padding:0;line-height:0;border-radius:50%;background-color:transparent}.card-meta-button i{font-size:1.75rem}.card-meta-button:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0}.card-title{margin-top:.25rem;font-size:1rem;font-weight:600;padding-bottom:.5rem;text-wrap:wrap}@media (min-width: 30em){.card-title{text-wrap:nowrap}}.player-description-container>p{color:#fff3;background:linear-gradient(90deg,#000,#333);background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-size:0% 100%;animation:player-description-container linear forwards;animation-timeline:view(y)}.player-description-container>p{animation-range-start:cover 20vh;animation-range-end:cover 30vh}@keyframes player-description-container{to{background-size:100% 100%}}#player-img{width:100%;display:block;max-height:550px;max-width:550px;margin-left:auto;margin-right:auto;position:center}.player-profile-container{text-align:center}#player-img-caption{text-align:center;color:var(--c-red-500);padding:1em 0;font-weight:700}.player-info>p{color:#fff3;background:linear-gradient(to right,#000,#333);background-clip:text;-webkit-background-clip:text;background-repeat:no-repeat;background-size:0% 100%;animation:scroll-reveal linear forwards;animation-timeline:view()}.player-info>p{animation-range-start:cover 10vh;animation-range-end:cover 30vh}@keyframes scroll-reveal{to{background-size:100% 100%}}.player-profile-img-container{width:min(90%,400px)}.player-profile-img{width:100%;display:block}.email{max-width:80px;overflow:hidden}@media (min-width: 30em){.email{max-width:100%}}@media (max-width: 500px){.offcanvas.offcanvas-end{width:min(85%,400px)}}.map-container,.map{height:min(25rem,80vh)}.map{height:min(28rem,80vh)}@media (min-width: 40em){.map-container,.map{height:min(35rem,80vh)}}.shadows{box-shadow:4px 6px 15px #444}.auth-form-container{min-height:100vh;background:#f8e0b1}.auth-form>h2{font-size:2.4em;font-weight:900;margin-bottom:40px}.auth-form{width:360px;max-height:500px;padding:30px;box-shadow:1px 2px 3px #0003;border-radius:10px;background:#fff}.auth-input{padding:10px 12px;border-radius:4px;border:1px solid #ddd;font-size:1em;width:100%}.auth-label{display:block;margin:20px 0 10px}.auth-btn{margin-top:30px;border-radius:36px;background:#fee996;border:0;text-transform:uppercase;font-weight:700;font-size:.8em;display:block;padding:10px 16px;letter-spacing:2px}.error{color:#f09;margin:10px 2px;font-size:.8em;font-weight:700}
