wallpaper-sample-book{display:block;width:100%;background:var(--wb-paper);color:var(--wb-ink);padding:var(--wb-spacing) 0;font-family:var(--deco-font-body,Arial,sans-serif)}.wallpaper-book *{box-sizing:border-box}.wallpaper-book [hidden]{display:none!important}.wb-header{padding:0 clamp(20px,4vw,64px) 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.wb-eyebrow{margin:0 0 12px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.wallpaper-book .wb-heading{margin:0;color:inherit;font:400 clamp(30px,3.5vw,48px)/1.08 var(--deco-h2-font,Georgia,serif);letter-spacing:-.02em}.wb-hint{margin:0;font-size:12px;opacity:.75}.wb-sheets{display:flex;height:var(--wb-height);overflow:hidden;isolation:isolate}.wb-sheet{position:relative;flex:1;min-width:52px;overflow:hidden;color:#fff9ed;background:#81796b;box-shadow:-12px 0 28px #0003;transition:flex .85s cubic-bezier(.22,.61,.36,1)}.wb-sheet[data-active=true]{flex:3.6}.wb-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.wb-media img,.wb-media svg{display:block;width:var(--wb-image-width,60vw);max-width:none;height:100%;object-fit:cover}.wb-room{clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path .85s cubic-bezier(.22,.61,.36,1),opacity .35s}.wb-sheet[data-active=true] .wb-room{opacity:1;clip-path:inset(0 calc(100% - var(--wb-split,65%)) 0 0);transition-delay:.12s}.wb-sheet.wb-adjusting .wb-room{transition:none}.wb-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0002,transparent 18%),linear-gradient(0deg,#0009,transparent 55%);pointer-events:none}.wb-number{position:absolute;top:24px;left:22px;z-index:2;font:italic 18px Georgia,serif;pointer-events:none}.wb-open{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;background:transparent;color:inherit;z-index:3;cursor:pointer}.wb-closed-label{position:absolute;bottom:30px;left:22px;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;letter-spacing:.12em;text-transform:uppercase;max-height:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.wb-sheet[data-active=true] .wb-closed-label{visibility:hidden}.wb-caption{position:absolute;bottom:36px;left:clamp(22px,3vw,48px);right:26px;z-index:5;opacity:0;visibility:hidden;pointer-events:none;max-height:35%;overflow:auto}.wb-sheet[data-active=true] .wb-caption{opacity:1;visibility:visible;animation:wb-title .85s both}.wallpaper-book .wb-caption h3{margin:0;color:inherit;font:400 clamp(25px,3vw,44px)/1.06 var(--deco-h2-font,Georgia,serif);letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance}.wb-caption a{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:12px;color:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #fff8;pointer-events:auto}.wb-caption a:hover{border-bottom-color:currentColor}.wb-compare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.wb-divider{position:absolute;top:0;bottom:0;left:var(--wb-split,65%);width:1px;background:#fffc;box-shadow:0 0 12px #0004}.wb-glider{position:absolute;top:46%;left:0;width:100%;height:44px;margin:0;padding:0;appearance:none;-webkit-appearance:none;border:0;background:transparent;pointer-events:auto;touch-action:pan-y;cursor:ew-resize}.wb-glider::-webkit-slider-runnable-track{height:1px;background:transparent}.wb-glider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:44px;margin-top:-22px;border:1px solid #fffb;border-radius:50%;background:radial-gradient(ellipse 1px 7px at 18px 50%,#fffc 99%,transparent),radial-gradient(ellipse 1px 7px at 24px 50%,#fffc 99%,transparent),#35332cd9;box-shadow:0 2px 16px #0003}.wb-glider::-moz-range-track{height:1px;background:transparent}.wb-glider::-moz-range-thumb{width:42px;height:42px;border:1px solid #fffb;border-radius:50%;background:#35332cd9;box-shadow:0 2px 16px #0003}.wb-view-label{position:absolute;top:24px;font-size:10px;letter-spacing:.08em;background:#292a2499;color:#fff9ed;padding:5px 7px}.wb-view-label--room{left:56px}.wb-view-label--detail{right:16px}.wb-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px clamp(20px,4vw,64px) 0}.wb-status{font-size:12px;letter-spacing:.03em;margin:0;overflow-wrap:anywhere}.wb-navigation{display:flex;gap:8px;flex-shrink:0}.wb-navigation button{display:flex;align-items:center;justify-content:center;background:transparent;color:inherit;border:1px solid currentColor;border-radius:50%;width:44px;height:44px;font-size:18px;cursor:pointer}.wallpaper-book :focus-visible{outline:2px solid currentColor;outline-offset:-4px}.wb-empty{padding:0 24px}@keyframes wb-title{0%,45%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(max-width:749px){.wb-sheets{height:var(--wb-mobile-height)}.wb-sheet{min-width:44px}.wb-sheet[data-active=true]{flex:4.5}.wb-header{display:block;padding-bottom:22px}.wb-hint{margin-top:14px}.wb-number{left:14px;top:18px;font-size:16px}.wb-closed-label{left:14px;font-size:11px}.wb-caption{left:18px;right:16px;bottom:24px}.wallpaper-book .wb-caption h3{font-size:clamp(22px,5vw,32px)}.wb-view-label{top:18px;font-size:9px;padding:4px}.wb-view-label--room{left:40px}.wb-view-label--detail{right:8px}.wb-caption a{font-size:10px;gap:12px;margin-top:8px}}@media(prefers-reduced-motion:reduce){.wallpaper-book .wb-sheet,.wallpaper-book .wb-room{transition:none}.wallpaper-book .wb-caption{animation:none!important}}.wallpaper-book input.wb-glider,.wallpaper-book input.wb-glider:hover,.wallpaper-book input.wb-glider:focus,.wallpaper-book input.wb-glider:focus-visible{border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important}.wallpaper-book input.wb-glider::-webkit-slider-runnable-track{border:0;box-shadow:none;background:transparent}.wallpaper-book input.wb-glider::-moz-range-track,.wallpaper-book input.wb-glider::-moz-range-progress{border:0;box-shadow:none;background:transparent}.wallpaper-book input.wb-glider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #35332c,0 0 0 5px #fff9ed}.wallpaper-book input.wb-glider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #35332c,0 0 0 5px #fff9ed}.wb-sheet[data-preview=lifestyle][data-active=false] .wb-room{opacity:1;clip-path:inset(0 0 0 0);transition-delay:0s}
/*# sourceMappingURL=/cdn/shop/t/20/assets/wallpaper-sample-book.css.map */
