#root{max-width:100%;margin:0 auto}button{display:block}.text-btn{cursor:pointer;font-size:medium}.btn-style1{padding:.5em;color:hsl(var(--color-pale-white));font-weight:600;text-align:center;cursor:pointer;border-radius:3px}button.btn-style1{padding:.5em;color:hsl(var(--color-pale-white));font-weight:600;text-align:center;cursor:pointer;border-radius:3px;border:none;outline:none;transition:background-color .3s ease}.btn-orange{background-color:hsla(var(--color--orange-button),.9)}.btn-style1.btn-orange:hover{background-color:hsla(var(--color--orange-button),.7)}.btn-green{background-color:hsla(var(--color-green-button),.9)}.btn-style1.btn-green:hover{background-color:hsla(var(--color-green-button),.7)}input.form-input-style1{border:none;padding:.7em;background-color:#ffffffe6;transition:box-shadow .2s ease;outline:none}.form-input-style1:focus{box-shadow:0 0 5px #0000ff4d}label.form-label{font-size:small;font-weight:700}form .form-title{font-weight:600;margin-bottom:.8em}div.spinner-container{display:flex;justify-content:center;align-items:center;margin-top:1em;margin-bottom:1em}.roomlist-container{padding:1rem;display:flex;flex-wrap:wrap;gap:1.5em;justify-content:center}.roomlist-container img.thumbnail{width:150px;height:200px;object-fit:cover;object-position:center center}.room-card{background-color:hsla(var(--color-midnight-gray),.4);cursor:pointer}.room-card .room-name{font-weight:700;font-size:small;text-align:center;padding:.5em}.room-name .key-icon{margin-right:.3em}.blurred-image-gallery .gallery-contents{position:relative;padding:1rem;display:flex;flex-wrap:wrap;flex:1;gap:.5em;justify-content:center}.blurred-image-gallery .media-count{text-align:center;margin-top:.6em;color:hsl(var(--color-redbrown))}.blurred-image-gallery .purchase-button-section{position:fixed;left:0;right:0;padding:1.5em;bottom:0;display:flex;flex-direction:column;align-items:center;gap:.5em;background-color:hsla(var(--color-midnight-gray),.6)}.purchase-button-section .purchase-btn{cursor:pointer;text-align:center;width:300px;padding:.5em;border-radius:3px;color:snow;font-weight:700;background-color:hsl(var(--color-mangoorange))}.purchase-button-section .back-btn{font-size:smaller;font-weight:500;cursor:pointer}.footer{font-size:medium;padding:.2em;text-align:center;background-color:hsla(var(--color-midnight-gray),.4);color:#ffdab9}.alert{background-color:hsla(var(--color-redbrown),.6);color:#fff;margin:8px 0;padding:1.3em;position:relative;border-radius:3px;box-shadow:0 2px 5px #0003;font-size:small}.message-close-btn{position:absolute;top:.2em;right:.3em;line-height:20px;font-size:24px;cursor:pointer;transition:.3s}.close-btn:hover{color:#000}.creator-roomlist-container{margin:0}.creator-room-list>div:nth-child(1){cursor:pointer}.creator-room-list>div:nth-child(1):hover{background-color:hsla(var(--color-pale-white),.5)}.room-list-header,.creator-roomlist-container .creator-room-list{display:grid;grid-template-columns:1.5fr 1.5fr 1fr;column-gap:.1em;margin-bottom:.2em}.room-list-header>div,.creator-roomlist-container .creator-room-list>div{grid-column:auto / span 1;background-color:hsla(var(--color-pale-white),.8);padding:.5em;font-size:small}.room-list-header>div{font-weight:700;background-color:#d3d3d3}.creator-roomlist-container .creator-room-list>div:nth-child(3){border-radius:3px;text-align:center;background-color:hsla(var(--color-mangoorange),.8);color:#fff;cursor:pointer}.creator-roomlist-container .creator-room-list>div:nth-child(3):hover{background-color:hsla(var(--color-mangoorange),.4)}.creator-home-contents{min-height:calc(100vh - var(--heading-height) - var(--footer-height));padding:1em}.creator-home-contents .room-id{padding:.5em;text-align:center;background-color:#fff}.creator-home-contents .section-title{text-align:center;margin-top:1em;margin-bottom:.7em}.sales-list-container{margin:0}.sales-list-header,.sales-list-container .sales-list{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;column-gap:.1em;margin-bottom:.2em}.sales-list-header>div,.sales-list-container .sales-list>div{grid-column:auto / span 1;background-color:hsla(var(--color-pale-white),.8);padding:.5em;font-size:small}.sales-list-header>div{font-weight:700;background-color:#d3d3d3}.sales-list-container .sales-list>div:nth-child(4){text-align:center;background-color:hsla(var(--color-green-button),.8);color:#fff}.lds-spinner{color:official;display:block;position:relative;left:-20px;top:-20px;width:40px;height:40px;text-align:center}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#fff}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.reference-list-container{margin:0}.reference-list-header,.reference-list-container .reference-list{display:grid;grid-template-columns:2fr 6fr 2fr 2fr;column-gap:.1em;margin-bottom:.2em}.reference-list-header>div,.reference-list-container .reference-list>div{grid-column:auto / span 1;background-color:hsla(var(--color-pale-white),.8);padding:.5em;font-size:small}.reference-list-header>div{font-weight:700;background-color:#d3d3d3}.reference-list-container .reference-list>div:nth-child(4){text-align:center;background-color:hsla(var(--color-green-button),.8);color:#fff}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border:1px solid #888;background-color:hsla(var(--color-pale-white),.8);width:300px}.modal-content .close{color:#aaa;float:right;font-size:28px;font-weight:700}.modal-content .close:hover,.modal-content .close:focus{color:#000;text-decoration:none;cursor:pointer}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:root{--data-length: 1;--heading-height: 75px;--footer-height: 35px;--color-midnight1: 218, 74%, 9%;--color-midnight2: 222, 54%, 12%;--color-midnight-gray: 215, 19%, 42%;--color-nutral-gray: 0, 0%, 45%;--color-mignight-beige: 22, 35%, 87%;--color-pale-white: 0, 0%, 95%;--color-link: 210, 29%, 18%;--color-link-hover: 195, 19%, 88%;--color-green-button: 152, 80%, 34%;--color--orange-button: 28, 96%, 48%;--color-mangoorange: 33, 96%, 48%;--color-skinpink: 11, 45%, 73%;--color-redbrown: 0, 58%, 29%}body{font-family:Roboto,sans-serif;background-color:hsl(var(--color-midnight2));color:hsl(var(--color-midnight2))}body a{color:hsl(var(--color-link))}body a:hover{color:hsla(var(--color-link),.7)}