@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 40;font-size:inherit}*{-webkit-user-select:none;-ms-user-select:none;user-select:none;--card-maximum-width: clamp(300px, 60vh, 750px);--card-maximum-height: calc((var(--card-maximum-width) * 1.25))}input{-webkit-user-select:text!important}html,body{width:100%;font-family:Source Sans Pro,serif;font-size:clamp(.75rem,.75rem,1rem);line-height:1.15rem;color:#333;background-image:url(/tessalation.svg);background-repeat:repeat-x;background-position-y:bottom;background-attachment:fixed;background-color:#fff;margin-top:65px}.positioned{position:absolute}.text-md{font-size:1.3rem}.text-md h1{font-size:2.8rem;font-variation-settings:"wght" 800,"opsz" 40;line-height:2.8rem}.text-md h2{font-size:2.4rem;font-variation-settings:"wght" 800,"opsz" 40;line-height:2.4rem}.text-md h3{font-size:1.8rem;font-variation-settings:"wght" 800,"opsz" 40;line-height:1.8rem}.text-md p{font-size:1.4rem;line-height:1.7rem}a:link,a:visited{color:#333;border-bottom:#fff 1px solid;font-variation-settings:"wght" 400,"opsz" 40;text-decoration:none}a:hover,a:active{border-bottom:#fff 1px solid;color:#333;h1:,h2,h3;font-variation-settings:"wght" 800,"opsz" 40}div.not-found,div.fetch-status,div.login{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;height:100%;max-width:800px;margin:0 auto;font-size:1.8rem}div.not-found.login p,div.fetch-status.login p,div.login.login p{text-align:center}div.not-found.fetch-status p,div.fetch-status.fetch-status p,div.login.fetch-status p{color:#3339}div.not-found nav,div.fetch-status nav,div.login nav{display:flex;flex-direction:row;align-items:center;gap:1.2rem;font-size:1.8rem;line-height:100%}div.not-found nav a:link,div.fetch-status nav a:link,div.login nav a:link,div.not-found nav a:visited,div.fetch-status nav a:visited,div.login nav a:visited{color:#333;padding:.4rem 0;margin-x:.8rem}div.not-found nav a:link.active,div.fetch-status nav a:link.active,div.login nav a:link.active,div.not-found nav a:visited.active,div.fetch-status nav a:visited.active,div.login nav a:visited.active{border:1px solid rgba(51,51,51,.3)}div.not-found nav a:hover,div.fetch-status nav a:hover,div.login nav a:hover,div.not-found nav a:active,div.fetch-status nav a:active,div.login nav a:active{border:1px solid rgba(51,51,51,.6)}div.not-found nav a:hover.active,div.fetch-status nav a:hover.active,div.login nav a:hover.active,div.not-found nav a:active.active,div.fetch-status nav a:active.active,div.login nav a:active.active{border:1px solid rgba(51,51,51,.6)}form.search,form.filter,form.name{position:relative;display:flex;flex-direction:column;flex-grow:1;margin:2rem 50px}form.search.name,form.filter.name,form.name.name{margin:2rem 0}form.search input,form.filter input,form.name input{-webkit-appearance:none;appearance:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#fff;border:1px solid rgba(51,51,51,.3);padding:.8rem 4.8rem .8rem 1.2rem;font-size:1.8rem;font-variation-settings:"wght" 600,"opsz" 40;font-family:Source Sans Pro,serif;width:100%;color:#333}form.search input::placeholder,form.filter input::placeholder,form.name input::placeholder{color:#3339}form.search input:hover,form.filter input:hover,form.name input:hover,form.search input:focus,form.filter input:focus,form.name input:focus{outline:none;border:1px solid rgba(51,51,51,.6)}form.search .close,form.filter .close,form.name .close{appearance:none;background:none;border:none;position:absolute;top:1px;right:1px;bottom:1px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#3339;padding:.8rem 1.2rem;cursor:pointer;font-size:1.8rem}form.search .close:hover,form.filter .close:hover,form.name .close:hover{color:#333}form.search .close .material-symbols-outlined,form.filter .close .material-symbols-outlined,form.name .close .material-symbols-outlined{color:#333;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 40}form.auth{position:relative;display:flex;flex-direction:column;margin:2rem 45px}form.auth label{font-size:1.3rem;padding:0 0 1rem;color:#d6d6d6;z-index:10}form.auth input{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:none;border-bottom:1px solid rgba(51,51,51,.3);padding:.8rem 0;font-size:1.6rem;font-variation-settings:"wght" 600,"opsz" 40;font-family:Source Sans Pro,serif;width:240px;color:#333}form.auth input::placeholder{color:#3339}form.auth input:hover,form.auth input:focus{outline:none;border-bottom:1px solid rgba(51,51,51,.6)}form.auth .go{appearance:none;background:none;border:none;height:45px;right:1px;bottom:1px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#3339;padding:.8rem;margin:.4rem;cursor:pointer;font-size:1.8rem;background:rgba(51,51,51,.05)}form.auth .go:hover{background:rgba(51,51,51,.1);color:#333}form.auth .go .material-symbols-outlined{color:#333;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 40}.form-error{margin:1rem 0 0;color:red;font-size:1.4rem;font-variation-settings:"wght" 600,"opsz" 40;font-family:Source Sans Pro,serif}.list{position:relative;height:100%;width:800px;margin:0 auto}.list h1{font-weight:600;padding-bottom:2rem}.list ul{display:flex;flex-direction:column;list-style:none;margin:2rem 0;padding:0;line-height:normal;gap:1.2rem}.list ul.draggable-list a{cursor:grab}.list ul li{position:relative;display:flex;flex-direction:row;flex-grow:1;align-items:center;justify-content:space-between}.list ul li.editor-row{align-items:stretch;flex-direction:row;gap:2rem}.list ul li.editor-row button{font-size:1.8rem;color:#333;background-color:#fff;border:1px solid rgba(51,51,51,.3);padding:.8rem 1.2rem;line-height:1rem;cursor:pointer}.list ul li.editor-row button.edit:hover,.list ul li.editor-row button.delete:hover{color:#333;border:1px solid rgba(51,51,51,.6)}.list ul li.editor-row button.delete:hover .material-symbols-outlined{color:#333}.list ul li>:first-child{flex-grow:1}.list ul li>:first-child+:last-child{flex-grow:0}.list ul li span.fetch-status{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#3339;border:1px solid transparent;padding:.8rem 1.2rem;font-size:1.8rem}.list ul li a:link,.list ul li a:visited{display:inline-flex;align-items:center;justify-content:space-between;color:#333;background-color:#fff;border:1px solid rgba(51,51,51,.3);padding:.8rem 1.8rem;font-size:1.8rem;gap:1.8rem}.list ul li a:link.view,.list ul li a:visited.view{justify-content:space-between}.list ul li a:link.edit :nth-child(2),.list ul li a:visited.edit :nth-child(2){flex-grow:1}.list ul li a:hover,.list ul li a:active{background-color:#333;color:#fff;border:1px solid rgba(51,51,51,.6)}.list ul.secondary-button{flex-direction:column;gap:1.2rem}.list ul.secondary-button li{flex-grow:0;padding:0}.list ul.secondary-button li a:link,.list ul.secondary-button li a:visited{cursor:pointer}.list ul.secondary-button li a:link .material-symbols-outlined,.list ul.secondary-button li a:visited .material-symbols-outlined{color:#333;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 40}.list ul.secondary-button li a:hover,.list ul.secondary-button li a:active{border:1px solid rgba(51,51,51,.6)}.editor-account{display:grid;grid-template-columns:40% 60%;align-items:left;gap:1.2rem;font-size:1.5rem;width:800px;margin:2rem auto;padding:0 50px}.editor-account .heading{gap:.5rem;color:#333;font-variation-settings:"wght" 400,"opsz" 40;background-color:#fff;padding:.8rem 1.2rem;line-height:100%}.editor-account .content,.editor-account button{position:relative;gap:.5rem;color:#333;font-variation-settings:"wght" 600,"opsz" 40;background-color:#fff;border:1px solid rgba(51,51,51,.3);padding:.8rem 1.2rem;cursor:pointer;line-height:100%}.editor-account .content input,.editor-account button input{border:none;color:#333;font-variation-settings:"wght" 600,"opsz" 40;background-color:#fff}.editor-account .content input:focus,.editor-account button input:focus{outline:none}.editor-account .content .update-mark,.editor-account button .update-mark{position:absolute;right:10px;top:10px}.editor-account .content:hover,.editor-account button:hover{background-color:#fff;border:1px solid rgba(51,51,51,.6)}.row{display:flex;flex-direction:row;align-items:center;list-style:none;margin:2rem 0;padding:0;line-height:normal;gap:2rem}.row form.name{margin:0}.row h3{font-size:1.8rem;font-variation-settings:"wght" 800,"opsz" 40;margin:1.25rem 0}.row button{align-self:stretch;font-size:1.8rem;color:#333;background-color:#fff;border:1px solid rgba(51,51,51,.3);padding:.8rem 1.2rem;line-height:1rem;cursor:pointer}.row button.done:hover,.row button.cancel:hover{color:#333;border:1px solid rgba(51,51,51,.6)}.row button.cancel:hover .material-symbols-outlined{color:#333}.row>:first-child{flex-grow:1}.row>:first-child+:last-child{flex-grow:0}.button-row{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:1.2rem;font-size:1.5rem;width:800px;margin:2rem auto;padding:0}.button-row.short{width:200px}.button-row.align-right{justify-content:flex-end}.button-row button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;color:#333;font-variation-settings:"wght" 600,"opsz" 40;background-color:#fff;border:1px solid rgba(51,51,51,.3);padding:.8rem 1.2rem;cursor:pointer;line-height:100%}.button-row button.checked{border:1px solid rgba(0,0,0,.3)}.button-row button:hover{background-color:#fff;border:1px solid rgba(51,51,51,.6)}.button-row .secondary-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;color:#333;background-color:#fff;border-right:1px solid #fff;border-left:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #333;padding:.2rem 0;margin:0 1.2rem;cursor:pointer;line-height:100%}.button-row .secondary-button:active,.button-row .secondary-button:hover{border-bottom:1px solid rgba(255,255,255,.3)}.button-row .add,.button-row .logout{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;color:#333;font-variation-settings:"wght" 600,"opsz" 40;background-color:#fff;border:1px solid rgba(51,51,51,.3);padding:.8rem 1.2rem .8rem .8rem;cursor:pointer;line-height:100%}.button-row .add:active,.button-row .logout:active,.button-row .add:hover,.button-row .logout:hover{color:#333;border:1px solid rgba(51,51,51,.6)}.button-row .submit,.button-row .done{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;color:#333;font-variation-settings:"wght" 600,"opsz" 40;background-color:#fff;border:1px solid rgba(51,51,51,.3);padding:.8rem 1.2rem;cursor:pointer}.button-row .submit:hover,.button-row .done:hover{color:#333;border:1px solid rgba(51,51,51,.6)}.deck-info{display:flex;justify-content:space-between;align-items:center}.deck-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;padding:30px 0;width:800px;margin:0 auto}.deck-wrapper .header-container{text-align:center;width:100%;position:relative;top:-40px}.deck-wrapper .header-container h1{line-height:100%;font-size:2.5rem;font-weight:600}.deck-wrapper .header-container h2{font-family:Source Sans Pro;font-style:normal;padding-top:4rem;font-weight:600}.deck-wrapper .deck-card-details{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4rem;margin:4.2rem 0;padding:0 0 125px;font-size:1.4rem;font-style:italic;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 40;color:#333;text-align:center}.deck-wrapper .deck-card-details .ribbon{margin:2rem 0;flex-basis:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.deck-wrapper .deck-card-details .ribbon span{font-size:1.2rem;font-variation-settings:"wght" 800,"opsz" 40;background-color:#d6d6d6;padding:.5rem 1rem}.deck-wrapper .deck-card-details .deck-names{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.4rem;width:600px}.deck-wrapper .deck-card-details .deck-names span{white-space:nowrap}.deck-wrapper .deck-card-details .deck-options{display:flex;justify-content:space-between;flex-direction:row;width:100%;margin-top:2rem}.deck-wrapper .deck-card-details button.share{font-size:1.4rem;color:#333;background-color:#fff;border:1px solid rgba(51,51,51,.3);margin-top:5rem;padding:.4rem .8rem;line-height:normal;cursor:pointer;display:flex;align-items:center;gap:.8rem}.deck-wrapper .deck-card-details button.share span.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 40}.deck-wrapper .deck-card-details button.share:hover{border:1px solid rgba(51,51,51,.6)}.deck-wrapper .deck-card-details button.share.on{background-color:#333;color:#fff}.deck{position:relative;height:250px;width:200px;margin:0 auto}.deck .card.maximum{position:fixed!important;top:0;transform:translate(calc(100px - (var(--card-maximum-width) / 2))) translateY(calc(50vh - (var(--card-maximum-height) / 2)))!important;width:var(--card-maximum-width)}.board{position:relative;height:100%;width:800px;margin:2rem auto 0}.card-template-grid{position:relative;height:100%;width:800px;margin:0 auto;padding:2rem 0}.stack{border:1px dashed #333;height:250px;width:200px;display:flex;justify-content:center;align-items:center;pointer-events:none}.stack span.name{position:absolute;top:calc(100% + 1.2rem);right:0;left:0;font-size:1.2rem;font-style:italic;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 40;color:#333;text-align:center}.stack>div{display:flex;flex-direction:row;align-items:center;justify-content:center;height:4rem;width:4rem;line-height:0}.stack>div a:link .material-symbols-outlined,.stack>div a:visited .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 40;font-size:2.5rem;color:#d6d6d6;pointer-events:auto;cursor:pointer}.stack>div a:hover .material-symbols-outlined{color:#333}.stack.nearest-stack-to-card>div{background:#f7f7f8;border-radius:50%}.card{position:relative;width:200px;cursor:grab;user-select:none;aspect-ratio:auto 1/1.25}.card.template{cursor:pointer}.card.template .name{opacity:1}.card .name{position:absolute;top:calc(100% + 1.2rem);font-size:1.2rem;font-style:italic;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 40;line-height:1.1;color:#333;text-align:center;opacity:0;pointer-events:none}.card.no-pointer{cursor:default;pointer-events:none}.card.maximum{position:fixed!important;top:0;transform:translate(calc(400px - (var(--card-maximum-width) / 2))) translateY(calc(50vh - (var(--card-maximum-height) / 2)))!important;width:var(--card-maximum-width);cursor:pointer}.card.maximum span.name{background-color:#fff;font-size:2rem;padding:.5rem;opacity:1}.card a.card-control.push-control .material-symbols-outlined,.card a.card-control:hover .material-symbols-outlined{background:#fff!important}.card a.card-control.push-control:hover,.card a.card-control.maximum:hover,.card a.card-control.delete:hover{color:#333}.card a.card-control:active,.card a.card-control:focus{opacity:.6}.card.dragging{cursor:grabbing}.card:not(.dragging).belongs-to-nearest-stack>div:after{background:#333}.card div.card-face{position:relative;width:100%;height:100%;border-radius:.5rem;display:flex;justify-content:center;align-items:center}.card div.card-face:after{content:"";height:4rem;width:4rem;border-radius:100%;z-index:100}.card div.card-face>:first-child{z-index:2}.card div.card-face>:last-child{z-index:1}.card div.card-face .box-shadow{box-shadow:#00000017 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px}.card div.card-face .max-b-radius{border-radius:1.875rem}.card div.card-face>div{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;transform-style:preserve-3d;background:#fff;border-radius:.5rem;color:#333;overflow:hidden}.card div.card-face>div .unrevealed{display:flex;height:100%;background:#fff}.card div.card-face>div .unrevealed:after{content:"";position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border-radius:.25rem;background:#d6d6d6}.card div.card-face>div .front{position:relative;display:flex;flex-direction:column;height:100%}.card div.card-face>div .front .card-artwork{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:1;background-size:cover}.card div.card-face>div .front>span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-grow:1;justify-content:center;align-items:center;font-size:5rem;z-index:0}.card div.card-face>div .front .card-header{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:flex-end;padding:.6rem 1rem;font-size:1.5rem;font-variation-settings:"wght" 400,"opsz" 40;color:#333;z-index:2;height:4rem}.card div.card-face>div .front .card-header>div{display:flex;flex-direction:row;gap:.8rem}.card div.card-face>div .front .card-header span{line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card div.card-face>div .front .card-header a{border:none}.card div.card-face>div .front .card-header .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 40;font-size:1.8rem;background:rgba(255,255,255,.6);color:#333;border-radius:1.25rem;height:2.4rem;width:2.4rem;display:inline-flex;justify-content:center;align-items:center}.card div.card-face>div .front .card-content{padding:1rem 1.25rem}.card div.card-face>div .back{position:relative}.card div.card-face>div .back.normal{overflow:hidden}.card div.card-face>div .back.maximum{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;background-color:#fff;color:#333;font-family:Source Sans Pro}.card div.card-face>div .back.maximum .card-md{overflow-y:auto;overscroll-behavior:none;word-break:break-word}.card div.card-face>div .back .card-header{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid #333;font-size:1.5rem;font-variation-settings:"wght" 700,"opsz" 40;color:#333;position:sticky;top:0px;z-index:2;background-color:#fff;overflow:hidden;gap:.2rem;height:4rem}.card div.card-face>div .back .card-header>div{display:flex;flex-direction:row;gap:.8rem}.card div.card-face>div .back .card-header span{line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card div.card-face>div .back .card-header .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 40;font-size:1.8rem;background-color:#fff;color:#333;border-radius:1.25rem;height:2.4rem;width:2.4rem;display:inline-flex;justify-content:center;align-items:center}.card div.card-face>div .back .card-md{padding:2rem 2.5rem;font-size:1.5rem;line-height:1.5}.card div.card-face>div .back .card-md h1{font-size:2.8rem;font-weight:400;border-bottom:solid #fff 1px;margin:0;padding:1rem 0}.card div.card-face>div .back .card-md h2{font-size:2.4rem;font-weight:400}.card div.card-face>div .back .card-md h3{font-size:1.8rem;font-weight:400}.card div.card-face>div .back .card-md blockquote,.card div.card-face>div .back .card-md pre{font-size:1.6rem;font-weight:400;color:#333;padding:.5rem 6rem;margin:0 auto}.card div.card-face>div .back .card-md pre{white-space:pre-wrap}.card div.card-face>div .back .card-md ul{list-style-type:none;padding-left:2.5rem;margin:2.5rem 0}.card div.card-face>div .back .card-md ul li{position:relative;margin-bottom:.5rem}.card div.card-face>div .back .card-md ul li:before{content:"•";position:absolute;left:-1.6rem;font-size:1.6rem;line-height:normal;font-variation-settings:"wght" 400,"opsz" 40;color:#333}.card div.card-face>div .back .card-md.ghost{height:100%;padding:.6rem}.card div.card-face>div .back .card-md.ghost>*{background:rgba(214,214,214,.3);font-size:.4rem;margin:0 0 1rem;padding:0;color:transparent!important;overflow:hidden;line-height:normal}.card div.card-face>div .back .card-md.ghost>*>*{margin:0;padding:0;color:transparent!important}.card div.card-face>div .back .card-md.ghost ul{background:rgba(51,51,51,.1)}.card div.card-face>div .back .card-md.ghost blockquote{background:rgba(51,51,51,.1);color:#333}.card div.card-face>div .back .card-md.ghost blockquote:before{content:""}.card div.card-face>div .back .card-md.ghost a{border-bottom:1px solid $white}.card div.card-face>div .back .card-content{padding:1rem 1.25rem}.delete-confirmation{display:grid;grid-template-columns:80% 10% 10%}.card-template{height:250px;width:200px;cursor:pointer;user-select:none;aspect-ratio:auto 1/1.25}.title{display:flex;align-items:center;gap:.4rem;font-size:1.8rem;line-height:100%;margin:0;color:$black;padding-top:15px}header{position:fixed;top:0;left:50%;transform:translate(-50%);background-color:#fff;z-index:10;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:2rem 0 1rem;width:800px;margin:0 auto;border-bottom:1px solid #333}header a{border:1px solid #fff}header h1{display:flex;align-items:center;gap:.8rem;line-height:100%;font-size:3rem;font-weight:600;margin:0}header h1 .material-symbols-outlined{font-size:66%}header nav{display:flex;flex-direction:row;align-items:center;gap:4rem;font-size:1.8rem;line-height:100%;border-bottom:1px solid #fff}header nav a:link,header nav a:visited{color:#333;background-color:#fff;padding:.4rem 0;margin:0 .8rem}header nav a:link.get-started,header nav a:visited.get-started{font-size:1.8rem}header nav a:link.active,header nav a:visited.active{border-bottom:1px solid rgba(51,51,51,.6)}header nav a:hover,header nav a:active{border-bottom:1px solid rgba(51,51,51,.6)}header nav a:hover.active,header nav a:active.active{border-bottom:1px solid rgba(51,51,51,.6)}.view-header{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:row;background-color:#fff;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:2rem 0 1rem;width:800px;margin:0 auto .5rem}.view-header h1{display:flex;align-items:center;gap:.8rem;line-height:100%;font-size:3rem;font-weight:600;margin:0}.view-header h1 .material-symbols-outlined{font-size:66%}.sub-header{background-color:#fff;z-index:10;display:flex;justify-content:space-between;padding:.2rem 0;width:800px;margin:0 auto 1.5rem}.sub-header a:link,.sub-header a:visited{display:flex;justify-content:space-between;gap:1rem;align-items:center;color:#333;font-size:1.5rem;background-color:#fff;padding:.4rem 0}.sub-header a:hover{border-bottom:1px solid rgba(51,51,51,.6)}.grid-body{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.grid-body h1{font-weight:400;padding-bottom:2rem;font-size:30px}.grid-menu{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,250px)}.grid-item:hover{background:#ececf1}.grid-item{cursor:pointer;color:#333;background:rgba(0,0,0,.03);border-radius:8px;height:250px;width:250px;padding:32px}.grid-item p{color:#333;font-size:16px;line-height:24px;margin-top:12px}.deck-full{background-color:#fff;cursor:default;border:rgba(0,0,0,.03) 1px solid;display:flex;flex-direction:column;justify-content:space-between}.deck-full p{margin:0}.deck-full:hover{background-color:#fff;cursor:default}.grid-item-header{align-items:baseline;color:#333;display:flex;justify-content:space-between}.grid-item-header h1{font-size:23px;line-height:28px;margin:0;font-weight:600}.link-style,a{cursor:pointer;text-decoration:none}.mobile-grid-menu{display:none}.form-container{position:relative;left:50%;top:-30px;transform:translate(-50%);width:800px}.form-section-container{font-size:20px;padding:1rem 0}.form-section-container label{display:inline-block;margin-bottom:1rem;color:#d6d6d6;font-weight:400;line-height:2rem;vertical-align:baseline}.input-container{font-size:20px;width:100%;min-width:9.375rem;height:2.5rem;box-sizing:border-box;padding:1.8rem 6rem 1.8rem 1rem;border:0;border-bottom:.0625rem solid;background-color:#00000008}.input-container:focus{outline:none}.input-container:focus-visible{outline:none}.textarea-container{width:100%}.textarea-container textarea{font-size:20px;font-weight:400;line-height:2rem;outline:2px solid transparent;outline-offset:-2px;min-width:10rem;height:100%;min-height:2.5rem;padding:.6875rem 1rem;border:none;border-bottom:1px solid #333;color:#333;resize:vertical;background-color:#00000008}.form-button-container{width:100%;display:flex;justify-content:space-between}.form-button-container button{color:#333;border:solid 1px #333;background-color:#fff;width:max-content;font-size:20px;min-width:11rem;height:36px;cursor:pointer;margin-top:2rem}.form-button-container button:hover{color:#fff;background:#333}.form-button-container .delete-button{border-color:red}.form-button-container .delete-button:hover{background-color:red;color:#fff}.form-button-container .delete-button-confirm{color:red;background-color:#fff;border-color:red}.form-button-container .delete-button-confirm:hover{color:#fff;background-color:red;border:none}.form-button-container .del-button-container{display:flex;justify-content:space-between;gap:2rem}.form-button-container .cancel-button{display:flex;align-items:center;border:none;border-bottom:1px solid #000;min-width:0;padding:0}.form-button-container .cancel-button:hover{border:none;background-color:#fff;color:#333}.empty-deck{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.empty-deck a{color:#333;background-color:#d6d6d6;height:40px;width:40px;border-radius:50%}.empty-deck a:hover{color:#d6d6d6;background-color:#333}.add-button{height:40px;width:40px;color:#333;border-radius:50%;background-color:#d6d6d6}.secondary-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;color:#333;background-color:#fff;border-right:1px solid #fff;border-left:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #333;padding:.2rem 0;margin:0 1.2rem;cursor:pointer;line-height:100%}.secondary-button:active,.secondary-button:hover{border-bottom:1px solid rgba(255,255,255,.3)}@media only screen and (max-width: 900px){header{padding:3rem 50px}.row,.button-row,.title{padding:0 50px}.list ul{padding:0 50px!important}.mobile-grid-menu{display:block}.grid-item{width:450px;height:140px;margin-top:1rem}.grid-menu{display:none}.view-header{margin:0 2rem 2.5rem}.sub-header{margin:0 4rem 1rem 2rem}}