.guestbook-section,.guestbook-section *,.guestbook-section *:before,.guestbook-section *:after{box-sizing:border-box}.guestbook-section{--gb-rule: rgb(var(--text-color, 0 0 0));--gb-bg: rgb(var(--background-color, 255 255 255));--gb-accent: #f2682e;--gb-error: #b4471a;--gb-blue: #0056ff;--gb-panel-height: clamp(420px, 68vh, 760px)}.guestbook{display:flex;flex-direction:column;gap:var(--spacing-4, 16px);position:relative}.guestbook__head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:20px}.guestbook__heading{flex:1 1 320px;min-width:0}.guestbook__heading .h2{margin:0}.guestbook__intro{margin-top:8px}.guestbook__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.guestbook__segment{display:inline-flex;border:1px solid var(--gb-rule);background:var(--gb-bg)}.guestbook__segment[hidden]{display:none}.guestbook__segment-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 9px 7px;border:0;border-right:1px solid var(--gb-rule);border-radius:0;background:none;color:inherit;font-family:inherit;font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.guestbook__segment-btn:last-child{border-right:0}.guestbook__segment-btn.is-active{background:#000;color:#fff}.guestbook__segment-btn:focus-visible{outline:2px solid var(--gb-accent);outline-offset:-2px}.guestbook__icon{width:12px;height:12px;flex:0 0 auto}.guestbook__panel{position:relative;height:var(--gb-panel-height)}.guestbook__stage{width:100%;height:100%;border:1px solid var(--gb-rule);background:var(--gb-bg)}.guestbook__status{padding:var(--spacing-6, 24px);border:1px dashed var(--gb-rule);font-size:12px;letter-spacing:.06em;text-align:center;text-transform:uppercase}.guestbook-table{margin-top:var(--spacing-8, 40px)}.guestbook-table__inner{height:var(--gb-panel-height);overflow:auto;border:1px solid var(--gb-rule);background:var(--gb-bg)}.guestbook-table__inner:focus-visible{outline:2px solid var(--gb-accent);outline-offset:-2px}.guestbook-table__table{width:100%;border-collapse:collapse;table-layout:fixed}.guestbook-table__table th,.guestbook-table__table td,.guestbook-table__table :is(th,td):first-child{padding:12px 16px;border-bottom:1px solid var(--gb-rule);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.guestbook-table__table thead th{position:sticky;top:0;z-index:1;background:var(--gb-bg);box-shadow:0 1px 0 var(--gb-rule);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.guestbook-table__sort{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.guestbook-table__sort:after{content:"";opacity:.25;border-top:4px solid currentcolor;border-right:3px solid transparent;border-left:3px solid transparent}.guestbook-table__sort.is-active{color:var(--gb-accent)}.guestbook-table__sort.is-active:after{opacity:1}.guestbook-table__sort[data-direction=asc]:after{border-top:0;border-bottom:4px solid currentcolor}.guestbook-table__table tbody tr{cursor:pointer}.guestbook-table__table tbody tr:nth-child(2n){background:#00000008}.guestbook-table__table tbody tr:hover,.guestbook-table__table tbody tr:focus-visible{background:#f2682e1f;outline:none}.guestbook-table__thumb{display:block;width:48px;height:48px;border:1px solid var(--gb-rule);border-radius:3px;background-color:var(--gb-accent);overflow:hidden}.guestbook-table__thumb img{display:block;width:100%;height:100%;object-fit:cover}.guestbook-table__date{font-variant-numeric:tabular-nums;opacity:.7}.guestbook-pin{display:block;width:var(--gb-marker-size, 32px);height:var(--gb-marker-size, 32px);border:1.5px solid #fff;border-radius:3px;box-shadow:0 1px 4px #0000004d;overflow:hidden;cursor:pointer}.guestbook-pin img{display:block;width:100%;height:100%;object-fit:cover}.guestbook-pin--colour{width:16px;height:16px;border-radius:2px}.guestbook-cluster{display:flex;align-items:center;justify-content:center;border:1.5px solid #fff;border-radius:3px;background:var(--gb-accent, #f2682e);box-shadow:0 1px 4px #0000004d;color:#fff;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer}.guestbook-mosaic{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;border:1.5px solid #fff;border-radius:3px;background:#fff;box-shadow:0 1px 4px #0000004d;overflow:hidden;cursor:pointer}.guestbook-mosaic img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}.guestbook-mosaic--1{grid-template-columns:1fr;grid-template-rows:1fr}.guestbook-mosaic--2{grid-template-rows:1fr}.guestbook-mosaic--3 img:first-child{grid-row:span 2}.guestbook-mosaic__count{position:absolute;right:0;bottom:0;padding:1px 4px;background:var(--gb-accent, #f2682e);color:#fff;font-size:9px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.5}.guestbook__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px);border:0;background:#0000002e}.guestbook__overlay[hidden]{display:none}.guestbook-card{container-type:inline-size;position:relative;width:100%;overflow:hidden;border-radius:var(--gb-card-radius, 10px);box-shadow:0 18px 60px #00000059;aspect-ratio:856 / 540;color:#000;text-align:left;background:#fff}.guestbook-card__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:left center;pointer-events:none}.guestbook-card__photo{position:absolute;top:6.65cqw;left:6.65cqw;width:29.96cqw;height:29.73cqw;border-radius:1.67cqw;background-color:var(--gb-card-color, #f2682e);background-position:center;background-size:cover}.guestbook-card__copy{position:absolute;top:6.76cqw;left:43.74cqw;width:47.9cqw;height:47.24cqw;font-size:3.39cqw;line-height:1.14}.guestbook-card__name{margin:0 0 .7cqw;font-size:5.56cqw;font-weight:300;line-height:1.04;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guestbook-card__place{margin:0 0 2.1cqw;overflow-wrap:anywhere}.guestbook-card__message{margin:0;overflow-wrap:anywhere}.guestbook-card__date{position:absolute;right:0;bottom:0}.guestbook-card__serial{position:absolute;bottom:-.1cqw;left:-22.48cqw}.guestbook-card__actions{position:absolute;top:-14px;right:-14px;z-index:2}.guestbook-card__close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid #000;border-radius:0;background:#fff;color:#000;font-size:16px;line-height:1;cursor:pointer}.guestbook-card__close:hover{background:#000;color:#fff}.guestbook-card__wrap{position:relative;width:min(100%,var(--gb-overlay-width, 1180px),calc((100vh - 120px)*1.585))}.guestbook-card__wrap--anchored{width:min(84vw,var(--gb-anchored-width, 500px));max-width:100%}.guestbook-card__wrap--anchored .guestbook-card{box-shadow:none}.guestbook-card__wrap--anchored .guestbook-card__actions{top:0;right:0}.guestbook-card__wrap--anchored .guestbook-card__close{width:26px;height:26px;font-size:14px}[data-overlay-slot]{display:contents}.guestbook-form-wrap{display:block;margin-top:var(--spacing-8, 40px)}.guestbook-form{display:flex;flex-direction:column;gap:18px;max-width:1040px;margin:0 auto;padding:var(--spacing-5, 20px);border:1px solid var(--gb-rule);background:var(--gb-bg)}.guestbook-form__layout{display:grid;grid-template-columns:1fr;gap:18px}.guestbook-form__preview-col{display:flex;flex-direction:column;gap:5px;min-width:0}.guestbook-form__preview{width:100%}.guestbook-form__preview-col .guestbook-card--preview{box-shadow:0 10px 30px #0000002e}.guestbook-card--preview .guestbook-card__name:empty:before{content:"\2014";opacity:.35}@media screen and (min-width:750px){.guestbook__bar{gap:8px}.guestbook__segment-btn{gap:7px;padding:9px 14px 8px;font-size:10px;letter-spacing:.1em}.guestbook__icon{width:14px;height:14px}.guestbook-form__layout{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);align-items:start;gap:24px}}.guestbook-choice{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.45;cursor:pointer}.guestbook-choice input{flex:0 0 auto;width:22px;height:22px;margin:1px 0 0;accent-color:var(--gb-accent)}.guestbook-form__fields{display:flex;flex:1;flex-direction:column;gap:16px;min-width:0}.guestbook-form__field{display:flex;flex-direction:column;gap:5px}.guestbook-form__label{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.guestbook-form__input{width:100%;padding:11px 12px;border:1px solid var(--gb-rule);border-radius:0;background:var(--gb-bg);color:inherit;font:inherit;font-size:14px;-webkit-appearance:none;appearance:none}.guestbook-form__input:focus{outline:none;border-color:var(--gb-accent);box-shadow:inset 0 0 0 1px var(--gb-accent)}.guestbook-form__input[aria-invalid=true]{border-color:var(--gb-error);box-shadow:inset 0 0 0 1px var(--gb-error)}textarea.guestbook-form__input{resize:vertical;min-height:64px}.guestbook-form__prefixed{display:flex;align-items:stretch}.guestbook-form__prefix{display:flex;align-items:center;padding:0 10px;border:1px solid var(--gb-rule);border-right:0;background:#0000000a;font-size:14px;opacity:.6}.guestbook-form__input--prefixed{flex:1;min-width:0}.guestbook-form__hint,.guestbook-form__count{margin:0;font-size:11px;letter-spacing:.02em;opacity:.55}.guestbook-form__count{align-self:flex-end}.guestbook-form__hint[hidden]{display:none}.guestbook-form__field-error{margin:0;color:var(--gb-error);font-size:11.5px;line-height:1.4}.guestbook-form__field-error[hidden]{display:none}.guestbook-form__notice{margin:0;padding:10px 12px;border:1px solid var(--gb-accent);color:var(--gb-error);font-size:11.5px;line-height:1.45}.guestbook-form__notice[hidden]{display:none}.guestbook-form__submit{padding:15px 20px;border:0;border-radius:0;background:#000;color:#fff;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.guestbook-form__submit[disabled]{opacity:.4;cursor:not-allowed}.guestbook-form__note{margin:0;font-size:11px;line-height:1.5;opacity:.65}.guestbook-form__error{margin:0;color:var(--gb-error);font-size:12px}.guestbook-form__error[hidden]{display:none}.guestbook-form__places{display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--gb-rule);background:var(--gb-bg);color-scheme:light;font:inherit;--gmp-mat-color-surface: var(--gb-bg);--gmp-mat-color-on-surface: var(--gb-rule);--gmp-mat-color-on-surface-variant: rgb(var(--text-color, 0 0 0) / 62%);--gmp-mat-color-primary: var(--gb-accent);--gmp-mat-color-outline-decorative: rgb(var(--text-color, 0 0 0) / 18%);--gmp-mat-font-family: inherit}.guestbook-form__places::part(input){box-sizing:border-box;width:100%;padding:11px 12px;border:0;border-radius:0;background:transparent;color:var(--gb-rule);font:inherit;font-size:14px}.guestbook-form__places::part(focus-ring){border-radius:0;outline-color:var(--gb-accent)}.guestbook-form__places::part(prediction-list){border:1px solid var(--gb-rule);border-radius:0;background:var(--gb-bg)}.guestbook-form__places::part(prediction-item){color:var(--gb-rule);font-size:13px}.guestbook-form__places::part(prediction-item-secondary-text){color:rgb(var(--text-color, 0 0 0) / 62%)}.guestbook-form__places::part(prediction-item-match){color:var(--gb-accent);font-weight:500}.pac-container{z-index:30;border-radius:0;font-family:inherit}.guestbook__button{padding:9px 18px 7px;border:1px solid currentcolor;border-radius:0;background:none;color:inherit;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.guestbook__button--solid{border-color:#000;background:#000;color:#fff}.guestbook .gm-style-iw,.guestbook .gm-style-iw-c{padding:0!important;border-radius:0!important;box-shadow:0 10px 34px #00000047!important}.guestbook .gm-style-iw-d{max-height:none!important;overflow:hidden!important}.guestbook .gm-style-iw button[title=Close],.guestbook .gm-style-iw-ch{display:none!important}.guestbook-clock{display:block;flex:0 0 auto;width:100%;color:var(--gb-rule);font-size:12px;font-weight:700;line-height:1.25;letter-spacing:.02em;text-align:center;text-transform:uppercase}@media screen and (min-width:750px){.guestbook-clock{width:auto;text-align:right}}@media screen and (min-width:1000px){.guestbook-clock{font-size:13px}}.guestbook-clock__line{display:block;font-variant-numeric:tabular-nums}.guestbook-clock__line--viewing{color:var(--gb-blue, #0056ff)}.guestbook-tune{position:fixed;bottom:16px;left:16px;z-index:60;display:flex;flex-direction:column;gap:8px;width:300px;max-height:calc(100vh - 32px);padding:12px;border:1px solid #000;background:#fff;color:#000;font-family:ui-monospace,Menlo,monospace;font-size:11px;overflow:auto}.guestbook-tune__head{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.08em}.guestbook-tune__reset{padding:3px 8px;border:1px solid #000;background:none;font:inherit;cursor:pointer}.guestbook-tune__row{display:grid;grid-template-columns:1fr auto;gap:2px 8px}.guestbook-tune__row input{grid-column:1 / -1;width:100%;margin:0;accent-color:#f2682e}.guestbook-tune__out{width:100%;border:1px solid #ccc;font:inherit;font-size:10px;resize:vertical}.guestbook-card__connect{display:block;margin-top:3cqw;padding:2.4cqw 4cqw;border:.18cqw solid #000;border-radius:0;background:#fff;color:var(--gb-accent);font:inherit;font-size:4.2cqw;font-weight:300;letter-spacing:.02em;text-transform:uppercase;cursor:pointer}.guestbook-card__connect[hidden]{display:none}.guestbook-card__connect:hover{background:var(--gb-accent);color:#fff}.guestbook-card__connect-panel{position:absolute;top:5.654cqw;left:36.55cqw;width:53.11cqw;height:39.48cqw;display:flex;flex-direction:column;gap:2cqw;padding:2cqw;background:#fffffff5;font-size:2.9cqw;line-height:1.25;opacity:0;transform:translateY(6cqw);transition:opacity .22s ease,transform .22s ease}.guestbook-card__connect-panel.is-open{opacity:1;transform:none}.guestbook-card__connect-panel[hidden]{display:none}.guestbook-card__connect-text{margin:0}.guestbook-card__connect-row{display:flex;gap:1.5cqw;align-items:stretch;margin-top:auto}.guestbook-card__connect-input{flex:1;min-width:0;padding:1.6cqw 2cqw;border:.18cqw solid #000;border-radius:0;background:#fff;color:#000;font:inherit;font-size:2.9cqw}.guestbook-card__connect-input:focus{outline:none;border-color:var(--gb-accent)}.guestbook-card__connect-go{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:7.5cqw;border:0;border-radius:0;background:var(--gb-accent);color:#fff;cursor:pointer}.guestbook-card__connect-go svg{width:50%;height:50%}.guestbook-card__connect-go[disabled]{opacity:.5}.guestbook-card__connect-error{margin:0;color:var(--gb-error);font-size:2.5cqw}.guestbook-card__connect-error[hidden]{display:none}.guestbook-card__connect-back{align-self:flex-start;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:2.5cqw;text-decoration:underline;cursor:pointer}.guestbook-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px);background:#00000073;overflow:auto}.guestbook-modal[hidden]{display:none}.guestbook-modal-open{overflow:hidden}.guestbook-modal__box{position:relative;width:min(100%,680px);max-height:100%;padding:28px 24px 24px;border:1px solid var(--gb-rule);background:var(--gb-bg);color:var(--gb-rule);overflow:auto}.guestbook-modal__close{position:absolute;top:10px;right:10px;width:34px;height:34px;padding:0;border:0;background:none;color:inherit;font-size:26px;line-height:1;cursor:pointer}.guestbook-modal__title{margin:0 36px 20px 0;font-size:18px;font-weight:400;line-height:1.3;text-align:center}.guestbook-modal__optin{display:flex;flex-direction:column;gap:18px}.guestbook-modal .guestbook-form{padding:0;border:0}.guestbook-spinner{display:inline-block;width:1em;height:1em;margin-inline-end:.5em;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;vertical-align:-.15em;animation:guestbook-spin .7s linear infinite}.guestbook-card__connect-go .guestbook-spinner{width:45%;height:45%;margin:0}@keyframes guestbook-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.guestbook-spinner{animation-duration:1.6s}}.guestbook-card__photo--editable{display:block;padding:0;border:0;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.guestbook-card__photo-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.6cqw;letter-spacing:.1em;text-align:center;text-transform:uppercase}.guestbook-card__photo--editable[data-has-photo] .guestbook-card__photo-hint{opacity:0}.guestbook-card__photo--editable:hover .guestbook-card__photo-hint,.guestbook-card__photo--editable:focus-visible .guestbook-card__photo-hint{opacity:1;background:#00000073}.guestbook-card__photo--editable:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.guestbook-photo-menu{display:flex;flex-direction:column;width:fit-content;min-width:180px;border:1px solid var(--gb-rule);background:var(--gb-bg)}.guestbook-photo-menu[hidden]{display:none}.guestbook-photo-menu__item{padding:11px 14px;border:0;border-bottom:1px solid rgb(0 0 0 / 10%);background:none;color:inherit;font:inherit;font-size:12px;text-align:left;cursor:pointer}.guestbook-photo-menu__item:last-child{border-bottom:0}.guestbook-photo-menu__item[hidden]{display:none}.guestbook-photo-menu__item:hover{background:var(--gb-accent);color:#fff}.guestbook-photo-menu__item--danger{color:var(--gb-error)}.guestbook-crop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000008c}.guestbook-crop[hidden]{display:none}.guestbook-crop__box{display:flex;flex-direction:column;gap:14px;width:min(100%,420px);padding:var(--spacing-5, 20px);border:1px solid var(--gb-rule);background:var(--gb-bg)}.guestbook-crop__title{margin:0;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.guestbook-crop__stage{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid var(--gb-rule);background:#0000000f;touch-action:none;cursor:grab}.guestbook-crop__stage:active{cursor:grabbing}.guestbook-crop__image,.guestbook-crop__video{position:absolute;top:0;left:0;transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.guestbook-crop__image{max-width:none;width:auto;height:auto}.guestbook-crop__video{width:100%;height:100%;object-fit:cover}.guestbook-crop__image[hidden],.guestbook-crop__video[hidden]{display:none}.guestbook-crop__zoom{display:block}.guestbook-crop__zoom[hidden]{display:none}.guestbook-crop__zoom input{width:100%;accent-color:var(--gb-accent)}.guestbook-crop__error{margin:0;color:var(--gb-error);font-size:11.5px}.guestbook-crop__error[hidden]{display:none}.guestbook-crop__actions{display:flex;gap:10px}.guestbook-crop__actions>*{flex:1}.guestbook-crop__primary[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/11/assets/guestbook-wwn.css.map */