#record-of-the-week-container{min-height:80vh}#record-of-the-week-container .modal-content{display:flex;padding:20px;flex-direction:column;align-items:flex-start;row-gap:20px;background:#252525}#record-of-the-week-container .message{color:var(--Dark-10, #D4D4D4);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:140%}#record-of-the-week-container #start-modal .message{color:#fff}#record-of-the-week-container .modal-content>*{width:100%}#record-of-the-week-container .group>*{width:100%}#record-of-the-week-container .main-title{color:var(--White, var(--White, #FFF));font-size:20px;font-style:normal;font-weight:700;line-height:96%;text-transform:uppercase}#record-of-the-week-container .group{display:flex;row-gap:1rem}#record-of-the-week-container input{background:var(--dark-90, #444);color:#fff;box-shadow:0 1px 2px #0000000d;border:none;display:flex;padding:6px 12px;font-family:Inter;font-size:1.6rem;font-style:normal;font-weight:400;line-height:2.4rem}#record-of-the-week-container .page-container{min-height:80vh;padding-top:3rem;padding-bottom:3rem;display:flex;flex-direction:column;align-items:center;row-gap:2rem;max-width:55rem}#record-of-the-week-container .page-container>*{width:100%}#record-of-the-week-container .rotw-page-sub-title{text-align:center;margin-bottom:0rem;font-size:2.6rem;font-weight:500;line-height:110%;letter-spacing:-.26px}#record-of-the-week-container .end-page .rotw-page-sub-title{max-width:29rem;text-align:center}#record-of-the-week-container .clue-status p{color:var(--White, var(--White, #FFF));font-family:Inter;font-size:1.6rem;font-style:normal;font-weight:600;line-height:99.023%}#record-of-the-week-container .clue-sticks{display:flex;column-gap:.4rem}#record-of-the-week-container .status-stick{width:20%;height:.5rem;border-radius:14px;background:var(--Dark-90, #444)}#record-of-the-week-container .status-stick.current-answer{background:var(--Gray, #A8A8A8)}#record-of-the-week-container .status-stick.wrong-answer{background:var(--Red, #F66)}#record-of-the-week-container .current-clue-box{display:flex;padding:10px;flex-direction:column;align-items:flex-start;gap:6px;border:1px solid var(--Dark-80, #565656);background:var(--Dark-100, #323232);box-shadow:0 1px 2px #0000000d}#record-of-the-week-container .clue-list{display:flex;flex-direction:column;row-gap:1rem}#record-of-the-week-container .clue-list .title{font-weight:700;line-height:140%}#record-of-the-week-container .past-clue-collapse-trigger{padding:10px;background:#171717;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center}#record-of-the-week-container .past-clue-collapse-trigger:not(.collapsed){border-bottom:1px solid var(--Dark-100, #323232)}#record-of-the-week-container .past-clue-collapse-trigger:after{content:"";background:url(./down_arrow_white.svg) no-repeat 0 0;background-position:right;transform:rotate(0);width:20px;height:7px;display:inline-block;vertical-align:middle;flex-grow:1}#record-of-the-week-container .past-clue-collapse-trigger:not(.collapsed):after{background-position:left bottom;transform:rotate(180deg)}#record-of-the-week-container .past-clue-box{display:flex;flex-direction:column;row-gap:1rem;padding:10px;background:#171717;box-shadow:0 1px 2px #0000000d}#record-of-the-week-container .response-message{padding:.6rem .8rem;font-size:1.2rem;line-height:100%}#record-of-the-week-container .response-message.error{background:#ff66663d;color:var(--Red, var(--Red, #F66))}#record-of-the-week-container .response-message.info{background:#00907466;color:#fff}#record-of-the-week-container .playing-page{position:relative}#record-of-the-week-container .answer-box{position:fixed;bottom:0;display:flex;border-top:.5px solid #171717;background:var(--Vinyl-Black, #0C0C0C);padding-top:.6rem;padding-bottom:2.2rem;column-gap:.5rem;z-index:1000}#record-of-the-week-container .answer-recommendation-box{position:absolute;bottom:7.25rem;left:0;width:100%;background:var(--dark-90, #444);overflow-y:scroll;max-height:150px}#record-of-the-week-container .answer-box input{flex-grow:1;min-width:1rem}#record-of-the-week-container .h4,#record-of-the-week-container h4{font-size:2.2rem}#record-of-the-week-container .result-record{position:relative;display:flex;flex-direction:column;align-items:center}#record-of-the-week-container .result-record img{border:3.2px solid var(--Dark-100, #323232);margin-bottom:1rem;width:60%;height:60%;max-width:33rem;max-height:33rem}#record-of-the-week-container .result-record .record-title{color:var(--White, #FFF);font-family:Eurostile,sans-serif;font-size:2rem;font-style:normal;font-weight:700;line-height:96%;text-align:center;margin-bottom:1rem}#record-of-the-week-container .result-record .record-artist{color:var(--Gray, var(--Gray, #A8A8A8));font-family:Inter;font-size:1.6rem;font-style:normal;font-weight:700;line-height:normal}#record-of-the-week-container .action-group-with-code{display:flex;flex-direction:column;align-items:center}#record-of-the-week-container .discount-code-input{display:flex;width:100%;background:var(--Dark-100, #323232);box-shadow:0 1px 2px #0000000d;margin-bottom:1.5rem}#record-of-the-week-container .end-page .title-group{display:flex;justify-content:space-between;font-size:1.4rem;margin-bottom:.5rem}#record-of-the-week-container .discount-code{flex-grow:1;background:var(--Dark-100, #323232);box-shadow:0 1px 2px #0000000d}#record-of-the-week-container .copy-button{padding:10px;display:flex}#record-of-the-week-container .copy-icon{background-image:url(./copy-icon.svg);width:24px;height:24px}#record-of-the-week-container .end-page button{width:100%}#record-of-the-week-container .action-group-with-code .btn-primary{margin-bottom:1.2rem}#record-of-the-week-container .btn-secondary{background:var(--Gray, #A8A8A8);border:none;margin-bottom:3rem}#record-of-the-week-container .share-link{text-decoration:underline;text-decoration-color:var(--vinyl-green);cursor:pointer}#record-of-the-week-container .discount-code-group{width:100%}#record-of-the-week-container .action-group-without-code .btn-primary{margin-bottom:0rem}#record-of-the-week-container .action-group-without-code{display:flex;flex-direction:column;row-gap:2rem;align-items:center}#record-of-the-week-container .action-group-without-code .or{font-size:1.4rem;color:var(--Gray, var(--Gray, #A8A8A8))}#record-of-the-week-container .action-group-without-code .subscribe-box{font-size:1.4rem;width:100%;display:flex;flex-direction:column;row-gap:.5rem}#record-of-the-week-container .action-group-without-code .subscribe-input{display:flex;background:var(--Vinyl-Black, #0C0C0C);column-gap:.5rem}#record-of-the-week-container .end-page .subscribe-input button{width:unset;padding:1rem;font-size:1.4rem;min-width:9rem}#record-of-the-week-container .end-page .subscribe-input input{flex-grow:1;padding:1rem;min-width:0}#record-of-the-week-container p{font-size:1.4rem}#record-of-the-week-container .end-page canvas{z-index:-2!important}#record-of-the-week-container .clue-image{width:fit-content}#record-of-the-week-container .modal-content{color:#fff}#record-of-the-week-container .answer-recommendation-box li{background:none;border:none;padding:.8rem 1rem;font-size:1.5rem;color:#fff;display:block;width:100%;text-align:left;cursor:pointer}#record-of-the-week-container .answer-recommendation-box li:hover,#record-of-the-week-container .answer-recommendation-box li:active{background-color:#02cba4;color:#0c0c0c}#record-of-the-week-container .confetti-animation{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%}#record-of-the-week-container .close{position:absolute;border-radius:50%;width:20px;height:20px;background-color:#fff;right:0%;top:0%;transform:translate(50%,-50%);display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#9d9d9d;cursor:pointer}#record-of-the-week-container .modal-content .title{position:relative}#record-of-the-week-container .page-container .sub-title{margin-bottom:3rem}#record-of-the-week-container .toast{position:fixed;bottom:1rem;background:#009074;box-shadow:0 1px 20.9px #0006;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding:var(--2, 8px);transition:all 1s ease-out;z-index:100}#record-of-the-week-container .toast.hide{opacity:0}#record-of-the-week-container .playing-page .rotw-page-header>*{text-align:center}#record-of-the-week-container .playing-page .rotw-page-header .rotw-description-desktop{display:none}@media(min-width:768.1px){#record-of-the-week-container .page-container{display:grid;row-gap:2rem;column-gap:10rem;min-width:100%;min-height:fit-content;padding:7vh 15vw 7vh 15vw;align-items:start;justify-content:stretch;max-width:100%;grid-template-columns:1fr 1fr}#record-of-the-week-container .playing-page{grid-template-areas:"rotw-page-header rotw-page-header" "rotw-page-sub-title clue-image" "clue-status clue-image" "response-message clue-image" "answer-box clue-image" "clue-list clue-image";grid-template-rows:auto auto auto auto auto 1fr}#record-of-the-week-container .playing-page .rotw-page-header{grid-area:rotw-page-header;display:flex;align-items:center;flex-direction:column}#record-of-the-week-container .playing-page .rotw-page-header .rotw-description-mobile{display:none}#record-of-the-week-container .playing-page .rotw-page-header .rotw-description-desktop{display:block}#record-of-the-week-container .playing-page .rotw-page-sub-title{grid-area:rotw-page-sub-title;text-align:unset}#record-of-the-week-container .playing-page .clue-status{grid-area:clue-status}#record-of-the-week-container .playing-page .response-message{grid-area:response-message}#record-of-the-week-container .playing-page .clue-list{grid-area:clue-list}#record-of-the-week-container .playing-page .answer-box{grid-area:answer-box;position:relative;border-top:0rem;border-bottom:.5px solid #171717;padding:0rem 0rem 2rem;z-index:1}#record-of-the-week-container .playing-page .clue-image{grid-area:clue-image;width:100%}#record-of-the-week-container .end-page{position:relative;grid-template-areas:"rotw-page-sub-title result-record" "sub-title result-record" "action-group result-record";grid-template-rows:auto auto 1fr}#record-of-the-week-container .end-page .rotw-page-sub-title{grid-area:rotw-page-sub-title;text-align:unset}#record-of-the-week-container .end-page .action-group-with-code,#record-of-the-week-container .end-page .action-group-without-code{grid-area:action-group}#record-of-the-week-container .end-page .result-record{grid-area:result-record;width:100%;align-items:start}#record-of-the-week-container .result-record img{width:100%;height:100%;max-width:unset;max-height:unset}#record-of-the-week-container h4{font-size:2.8rem}#record-of-the-week-container .end-page .rotw-page-sub-title{max-width:unset}#record-of-the-week-container .page-container div{font-size:1.6rem}#record-of-the-week-container .result-record .record-title{font-size:2.4rem;text-align:start}#record-of-the-week-container .result-record .record-artist{font-size:2rem}#record-of-the-week-container .end-page .discount-title{font-size:1.4rem}#record-of-the-week-container #start-modal p{font-size:1.6rem}#record-of-the-week-container .toast{position:fixed;bottom:1rem;left:1rem;font-size:1.6rem}#record-of-the-week-container .answer-recommendation-box{top:5rem;bottom:unset}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotw_loading{margin:auto;width:24px;height:24px;background:url(../assets/loading.png);background-repeat:no-repeat;background-position:center;background-size:cover;animation:rotate 1s linear infinite}.scroll-arrow{content:"";background:url(./arrow-down-with-line.svg) no-repeat 0 0;background-position:center;transform:rotate(0);width:25px!important;height:25px;display:inline-block;vertical-align:middle;flex-grow:1;bottom:10px;left:calc(50% - 12px);cursor:pointer;z-index:20;position:fixed}@media(min-width:768.1px){.scroll-arrow{content:"";background:url(./arrow-down-with-line.svg) no-repeat 0 0;background-position:center;transform:rotate(0);width:25px!important;height:25px;display:inline-block;vertical-align:middle;flex-grow:1;position:absolute;bottom:10px;left:calc(50% - 12px);cursor:pointer;z-index:20}}#record-of-the-week-container .result-record:hover .button-buy{opacity:1;pointer-events:all}#record-of-the-week-container .result-record:hover .button-out-of-stock{opacity:1;cursor:not-allowed;pointer-events:all}#record-of-the-week-container .result-record .button-buy{font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease-out;z-index:11}#record-of-the-week-container .result-record .button-out-of-stock{font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease-out;z-index:11;margin-top:1rem;font-family:Eurostile,sans-serif;font-weight:700;text-transform:uppercase;background-color:#a8a8a8;border-color:#a8a8a8}#result-record-image-container{display:flex;justify-content:center}@media(max-width:767.98px){#record-of-the-week-container .result-record .button-buy,#record-of-the-week-container .result-record .button-out-of-stock{width:40%;height:auto;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/129/assets/record-of-the-week.css.map */