.guestbook-board{position:relative;z-index:1;filter:drop-shadow(0 8px 12px rgba(0,0,0,.15))}.guestbook-board::before{content:"";position:absolute;inset:0;z-index:-1;background-image:url(/images/textures/seamless-lined-paper.png);mask:url(/images/textures/ripped-paper.png)top/auto 50px repeat-x,linear-gradient(white,white)no-repeat center/100% calc(100% - 2*50px),url(/images/textures/ripped-paper-bottom.png)bottom/auto 50px repeat-x}.guestbook-selection{border-style:dashed;border-width:2px;border-radius:.375rem}.guestbook-selection-ok{position:absolute;bottom:1em;right:1em}.brush-dot{display:inline-block;border-radius:50%;transition:background-color .15s ease-in-out}.brush-dot.small-dot{width:3px;height:3px}.brush-dot.medium-dot{width:7px;height:7px}.brush-dot.large-dot{width:12px;height:12px}input[type=color].form-control-color{border-radius:.25rem;overflow:hidden}input[type=color].form-control-color::-webkit-color-swatch-wrapper{padding:0}input[type=color].form-control-color::-webkit-color-swatch{border:none;border-radius:.25rem}.cursor-pointer{cursor:pointer}[aria-busy]{--loading-size:64px;--loading-stroke:6px;--loading-duration:1s;position:relative;opacity:.75;pointer-events:none}[aria-busy]:before{content:'';position:absolute;top:50%;left:50%;width:var(--loading-size);height:var(--loading-size);margin-top:calc(var(--loading-size)/2 * -1);margin-left:calc(var(--loading-size)/2 * -1);border:var(--loading-stroke)solid rgba(0,0,0,.15);border-radius:50%;border-top-color:rgba(0,0,0,.5);animation:rotate calc(var(--loading-duration))linear infinite;z-index:100}@keyframes rotate{100%{transform:rotate(360deg)}}.guestbook-doodle{user-select:none;position:absolute}.guestbook-doodle::after{content:'';position:absolute;inset:0;border:2px dashed #8a94a6;border-radius:12px;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.guestbook-doodle .guestbook-doodle-pending{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:clamp(2px,2cqw,14px);padding:clamp(4px,3cqw,20px)}.guestbook-doodle .guestbook-doodle-pending .guestbook-message{margin:0;line-height:1.1;font-size:clamp(8px,4.5cqw,18px);overflow-wrap:break-word;hyphens:auto}.guestbook-doodle .guestbook-doodle-pending form{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,2cqw,12px);width:100%}.guestbook-doodle .guestbook-doodle-pending .checkbox-wrapper{display:flex;align-items:center;justify-content:center;gap:clamp(2px,1.5cqw,8px)}.guestbook-doodle .guestbook-doodle-pending .checkbox-wrapper .form-check-label{margin:0;font-size:clamp(7px,3.8cqw,14px);line-height:1;white-space:nowrap}.guestbook-doodle .guestbook-doodle-pending .checkbox-wrapper .form-check-input{margin:0;width:clamp(8px,3.5cqw,16px);height:clamp(8px,3.5cqw,16px);border-radius:2px;appearance:checkbox}.guestbook-doodle .guestbook-doodle-pending .btn{font-size:clamp(7px,3.8cqw,15px);padding:.2em .6em;line-height:1.1;width:auto;max-width:100%;white-space:nowrap}.guestbook-doodle .doodle-author{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background-color:var(--bs-primary);color:#fff;border-radius:8px;padding:4px 12px;font-size:.875rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:5;box-shadow:0 4px 6px rgba(0,0,0,.1)}.guestbook-doodle .doodle-author::before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);border-width:0 6px 6px;border-style:solid;border-color:transparent transparent var(--bs-primary)transparent}.guestbook-doodle .doodle-delete-btn{opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:10}.guestbook-doodle:hover::after,.guestbook-doodle:hover .doodle-author,.guestbook-doodle:hover .doodle-delete-btn{opacity:1;pointer-events:auto}.guestbook-doodle-confirmation{position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;justify-content:center;align-self:center;margin-top:10px;width:30em}.guestbook-doodle-confirmation::before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);border-width:0 6px 6px;border-style:solid;border-color:transparent transparent #fff transparent}