*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;text-size-adjust:none;font-synthesis:none}a{color:inherit;text-decoration:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{--webkit-appearance: none;border-radius:0}@font-face{font-family:Real;font-style:normal;font-weight:400;src:url(/itgwrapped/assets/real-QbuG4fpP.woff);font-display:swap}@font-face{font-family:Real;font-style:normal;font-weight:300;src:url(/itgwrapped/assets/real-light-yo_dYdTE.woff);font-display:swap}@font-face{font-family:Real;font-style:normal;font-weight:500;src:url(/itgwrapped/assets/real-medium-FOGFaTGl.woff);font-display:swap}@font-face{font-family:Real;font-style:normal;font-weight:600;src:url(/itgwrapped/assets/real-bold-4S93cba_.woff);font-display:swap}@font-face{font-family:Real;font-style:normal;font-weight:700;src:url(/itgwrapped/assets/real-black-oXuFIRbb.woff);font-display:swap}@keyframes spin{to{-webkit-transform:rotateZ(360deg);transform:rotate(360deg)}}.loading{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:0px;margin:0 auto;padding:25px 50px;height:100vh}.loading-text{font-weight:600;font-size:1.4em}.loading-subtext{font-weight:300;font-size:1em;padding-top:.5em}.loading-arrow-container{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:0;transform:translateY(-20px);transform-style:preserve-3d;position:absolute}.loading-arrow-2{margin:0 auto;position:absolute;width:620px;animation:spin 15s linear infinite;opacity:.1}.stats-stars{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:20px}.stats-wrapper{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:20px;margin:0 auto;padding:25px 50px;background-color:#1a1a1a;background-size:cover;z-index:2}.stats-title{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:5px;margin:0 auto;z-index:2}.stats-title-a{font-size:4em;font-weight:700;filter:drop-shadow(7px 7px 0px #3a3a41);padding:.15em}.stats-title-b{font-size:2em;font-weight:600;padding-bottom:.15em}.metrics{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:40px;margin:0 auto;width:50%;text-shadow:2px 2px #3a3a41}.value{font-size:2em;transform:skew(-5deg)}.stars{width:1em;margin-right:20px}.stats-list{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:40px;margin:0 auto;width:50%}.stats-list li{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;gap:3px;align-self:flex-start;font-size:1.25em;font-weight:400;width:60%;height:9em;background-image:linear-gradient(110deg,#ac52e8 50%,#f8afe8 90%);padding:20px 10% 20px 20px;border-radius:10px;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;filter:drop-shadow(-3px 0px #3a3a41) drop-shadow(3px 0px #3a3a41) drop-shadow(0px 3px #3a3a41) drop-shadow(0px -3px #3a3a41)}.stats-list li .stat-icon{opacity:.35;display:inline;position:absolute;height:100%;top:0%;right:5%}.stats-list li .song-name{line-height:1.2em;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.stats-list li.has-confetti{background-image:url(/itgwrapped/assets/confetti-kkrx5g2Z.svg),linear-gradient(110deg,#f8afe8 50%,#ac52e8 90%)}.stats-list li:nth-child(2n){display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-end;gap:3px;align-self:flex-end;text-align:end;background-image:linear-gradient(110deg,#f8afe8 50%,#ac52e8 90%);padding:20px 20px 20px 10%}.stats-list li:nth-child(2n) .stat-icon{left:5%}.stats-list li:nth-child(2n).has-confetti{background-image:url(/itgwrapped/assets/confetti-kkrx5g2Z.svg),linear-gradient(110deg,#f8afe8 50%,#ac52e8 90%)}.stats-modal{position:absolute;top:0;z-index:-999;margin:0 auto;border:1px solid #AC52E8;padding:50px;background-color:#1a1a1a}.stats-modal-logo{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:100px}.stats-modal-logo img{width:50%;padding-bottom:20px}.stats-modal-grid{display:grid;grid-template-columns:33% 33% 33%;column-gap:20px;row-gap:20px;padding-right:1.3em}.stats-modal-item{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;gap:3px;align-self:flex-start;font-size:1em;font-weight:400;width:100%;height:8em;background-image:linear-gradient(110deg,#ac52e8 50%,#f8afe8 90%);padding:20px 10% 20px 20px;border-radius:5px;filter:drop-shadow(-3px 0px #3a3a41) drop-shadow(3px 0px #3a3a41) drop-shadow(0px 3px #3a3a41) drop-shadow(0px -3px #3a3a41)}.stats-modal-item-value{font-size:2em;transform:skew(-5deg);line-height:1em;max-height:2.1em;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden}.stats-modal-item-flavor{text-align:right;font-size:.8em;font-weight:300}.stats-modal-item .song-name{line-height:1.2em;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.stats-modal .confetti{background-image:url(/itgwrapped/assets/confetti-kkrx5g2Z.svg),linear-gradient(110deg,#ac52e8 50%,#f8afe8 90%)}.stats-modal-grades{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;gap:60px;row-gap:0px}.stats-modal-grades-container{height:50px;flex-basis:100px}.stats-modal-grades-container img{display:block;position:relative;width:80px;height:80px;top:20%;left:-30%}.stats-modal-grades-container a{position:relative;align-self:center;top:-80%;left:60%;width:fit-content;font-weight:700}.stats-modal-stars{position:relative;opacity:1}.stats-modal .heatmap-wrapper{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;gap:20px;padding-top:1em}.calendar td{width:10px;height:10px}.popup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#share-modal{border:1px solid #f0f0f0;border-radius:5px;padding:30px;background-color:#1a1a1a;width:fit-content;display:block;margin:auto}#share-modal img{display:block;margin:auto;width:35em}.page-end{padding-bottom:20em}.heatmap{display:grid;grid-template-columns:15% 15% 15% 15%;column-gap:70px;row-gap:35px;margin:0 auto;align-content:center;justify-content:center;transform:translate(-20px);padding-bottom:2em}.heatmap-month{display:grid;grid-template-columns:repeat(7,20px);grid-template-rows:repeat(5,20px);column-gap:5px;row-gap:5px}.heatmap-square{padding:10px;border:1px solid #919191}.heatmap-wrapper{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:20px}.heatmap-header{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:150px}.heatmap-header-title{margin:0 auto;font-size:3em;font-weight:700;transform:skew(-10deg)}.heatmap-legend{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:20px;transform:translateY(15px)}.heatmap-legend-colors{background:linear-gradient(90deg,#dcdcdc,#ff1c66 75%);padding-left:150px;padding-top:25px}.heatmap-legend-num{font-size:1em;font-weight:500}html{scroll-behavior:smooth;background-color:#1a1a1a;font:1.5em Real,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#f0f0f0;font-weight:300;line-height:1.5;letter-spacing:1px}.title-screen{height:100vh;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:70px;margin:0 auto}.title-screen-text-wrapper{display:flex;flex-flow:column nowrap;justify-content:center;align-items:stretch;gap:0}.title-screen-logo{height:300px}.title-screen-text-sub{font-size:1em;font-weight:500;transform:skew(-15deg);align-self:flex-end}.title-screen-text-dgef{font-size:3em;font-weight:600;align-self:center;padding-bottom:.5em;background-image:linear-gradient(30deg,#ac52e8,#f0f0f0 80%);background-clip:text;background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;filter:drop-shadow(5px 5px 0px #3a3a41)}.title-screen-text-link{color:#ac52e8}.title-screen-text-info{font-weight:400;width:100%;align-content:flex-end}.title-screen-dropzone{cursor:default;border:1px dashed #3a3a41;border-radius:10px;padding:40px 20px}.title-screen-dropzone:hover{border-color:#f0f0f0}.info-box{border:1px solid #AC52E8;border-radius:10px;padding:20px;max-width:40%;text-align:center}.info-box-text{font-size:.85em}.info-box-text-link{font-size:.85em;color:#1cc2d4;text-decoration:underline}.info-box-hoverable{padding:0}.info-box-hoverable:hover,.info-box:hover{border-color:#f0f0f0}.info-modal{border:1px solid #AC52E8;border-radius:5px;padding:30px;background-color:#1a1a1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;font-size:1em;line-height:2}.info-modal h1{font-size:1.5em;text-decoration:underline;text-align:center}.info-modal p{line-height:1.25;text-indent:10%}.info-modal-close{padding-top:40px;font-size:.8em;color:#919191;text-align:center}.info-warning{font-size:.7em;color:#919191}