.show-for-small-only{display:none}@media (max-width: 640px){.show-for-small-only{display:block}}.show-for-medium-up{display:block}@media (max-width: 640px){.show-for-medium-up{display:none}}.spacer{height:2rem}.blur-background{background-color:#fffcf8bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}hr{max-width:calc(100% - 4rem);margin-inline:auto;border:none;height:1px;background-color:#aaa}@media print{.no-print{display:none}}.italic{font-style:italic}@media screen{.print-only{display:none}}@media print{.print-only{display:block}}body.guestbook main>header{max-width:min(min(100vw - 1rem,80rem),95vw);margin-inline:auto;margin-bottom:2rem;background-color:#fffcf8bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:1.375rem}body.guestbook main>header .input-error{position:absolute;bottom:.5rem}body.guestbook main>header p{max-width:unset}body.guestbook main>main{max-width:min(min(100vw - 1rem,80rem),95vw);margin-inline:auto;margin-bottom:2rem}body.guestbook main>main .pagination{margin-bottom:1rem}body.guestbook main>main .listing{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:.5rem}@media (min-width: 640px){body.guestbook main>main .listing{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem}}body.guestbook main>main .listing .guestbook-entry{--max-lines: 11;overflow-x:hidden;background:rgba(255,252,248,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;box-shadow:0 3px 6px #00000029;border-radius:1.375rem;max-height:25rem;height:100%;display:flex;flex-direction:column;gap:1rem}body.guestbook main>main .listing .guestbook-entry header .user-name{font-size:1.25rem;color:#84715e;font-weight:700}body.guestbook main>main .listing .guestbook-entry header .date{font-size:80%;font-weight:600}body.guestbook main>main .listing .guestbook-entry header .email,body.guestbook main>main .listing .guestbook-entry header .website{font-size:60%;font-weight:400;color:#aaa}body.guestbook main>main .listing .guestbook-entry header .buttons-container{margin-block:0}body.guestbook main>main .listing .guestbook-entry header .button{font-size:1rem;height:fit-content}body.guestbook main>main .listing .guestbook-entry article{flex-grow:1;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:var(--max-lines);-webkit-box-orient:vertical;overflow:hidden;height:fit-content;width:fit-content;-webkit-hyphens:auto;hyphens:auto}body.guestbook main>main .listing .guestbook-entry.expand article{overflow:auto}body.guestbook #create-entry main,body.guestbook #remove-entry main{padding:2rem}body.guestbook #create-entry .input-group>div,body.guestbook #remove-entry .input-group>div{margin-top:1rem}body.guestbook #create-entry .input-group .info-icon svg,body.guestbook #remove-entry .input-group .info-icon svg{width:.75rem;fill:#362d25}body.guestbook #remove-entry{--color-icon-background: #fee2e2;--color-icon: #ef4444}body.guestbook dialog#create-article-rating{--color-star: #fad643;--color-star-hover: #edc531}body.guestbook dialog#create-article-rating .articles{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem}body.guestbook dialog#create-article-rating .articles label{padding:.5rem 1rem;box-shadow:0 1px 1px #00000029;border-radius:.6875rem;transition:all .15s;outline:1px solid #EEEEEE;font-size:1rem;position:relative}body.guestbook dialog#create-article-rating .articles label:hover{background-color:#eee;cursor:pointer}body.guestbook dialog#create-article-rating .articles input:checked+label{outline:1.5px solid #0261d1}body.guestbook dialog#create-article-rating .articles input:checked+label:after{content:"";position:absolute;right:1rem;top:0;bottom:0;margin-block:auto;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%230055C0" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>') no-repeat center center;background-size:contain;width:1.25rem;height:auto}body.guestbook dialog#create-article-rating .rating{display:flex;justify-content:left;align-items:center;gap:.5rem;margin-top:2rem}body.guestbook dialog#create-article-rating .rating label{width:fit-content;transition:all .15s}body.guestbook dialog#create-article-rating .rating label svg{width:2.5rem;fill:var(--color-star);transition:all .15s}body.guestbook dialog#create-article-rating .rating label svg:first-child{display:none}body.guestbook dialog#create-article-rating .rating label svg:last-child{display:block}body.guestbook dialog#create-article-rating .rating label:hover{cursor:pointer}body.guestbook dialog#create-article-rating .rating label:hover svg{fill:var(--color-star-hover)}body.guestbook dialog#create-article-rating .rating:not(:has(input:checked)) label svg:first-child,body.guestbook dialog#create-article-rating .rating input:checked~label svg:first-child{display:block!important}body.guestbook dialog#create-article-rating .rating:not(:has(input:checked)) label svg:last-child,body.guestbook dialog#create-article-rating .rating input:checked~label svg:last-child{display:none!important}body.guestbook dialog#create-article-rating .rating input:checked+label svg:first-child{display:none!important}body.guestbook dialog#create-article-rating .rating input:checked+label svg:last-child{display:block!important}body.guestbook dialog#create-article-rating .rating:not(:has(input:checked)) .rating-value{opacity:0}body.guestbook dialog#create-article-rating .rating .rating-value{margin-left:.5rem;color:#999;height:fit-content;opacity:1;transition:opacity .15s}body.guestbook dialog#create-article-rating .comment{margin-top:2rem}body.guestbook dialog#create-article-rating .badge{margin-top:1rem}