nav{height:5rem;display:flex;align-items:center;justify-content:space-between;padding:2rem 1.5rem 0;margin-bottom:4rem}.nav-logo-img{width:250px}.nav-logo-img:hover{cursor:pointer}.nav-queen{width:24px;height:24px;margin-right:1rem;transition:.2s ease all;color:var(--black)}.nav-queen:hover{opacity:.8}.search-wrapper{margin-top:2px}.links{display:flex;align-items:center}.nav-mobile{display:none}.search img{width:24px;height:24px}.search{display:flex;margin:0 1.5rem;border-bottom:1px solid var(--black)}input{border:none;font-family:canada-type-gibson,sans-serif;font-weight:500;font-size:1rem}.login{color:#fff;background-color:var(--button-red);text-decoration:none;padding:.5rem 1.1rem;border:none;border-radius:5px;transition:.2s ease all;font-family:canada-type-gibson,sans-serif;font-weight:500}.login:hover{background-color:var(--button-red-hover)}.profile{display:flex;align-items:center;transition:.2s ease all}.rel{position:relative;top:1px}.profile:hover{cursor:pointer;opacity:.8}input::placeholder,input::-moz-placeholder,input::-webkit-input-placeholder{font-family:canada-type-gibson,sans-serif;font-weight:600;opacity:1}@media screen and (max-width: 660px){.nav-logo-img{width:140px}nav{display:none}.nav-mobile{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;justify-content:space-between;width:100%}.search{width:100%;margin:0!important;margin-top:1rem!important}.search-wrapper{width:100%}input:not([type="checkbox"]),form{width:100%}}.search{display:flex;margin:0 1.5rem;border-bottom:1px solid var(--black);z-index:100;top:185px}.search>form>input{border:none;font-family:canada-type-gibson,sans-serif;font-weight:500;color:var(--black);background-color:var(--white);font-size:1rem}.search>form>input:focus,.search>form>input:focus-visible{outline:none!important;border:none}.search-dropdown{z-index:0;position:absolute;transform:translate(20px) translateY(1px);background-color:#fff;box-shadow:0 24px 76px -15px #2d2d2d;border-radius:0 0 5px 5px;width:240px}.result-banner:hover{background-color:#d3d3d3}.result-banner-link{display:flex;flex-direction:row;align-items:center;padding:7.5px;text-decoration:none}.result-banner-username{font-size:1rem;font-weight:400;color:#000}.profile-icon{width:30px;margin-right:.5rem}@media screen and (max-width: 610px){.search-dropdown{transform:translate(0)}.search-wrapper{width:100%}.search{margin:10px 0 0}}*{padding:0;margin:0;box-sizing:border-box}.loading-wrapper{height:calc(100vh - 10rem);display:flex;flex-direction:column;align-items:center;justify-content:center}body{overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--button-red)}::-webkit-scrollbar-track{background:var(--cell-grey)}body{font-family:canada-type-gibson,sans-serif}.App{height:100vh;width:100vw}.light{--rating-title-color: red;--link-blue: #1da7ea;--link-blue-hover: #1893d1;--input-grey: rgb(231, 227, 227);--cell-grey: #d5d5d5;--grey: #616060;--button-red: red;--button-red-hover: rgb(202, 1, 1);--button-orange: #f05b25;--button-orange-hover: #d45425;--button-green: #22b936;--button-green-hover: #1a972b;--button-blue-save: #3099ce;--button-blue-save-hover: #1c7aa8;--white: #f3f3f3;--black: #181818;--thumb-background: #eee;--shadow: #5c5c5c;--chess-red: #fc8181;--chess-grey: #d6d6d6;--blur: rgba(255, 255, 255, .5);--cell-text: brightness(80%);--puzzle-shadow: rgba(70, 70, 70, .3);--thumbnail: white;--comments-filter: none}.dark{--chess-red: #ff5f5f;--blur: rgba(0, 0, 0, .5);--chess-grey: #545151;--grey: #c4c4c4;--white: #181818;--black: #efefef;--cell-grey: #3d3d3d;--input-grey: rgb(45, 44, 44);--link-blue: #1da7ea;--link-blue-hover: #1893d1;--button-red: red;--button-red-hover: rgb(202, 1, 1);--button-orange: #f05b25;--button-orange-hover: #d45425;--button-green: #22b936;--button-green-hover: #1a972b;--button-blue-save: #3099ce;--button-blue-save-hover: #1c7aa8;--thumb-background: #202020;--shadow: #000;--cell-text: invert(100%);--puzzle-shadow: rgb(114 114 114 / 30%);--thumbnail: #2c2c2c;--comments-filter: invert(100%)}h1{color:var(--black)}body,.App{background-color:var(--white)}.theme{border:none;padding:0;background-color:inherit;margin-right:1rem;transform:.2s ease all}.theme:hover{opacity:.8;cursor:pointer}.theme:active{scale:.9}.loginpage-wrapper{height:calc(100vh - 8rem);display:flex;align-content:center;justify-content:center}.loginmodal-outer-wrapper{margin:auto;max-width:600px;max-height:600px}.loginmodal-inner-wrapper{padding:1rem;text-align:center}.login-element{height:33px;font-family:canada-type-gibson,sans-serif;font-weight:400;margin-bottom:2rem}.login-element-row{height:53px;font-family:canada-type-gibson,sans-serif;font-weight:400;display:flex;gap:1rem}.row{height:53px}.title{font-size:2rem;font-weight:600;font-family:canada-type-gibson,sans-serif;color:var(--black)}.error-msg{color:var(--button-red)}.byline{font-size:1rem;font-family:canada-type-gibson,sans-serif;color:#616161;margin:0 6rem 1.5rem;font-weight:500}.text-input{text-align:left;border-radius:5px;border:none;margin:1rem 0;padding:1rem;background-color:var(--input-grey);color:var(--black);width:100%;font-size:1rem;font-weight:400}.text-input::placeholder{font-family:canada-type-gibson,sans-serif;font-weight:400}.relative{position:relative}.pass-show{position:absolute;right:12px;top:28px;border:none;transition:.2s ease all;background-color:var(--input-grey)}.pass-show:hover{opacity:.7;cursor:pointer}.pass-show:active{transform:scale(.9)}.pass-show-btn{height:30px}.registration{color:var(--black);font-size:1rem;margin-top:4rem;font-family:canada-type-gibson,sans-serif;font-weight:400;margin-bottom:1rem}.link-hover{font-size:1rem;font-family:canada-type-gibson,sans-serif;text-decoration:none;color:var(--link-blue);transition:.2s ease all}.link-hover:hover{cursor:pointer;text-decoration:underline;color:#0072af}.group-select{text-align:left;border:none;border-radius:5px;padding:1rem;margin-top:1rem;color:var(--black);background-color:var(--input-grey);width:100%;font-size:1rem;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;font-family:canada-type-gibson,sans-serif}.login-btn{color:#fff;background-color:var(--button-red);text-decoration:none;font-size:1rem;margin-top:1rem;padding:1rem;border:none;border-radius:5px;transition:.2s ease all;width:100%;font-family:canada-type-gibson,sans-serif}.login-btn:hover{background-color:var(--button-red-hover);cursor:pointer}.login-btn:active{transform:scale(.9)}@media screen and (max-width: 610px){.pass-reset{right:0;top:176px}.byline{margin:0;margin-bottom:1.5rem}}@media screen and (max-width: 450px){.title{font-size:1.6rem}}@media screen and (max-width: 365px){.title{font-size:1.5rem}}.errors{max-width:500px;margin:auto}.errors li{list-style-type:none;margin:.7rem 0rem;color:var(--button-red)}.signup-wrapper{height:calc(100vh - 8rem);display:flex;align-content:center;justify-content:center}.content-belt{display:flex;height:400px;align-items:center;overflow-x:auto;scrollbar-color:var(--button-red) var(--cell-grey);padding:1.5rem;margin-bottom:1rem}@media screen and (max-width: 500px){.content-belt{margin-left:0rem;height:310px;margin-top:-1rem}}.arrow-btn{border:none;background-color:transparent;cursor:pointer;color:var(--black)}.arrow-btn-symbol:hover{transform:scale(1.25)}.arrow-btn-symbol:active{transform:scale(.9)}.sort-select{text-align:left;border-radius:5px;box-shadow:10px 10px 50px -26px var(--shadow);border:none;padding:.5rem 1rem;margin-top:1rem;color:var(--black);background-color:var(--input-grey);width:200px;font-size:1rem;appearance:none;background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;font-family:canada-type-gibson,sans-serif;margin-right:1rem}.sort-select:hover{cursor:pointer}select::content{color:red}@media screen and (max-width: 450px){.sort-select{width:160px;margin:0rem;padding:.5rem;background-position:right .5rem center;font-size:.9rem}}.thumbnail-wrapper{margin-right:2rem;box-shadow:10px 10px 50px -26px var(--shadow);padding:2rem;transition:.2s ease all;width:max-content;background-color:var(--white);border:3px solid black;border-width:3px}.puzzle-thumbnail{border:3px solid black;width:min-content;margin:auto}.thumbnail-link{text-decoration:none;height:min-content}.image-thumb{background-size:200px 200px;transition:.2s ease all;width:66px!important;height:66px!important;border:0px}.next{transition:.5s ease all;transform:translate(-700px)}.prev{transition:.5s ease all;transform:translate(700px)}.thumbnail-link:hover .thumbnail-wrapper{transform:translateY(-10px);box-shadow:20px 20px 50px -26px #2d2d2d}.thumbnailpuzzle-name{font-weight:500;text-align:center;color:var(--black);margin-bottom:1rem;font-size:large;font-family:canada-type-gibson,sans-serif}.t-row{display:flex;justify-content:center;align-items:center}.t-cell{width:22px;height:22px;color:var(--black);border:1px dotted var(--black);background-color:var(--thumbnail);text-align:center;display:flex;justify-content:center;align-items:center;padding:2px}.t-row:nth-child(4){border-top:2px solid var(--black)}.t-row:nth-child(6){border-bottom:2px solid var(--black)}.t-cell:nth-child(4){border-left:3px solid var(--black)}.t-cell:nth-child(7){border-left:3px solid var(--black)}@media screen and (max-width: 500px){.thumbnail-wrapper{margin-right:1rem;padding:1rem}.image-thumb{background-size:150px 150px;transition:.2s ease all;width:50px!important;height:50px!important;border:0px}.t-cell{width:15px;height:15px}}.contentbelt-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.contentbelt-label{font-size:1.8rem;font-weight:600;margin-bottom:1rem;margin-top:1rem;margin:1rem 1rem 0rem 1.5rem}@media screen and (max-width: 450px){.contentbelt-label{font-size:1.4rem;margin:0}.contentbelt-header{align-items:center;margin:1rem;justify-content:space-between}}@media screen and (max-width: 390px){.contentbelt-label{font-size:1.2rem;margin:0}}.profilepage-wrapper{background-color:var(--white);margin:auto;font-family:canada-type-gibson,sans-serif;padding-bottom:2rem}h2{font-size:1.2rem}.level-ring{width:80px;height:80px;display:flex;margin:12px auto auto;justify-content:center;align-items:center}.pfp{max-width:50px;min-width:50px;min-height:50px;border:1px solid var(--black);border-radius:50%}.profile-container{position:relative;display:inline-block}.pfpFrame{position:absolute;bottom:0;right:0;width:20px;height:20px;border-radius:50%;background-color:red}.changePfp{position:absolute;bottom:0;right:0;width:20px;height:20px;border-radius:50%;background-color:green;cursor:pointer;display:flex;justify-content:center;align-items:center}.changePfp:before{content:"+";font-size:20px;color:#fff}.center{display:flex;justify-content:center}.sub-line{font-size:1.8rem;margin-bottom:1rem;margin-top:4rem;font-weight:600;text-align:center}.profile-title{font-size:2rem;font-family:canada-type-gibson,sans-serif;width:max-content;margin:auto;font-weight:600;margin-bottom:2rem;border-bottom:4px solid var(--button-red)}.profile-item{border:none;border-radius:8px;background-color:#fff;padding:1.5rem 3rem;margin:0rem 1rem 2rem}.underline{font-family:canada-type-gibson,sans-serif;font-weight:500}.username{display:flex;align-items:center;margin-bottom:1rem}.light{font-family:canada-type-gibson,sans-serif;font-weight:400}.username>h1{margin-left:.5rem;font-weight:600;font-family:canada-type-gibson,sans-serif}.bio-item{display:flex;justify-content:center}.bio{color:var(--black);width:max-content;box-shadow:20px 20px 99px -26px var(--shadow);padding:2rem 3rem;border-radius:10px;margin:0rem 1.5rem;background-color:var(--white)}.elevation{max-width:min-content;background-color:var(--link-blue);color:#fff;font-family:canada-type-gibson,sans-serif;padding:.2rem .7rem;margin-top:.5rem;border-radius:50px;font-weight:500}.row-two-item{display:flex;flex-direction:row;margin-bottom:2rem}.row-two-item>h2{font-size:1.5rem;font-weight:700!important}.flex-col{display:flex;flex-direction:column;align-items:center}.createpuzzle-btn{color:#fff;border-radius:5px;background-color:var(--button-red);border:none;padding:.4rem .7rem;margin:auto;font-size:1.2rem;text-decoration:none;font-family:canada-type-gibson,sans-serif;width:max-content;font-weight:500;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:3rem;transition:.2s ease all}.createpuzzle-btn>img{margin-left:.5rem}.createpuzzle-btn:hover{background-color:#ca0101}.createpuzzle-btn:active{transform:scale(.9)}.none{font-family:canada-type-gibson,sans-serif;margin:auto;margin-top:4rem;text-align:center;color:var(--black)}.logout-btn{color:#fff;background-color:var(--button-red);border:none;border-radius:5px;padding:.4rem .7rem;margin:auto;font-size:1.2rem;text-decoration:none;font-family:canada-type-gibson,sans-serif;width:max-content;font-weight:500;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:4rem;transition:.2s ease all}.logout-btn:hover{cursor:pointer!important;background-color:var(--button-red-hover)!important}.logout-btn>img{margin-left:.5rem}.logout-btn:active{transform:scale(.9)}@media screen and (max-width: 500px){.username{flex-direction:column}.username>h1{margin-left:0rem}h2{display:flex;flex-direction:column;margin-bottom:.5rem}.bio{max-width:100%}}.circle{height:80px;width:80px;display:table-cell;vertical-align:middle;border-radius:50%;background:#00ffff;outline:2px solid black}.inner-circle{height:68px;width:68px;text-align:center;vertical-align:middle;border-radius:50%;background:#eeeeee;margin:auto;display:flex;justify-content:center;align-items:center;outline:2px solid black}.inner-circle-new{text-align:center;vertical-align:middle;border-radius:50%;display:flex;justify-content:center;align-items:center}.circle-text{display:block;text-align:center}.level-label{font-size:12px;margin-top:-5px;margin-bottom:-5px}.level-text{font-size:24px}.xp-label{font-size:10px;margin-top:-2px;margin-bottom:-5px}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.createpuzzle-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.createpuzzle-element{display:flex;background-color:var(--white)}.createpuzzle-element>div{margin:0 2rem 2rem}.colorTag{font-size:1.1rem;font-weight:400;color:var(--black)}.lockedIcon{margin:0;padding:0;display:inline}ul button{margin:0 0 0 2px;padding:0;display:inline}.createpuzzle-element>input{margin:0;margin-top:1rem;color:#000;background-color:#fff;font-size:1.5rem;text-shadow:-1px -1px 0 #aaa,1px -1px 0 #aaa,-1px 1px 0 #aaa,1px 1px 0 #aaa}.createpuzzle-element>input::placeholder{margin:0;margin-top:1rem;color:#333}.createpuzzle-element>div>h1{font-weight:500;font-size:1.5rem;text-align:center;margin-top:1rem;margin-bottom:.5rem}.type-button{color:#fff;border-radius:5px;background-color:var(--button-red);border:none;padding:.4rem .7rem;font-size:1.2rem;text-decoration:none;font-family:canada-type-gibson,sans-serif;width:max-content;font-weight:500;transition:.2s ease all;margin-right:.5rem}.primary-colors,.gold,.rainbow,.secondary-colors-null,.secondary-colors,.styles-buttons{border:1px solid var(--black)}.type-button:hover{cursor:pointer;opacity:.7}.clue-error{text-align:center;font-weight:500;margin-bottom:.5rem;margin-top:1rem;color:var(--button-red)}.max-width{max-width:600px;padding:1rem}@media screen and (max-width: 1100px){.createpuzzle-element{flex-direction:column}}.row{display:flex;margin:0;height:min-content}.sudoku{display:flex;align-items:center;flex-direction:column;padding:15px 10px}.cell-initial{background-color:var(--input-grey)!important;font-weight:600!important}.generate-btn{background-color:var(--button-blue-save);color:#fff;border:0px;border-radius:5px}.create-btns-holder{display:flex;flex-direction:column;justify-content:center}.generate-clear-btns-holder{display:flex}.grid-wrapper{border:2px solid var(--black)}.row:nth-child(3){border-bottom:2px solid var(--black)}.row:nth-child(6){border-bottom:2px solid var(--black)}.square:nth-child(3){border-right:2px solid var(--black)}.square:nth-child(7){border-left:2px solid var(--black)}.input-buttons{margin-bottom:1rem;display:flex;justify-content:space-between;margin-top:1rem}.input-buttons-mobile{margin-bottom:1rem;display:none;justify-content:center;margin-top:1rem}.input-button{border-radius:5px;font-weight:500;padding:.5rem;border:none;margin:.2rem;height:40px;width:40px;border:1px solid var(--black);background-color:#0000;font-family:canada-type-gibson,sans-serif;color:var(--black);font-size:1.2rem;transition:.2s ease all}.input-button:hover{cursor:pointer;background-color:var(--button-red-hover)}.undo,.redo{border:1px solid var(--black);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.4rem;transition:.2s ease all;border-radius:5px;margin:0 10px}.undo:hover,.redo:hover{transform:translateY(-2px)}.history-buttons{display:flex;justify-content:center;margin-top:1rem;align-items:center;width:300px}.history-button{fill:var(--black);transition:.2s ease all}.history-button:hover{cursor:pointer}.active{width:45px;height:45px;font-weight:500;font-family:canada-type-gibson,sans-serif;background-color:var(--white);filter:var(--cell-text);color:var(--black)}.square.invalid-square>.active{border:none;filter:brightness(80%);background-color:inherit}.square{all:unset;width:45px;height:45px}.invalid-square{width:45px;height:45px;background-color:#ff4f4f!important}.cell{width:45px;font-weight:500;height:45px;border:1px dotted var(--black);font-family:canada-type-gibson,sans-serif;background-color:inherit;color:var(--black);transition:.2s ease all}.date>h2{text-align:center;margin-bottom:0rem;font-size:1.1rem;margin:0 .5rem}.date-label{font-weight:500;color:var(--black)}.f-date{color:var(--grey);font-size:1rem;font-weight:400}@media screen and (max-width: 376px){.cell,.active,.square{width:27px;height:27px}.row:nth-child(3){border-bottom:2px solid var(--black)}.row:nth-child(6){border-bottom:2px solid var(--black)}.square:nth-child(3){border-right:2px solid var(--black)}.square:nth-child(7){border-left:2px solid var(--black)}}.eights-row{display:flex;margin:0;height:min-content}.eights{display:flex;align-items:center;margin-top:20px;flex-direction:column;margin-bottom:20px}.eights-active{filter:brightness(80%);color:var(--black);padding:2px}.eights-border{border:1px solid var(--black)}.eights-active span{margin:auto}.eights-square{width:120px;height:120px;margin:0;background-color:var(--cell-grey)}.eights-cell{width:40px;font-weight:500;height:40px;font-family:canada-type-gibson,sans-serif;background-color:inherit;color:#000;display:flex;justify-content:flex-end;align-items:flex-end;padding:5px;border:0px;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.eights-active{width:40px;font-weight:500;height:40px;font-family:canada-type-gibson,sans-serif;background-color:inherit;display:flex;justify-content:flex-end;align-items:flex-end;padding:5px;border:1px solid var(--black);color:#000;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.eights-btns{display:flex;flex-direction:column}.eights-toggles{margin-top:10px;color:var(--black);display:flex;flex-direction:row;align-items:center}.eights-toggles>input{margin-right:.5rem}.eights-toggles>input{appearance:none;-webkit-appearance:none;background-color:#fafafa;border:1px solid #cacece;box-shadow:0 1px 2px #0000000d,inset 0 -15px 10px -12px #0000000d;padding:9px;border-radius:3px;display:inline-block;position:relative}.eights-toggles>input:active,.eights-toggles>input:checked:active{box-shadow:0 1px 2px #0000000d,inset 0 1px 3px #0000001a}.eights-toggles>input:checked{background-color:#e9ecee;border:1px solid #adb8c0;box-shadow:0 1px 2px #0000000d,inset 0 -15px 10px -12px #0000000d,inset 15px 10px -12px #ffffff1a;color:#99a1a7}.eights-toggles>input:checked:after{content:"\2713";font-size:14px;position:absolute;top:0px;left:3px;color:#99a1a7}.big-checkbox{padding:18px}.big-checkbox:checked:after{font-size:28px;left:6px}.eights-toggles-item{margin:2px;display:inline-block}.show-puzzle{padding:7px 7px 5px;text-decoration:none;border:none;border-radius:5px;margin-top:5px}.show-puzzle>img{width:20px}.show-puzzle:hover{cursor:pointer;transform:scale(1.1)}.eights-cell span{margin:auto}.cell:hover{cursor:pointer;filter:brightness(80%)}.eights-upload{margin-top:20px;color:var(--black)}.upload-button{min-width:120px;font-family:canada-type-gibson,sans-serif;font-size:1.2rem;color:#fff;background-color:var(--button-blue-save);padding:.5rem .7rem;transition:.2s ease all;font-weight:500;border:none;border-radius:5px;display:flex;align-items:center;justify-content:center;margin:5px}.upload-button:hover{cursor:pointer;background-color:var(--button-blue-save-hover)}@media screen and (max-width: 502px){.input-buttons{display:none}.input-buttons-mobile{display:flex;max-width:160px;flex-wrap:wrap;margin-top:2rem}.cell,.active,.square{width:30px;height:30px}.btn-container{flex-direction:column}}@media screen and (max-width: 376px){.cell,.active,.square{width:27px;height:27px}}.puzzlepage-wrapper{min-height:calc(100vh - 12rem);display:flex;flex-direction:column;align-items:center;justify-content:space-around;overflow-x:hidden}.puzzle-modal{border-radius:5px;margin-right:1.5rem}@media screen and (max-width: 700px){.puzzle-modal{margin-right:0}}.details-info{display:flex;align-items:left;justify-content:left;flex-direction:column}.row-one{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.row-two{box-shadow:-1px 7px 100px -20px var(--puzzle-shadow);display:flex;align-items:flex-start;flex-direction:column;border-radius:5px;margin-bottom:1rem}.puzzle-modal-wrapper{display:flex;flex-direction:row;margin:2rem}.puzzlepage-title{font-weight:600;color:#000;font-size:36px;text-align:center}@media screen and (max-width: 1070px){.row-two{display:flex;align-items:flex-start;flex-direction:column}.puzzle-modal-wrapper{flex-direction:column}.comments{width:max-content}.comment{width:360px}.comments-col{width:100%!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0;margin-left:1.5rem}#comment-holder{margin-top:1rem!important;width:360px}}@media screen and (max-width: 500px){.puzzle-modal{box-shadow:none}}.author-share{display:flex;justify-content:space-evenly;flex-direction:row;align-items:center}.author-name{font-size:1.2rem;color:var(--black);font-weight:500}.author-link{text-decoration:underline;color:var(--black)}.author-link:visited{color:var(--black)}.comments-col{display:flex;flex-direction:column;align-items:center;width:100%}.comment-pfp{max-width:30px;min-width:30px;max-height:30px;min-height:30px;border:1px solid var(--black);border-radius:50%;margin-right:5px}.comments{width:max-content;display:flex;flex-direction:column;justify-content:center;background-color:var(--thumb-background);padding:1rem;border-radius:5px}.pfpuser{display:flex;flex-direction:row}.comments-header>h2{margin-bottom:-6px;font-weight:600;color:var(--black)}.comments-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center}.new-comment{width:100%;display:flex;margin-bottom:1.5rem;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.write-comment{width:100%;display:flex;justify-content:space-between;border-radius:5px 0 0 5px;padding:0rem;margin-top:1rem;background-color:var(--input-grey)}.comment-username{color:var(--black);font-weight:500}.comment-date{color:var(--grey);font-weight:300}.comment{width:360px;margin-bottom:1rem;border-bottom:1px solid var(--grey);display:flex;flex-direction:column;justify-content:space-between}.comment>div:nth-child(2)>p{overflow-wrap:break-word;overflow-x:auto}.comment-data{color:var(--black);font-weight:300}.send-comment{font-family:canada-type-gibson,sans-serif;font-size:1rem;color:#fff;border-radius:0 5px 5px 0;background-color:var(--button-blue-save);padding:.5rem .7rem;font-weight:500;display:flex;border:none;align-items:center;justify-content:center;transition:.2s ease all}.send-comment>img{width:20px}.send-comment:hover{cursor:pointer;background-color:var(--button-blue-save-hover)}#newComment{padding:5px;width:100%;color:var(--black);background-color:var(--input-grey);border-radius:5px 0 0 5px}.comment-username-date{display:flex;justify-content:space-between}.comments>h2{color:var(--black);font-weight:600;font-size:1.1rem}.comment>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}#comment-holder{width:360px;overflow-y:scroll;height:608px;overflow-x:hidden}#comment-holder>*{padding-right:10px}.no-comments-msg{position:relative;top:50%;left:50%;transform:translate(-50%,-60%);display:flex;flex-direction:column;justify-content:center;align-items:center}.no-comments-msg-txt{line-height:40px;font-size:1.4rem;font-weight:100}.empty-icon{width:70px;filter:var(--comments-filter)}.rating-container{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;padding:5px 10px;background-color:var(--input-grey);border-radius:5px}.rating-title{font-weight:500;font-size:15px;margin-top:0;color:var(--black);text-align:center;margin-right:5px}.rating-buttons{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;background:none}.rating-button{display:grid;background-color:transparent;border:none;color:#fff;text-decoration:none;margin:0 1px;cursor:pointer}.rating-button>.star-outside,.rating-button>.star-inside{grid-column:1;grid-row:1}.star-outside>svg{fill:var(--black)}.elevation{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:auto;margin-top:1rem}.rating-button>.star-inside>svg{margin-top:2.5px;margin-left:0;fill:#fff}.rating-button.selected{background-color:red}.puzzlepage-titlebg{border-radius:5px 5px 0 0;border:none;min-width:500px;width:100%;height:100%;padding:0 1rem}.btn-container{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:1rem;max-width:200}@media screen and (max-width: 450px){.btn-container{flex-direction:column;margin-top:1rem}}.result-message{font-size:1.5rem;color:red;font-weight:500;margin-top:2rem}.reset-btn{font-family:canada-type-gibson,sans-serif;font-size:1.2rem;color:#fff;background-color:var(--button-orange);padding:.5rem .7rem;transition:.2s ease all;border:none;border-radius:5px;font-weight:500;display:flex;align-items:center;justify-content:center;margin:5px}.reset-btn>img{margin-left:.5rem}.reset-btn:hover{cursor:pointer;background-color:var(--button-orange-hover)}.reset-btn:active{transform:scale(.9)}.save-btn{min-width:120px;font-family:canada-type-gibson,sans-serif;font-size:1.2rem;color:#fff;background-color:var(--button-blue-save);padding:.5rem .7rem;transition:.2s ease all;font-weight:500;border:none;border-radius:5px;display:flex;align-items:center;justify-content:center;margin:5px}.save-btn>img{margin-left:.5rem}.save-btn:hover{cursor:pointer;background-color:var(--button-blue-save-hover)}.save-btn:active{transform:scale(.9)}.trash-btn{width:16px;height:16px;background:transparent;transition:.2s ease all;border:0px;display:flex;float:right;margin:5px;cursor:pointer}.trash-btn:hover{width:18px;height:18px}.trash-icon{color:var(--black)}.export-btn{min-width:40px;font-family:canada-type-gibson,sans-serif;font-size:1.2rem;color:#fff;padding:.5rem .7rem;transition:.2s ease all;border:none;border-radius:5px;font-weight:500;display:flex;align-items:center;justify-content:center;margin:5px;cursor:pointer;background-color:var(--button-blue-save-hover)}.export-btn:hover{background-color:var(--button-blue-save)}.export-icon{color:#fff}.submit-btn{min-width:120px;font-family:canada-type-gibson,sans-serif;font-size:1.2rem;color:#fff;padding:.5rem .7rem;transition:.2s ease all;border:none;border-radius:5px;font-weight:500;display:flex;align-items:center;justify-content:center;margin:5px;cursor:pointer;background-color:var(--button-green)}.submit-btn:hover{background-color:var(--button-green-hover)}.submit-icon{color:#fff}.submit-btn:active{transform:scale(.9)}.share-icon{color:var(--grey)}.copy-btn{width:min-content;font-family:canada-type-gibson,sans-serif;font-size:1.2rem;color:var(--grey);background-color:transparent;transition:.2s ease all;display:flex;border:none;align-items:center;justify-content:center}.copy-btn>img{margin-left:.5rem}.copy-btn:hover{cursor:pointer;opacity:.7}.share-info-btn-bar{display:flex;justify-content:space-evenly;align-items:center;width:411px;margin-top:20px;margin-bottom:10px}@media screen and (max-width: 503px){.share-info-btn-bar{width:315px}}.copy-btn:active{transform:scale(.9)}.delete-puzzle-btn{min-width:120px;font-family:canada-type-gibson,sans-serif;font-size:1.2rem;color:#fff;padding:.5rem .7rem;transition:.2s ease all;border:none;border-radius:5px;font-weight:500;display:flex;align-items:center;justify-content:center;margin:5px;cursor:pointer;background-color:var(--button-red)}.delete-puzzle-btn:hover{background-color:#ff4040}.four-o-four{display:block;margin-left:auto;margin-right:auto;margin-top:175px;height:350px}.return-home-btn{display:block;margin-left:auto;margin-right:auto;margin-top:10px;height:80px;width:240px;background-color:transparent;border:solid;border-color:#000;border-radius:.5rem;font:inherit;font-size:1.2rem;font-weight:500}.return-home-btn:hover{background-color:#ff0000e3;color:#fff;cursor:pointer}.return-home-btn:active{transform:scale(.9)}@media screen and (max-width: 680px){.puzzle-modal-wrapper{margin:0;width:100%}.row-one{margin-bottom:0}.row-two{box-shadow:none;padding:0rem 0rem 2rem;width:100%;display:flex;flex-direction:column;align-items:center}.rating-title{margin-bottom:0!important}.comments{width:max-content!important;padding:1rem}.comments-col{padding:2rem 1rem 0}.submit-btn,.reset-btn,.save-btn,.delete-puzzle-btn{min-width:100px;width:100px;font-size:1rem}}.rating-bar{display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:1}.rating-bar-inner{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr}.star-pair{width:min-content;margin:2px .5px;display:grid}.star-outside>svg{fill:#000}.star-pair>.star-outside,.star-pair>.star-inside{grid-column:1;grid-row:1}.star-pair>.star-inside>svg{margin-top:1.5px;margin-left:0}.rating-bar-main{display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:1}.rating-bar-main-inner{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr}.star-pair-main{width:min-content;margin:2px .5px;display:grid}.star-outside-main>svg{fill:#000}.star-pair-main>.star-outside-main,.star-pair-main>.star-inside-main{grid-column:1;grid-row:1}.star-pair-main>.star-inside-main>svg{margin-top:1.5px;margin-left:0}.success-modal-holder{position:absolute;width:100%;height:100vh;top:0;z-index:100;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);background-color:var(--blur)}.close-btn-holder{display:flex;justify-content:flex-end}.success-modal{box-shadow:20px 20px 99px -26px var(--shadow);background-color:var(--white);border-radius:5px;color:var(--black);max-width:500px;height:200px;text-align:center;padding:.5rem .5rem 2rem;animation:fadeIn .2s}.success-message-holder{height:100%;display:flex;align-items:center}.success-message{margin:2rem 1rem 0rem;font-weight:500}.close-btn{background-color:transparent;border:1px solid var(--black);border-radius:5px;color:var(--black);position:absolute;height:25px;width:25px;display:flex;align-items:center;justify-content:center}.success-modal>h2{font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 450px){.success-modal{max-width:350px}}@media screen and (max-width: 350px){.success-modal{max-width:300px}}.info-icon{transition:.2s ease all;color:var(--grey)}.info-icon:hover{opacity:.7;cursor:pointer}.message{display:block;position:absolute;transform:translate(-45%);background-color:var(--white);padding:.5rem;border-radius:5px;box-shadow:20px 20px 99px -26px var(--shadow);color:var(--black);max-width:200px}.hide-message{display:none}@media screen and (max-width: 650px){.message{width:400px}}.loggedout-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;max-width:400px}.loggedout-title{font-size:30px}.loggedout-img{max-width:300px;margin:10px}.btn{max-width:200px}.loading-icon{display:block;margin-left:auto;margin-right:auto}.fedloginpage-wrapper{height:calc(100vh - 12rem);display:flex}.loading-message{color:var(--button-red);font-size:30px;text-align:center}.eight-queen-holder{height:calc(100vh - 10rem);display:flex;align-items:center;justify-content:center;flex-direction:column}.eight-queen-row{display:flex}.eight-queen-element{height:5rem;width:5rem;display:flex;justify-content:center;align-items:center}.active-eight{border:1px solid var(--black);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.dark-square{background-color:var(--chess-red)}.error-message{color:red;margin-bottom:1rem}.btn-holder{display:flex;margin-top:1rem}.queen-counter{margin-bottom:1rem;color:var(--black)}.light-square{background-color:var(--chess-grey)}.queen-holder{display:flex;justify-content:center;align-items:center}.queen{width:90%;height:auto}@media screen and (max-width: 640px){.eight-queen-element{height:calc(100vw / 9);width:calc(100vw / 9)}}.not-found{height:calc(100vh - 12rem);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.not-found>h1{font-weight:600;text-align:center}.not-found-image{max-width:400px}@media screen and (max-height: 850px){.not-found{height:100vh}}