.wp-related{--wp-related-teal: #175c53;--wp-related-muted: #5c6b62;position:relative;background:#faf7ef;color:var(--wp-related-teal);scroll-margin-top:100px}.wp-related__inner{max-width:1440px;margin:0 auto;padding:clamp(44px,5vw,72px) clamp(20px,4vw,64px)}.wp-related__header{max-width:720px;margin:0 auto 32px;text-align:center}.wp-related__eyebrow,.wp-related__header>p:first-child{margin:0 0 12px;color:var(--wp-related-teal);font:700 11px/1.4 var(--wp-font-body, sans-serif);letter-spacing:.13em;text-transform:uppercase}.wp-related__header h2{margin:0;color:var(--wp-related-teal);font:400 clamp(30px,3.1vw,44px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.035em;text-wrap:balance}.wp-related__header h2 em{font-weight:inherit}.wp-related__intro,.wp-related__header h2+p{max-width:52ch;margin:14px auto 0;color:var(--wp-related-muted);font:400 15px/1.6 var(--wp-font-body, sans-serif);text-wrap:pretty}.wp-related__note{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin:18px auto 0;padding:7px 13px;border:1px solid #d8e2d4;border-radius:999px;background:#edf2e8;color:var(--wp-related-teal);font:500 12px/1.4 var(--wp-font-body, sans-serif)}.wp-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:clamp(16px,2.1vw,30px);margin:0;padding:0;list-style:none}.wp-related__card{min-width:0;margin:0}.wp-related__open{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;padding:0 0 4px;border:0;border-radius:6px;background:transparent;color:inherit;font-family:var(--wp-font-body, sans-serif);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.wp-related__art{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;margin:0 0 16px;overflow:hidden;border-radius:4px;background:transparent}.wp-related__art img{display:block;width:100%;height:100%;object-fit:contain}.wp-related__reason{display:block;margin:0 0 7px;color:#617554;font:600 11px/1.4 var(--wp-font-body, sans-serif);letter-spacing:.055em;text-transform:uppercase}.wp-related__title{margin:0 0 9px;color:var(--wp-related-teal);font:600 17px/1.3 var(--wp-font-body, sans-serif);letter-spacing:-.025em;text-wrap:pretty}.wp-related[hidden],.wp-related-jump[hidden]{display:none}body.wp-related-preview-open{overflow:hidden}.wp-related__price{display:block;margin:auto 0 11px;color:#5c6b62;font:500 14px/1.4 var(--wp-font-body, sans-serif)}.wp-related__action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:11px 0 3px;border-top:1px solid #d9dfd3;color:var(--wp-related-teal);font:600 13px/1.4 var(--wp-font-body, sans-serif)}.wp-related__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;margin-top:32px;color:var(--wp-related-muted);font:400 13px/1.5 var(--wp-font-body, sans-serif);text-align:center}.wp-related__footer p{margin:0}.wp-related__cart{min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--wp-related-teal);font:600 13px/1.5 var(--wp-font-body, sans-serif);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.wp-related-jump{display:block;width:fit-content;max-width:100%;margin:12px auto 0;padding:10px 4px;border:0;background:transparent;color:#5c6b62;font:400 12px/1.5 var(--wp-font-body, sans-serif);text-align:center;text-decoration:none;cursor:pointer}.wp-related-jump strong{color:#175c53;font-weight:600;text-decoration:underline;text-underline-offset:3px}.wp-related-dialog{--wp-related-teal: #175c53;position:fixed;top:0;right:0;bottom:0;left:0;width:min(960px,calc(100vw - 48px));max-width:none;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #e3e4d8;border-radius:16px;background:#faf7ef;color:var(--wp-related-teal);box-shadow:0 24px 100px #0e28203d;font-family:var(--wp-font-body, sans-serif);scrollbar-width:thin}.wp-related-dialog::backdrop{background:#1426208c}.wp-related-dialog__close{position:absolute;z-index:2;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #dce1d5;border-radius:50%;background:#fffdf7;color:var(--wp-related-teal);font:400 26px/1 var(--wp-font-body, sans-serif);cursor:pointer}.wp-related-dialog__close svg{width:18px;height:18px}.wp-related-dialog__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,48px);padding:64px 40px 40px}.wp-related-dialog__media{min-width:0}.wp-related-dialog__media>img{display:block;width:100%;max-height:440px;aspect-ratio:1;object-fit:contain}.wp-related-dialog__thumbs{display:flex;justify-content:center;gap:9px;margin-top:14px;padding:4px;overflow-x:auto;scrollbar-width:thin}.wp-related-dialog__thumbs button{flex:0 0 62px;width:62px;height:62px;padding:3px;border:1px solid #dce1d5;border-radius:5px;background:#fffdf7;cursor:pointer}.wp-related-dialog__thumbs button[aria-pressed=true],.wp-related-dialog__thumbs button[aria-current=true],.wp-related-dialog__thumbs button.is-active{border-color:var(--wp-related-teal);box-shadow:0 0 0 1px var(--wp-related-teal)}.wp-related-dialog__thumbs img{width:100%;height:100%;object-fit:contain}.wp-related-dialog__body{min-width:0}.wp-related-dialog__eyebrow,.wp-related-dialog__body .eyebrow{margin:0 0 12px;color:#617554;font:700 11px/1.4 var(--wp-font-body, sans-serif);letter-spacing:.1em;text-transform:uppercase}.wp-related-dialog__body h2{margin:0 0 18px;color:var(--wp-related-teal);font:400 clamp(28px,3vw,38px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.035em;text-wrap:balance}.wp-related-dialog__description,.wp-related-dialog__body .description{margin:0 0 18px;color:#5c6b62;font:400 14px/1.65 var(--wp-font-body, sans-serif)}.wp-related-dialog__body ul{margin:0 0 20px;padding-left:18px;color:#5c6b62;font:400 13px/1.6 var(--wp-font-body, sans-serif)}.wp-related-dialog__body li+li{margin-top:6px}.wp-related-dialog__price,.wp-related-dialog__body .price{margin:0 0 22px;color:var(--wp-related-teal);font:600 18px/1.4 var(--wp-font-body, sans-serif)}.wp-related-dialog__personalize{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;padding:13px 20px;border:1px solid var(--wp-related-teal);border-radius:999px;background:var(--wp-related-teal);color:#fffdf7;font:600 14px/1.4 var(--wp-font-body, sans-serif);text-align:center;text-decoration:none;cursor:pointer}.wp-related-dialog__personalize:disabled{opacity:.6;cursor:wait}.wp-related-dialog__back{display:block;min-height:44px;margin:7px auto 0;padding:10px 4px;border:0;background:transparent;color:#5c6b62;font:500 12px/1.5 var(--wp-font-body, sans-serif);text-align:center;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.wp-related-dialog__status{margin:9px 0 0;color:#5c6b62;font:400 12px/1.5 var(--wp-font-body, sans-serif);text-align:center}.wp-related-dialog__status:empty{display:none}.wp-related :is(button,a):focus-visible,.wp-related-jump:focus-visible,.wp-related-dialog :is(button,a):focus-visible{outline:2px solid #175c53;outline-offset:4px}.wp-related [hidden],.wp-related-dialog [hidden]{display:none!important}@media(hover:hover)and (pointer:fine){.wp-related__open:hover .wp-related__action{text-decoration:underline;text-underline-offset:4px}.wp-related-dialog__personalize:hover{background:#10483f;color:#fffdf7}.wp-related-dialog__close:hover{background:#edf2e8}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.wp-related__art img{transition:transform .18s ease}.wp-related__open:hover .wp-related__art img{transform:scale(1.025)}}@media(max-width:1000px)and (min-width:761px){.wp-related__inner{padding-right:28px;padding-left:28px}.wp-related__title{font-size:15px}.wp-related__reason{font-size:10px}.wp-related-dialog__layout{gap:24px;padding:64px 28px 32px}}@media(max-width:760px){.wp-related{scroll-margin-top:80px}.wp-related__inner{padding:38px 20px 30px}.wp-related__header{margin-bottom:25px;text-align:left}.wp-related__header h2{max-width:20ch;font-size:31px}.wp-related__intro,.wp-related__header h2+p{margin-left:0;font-size:14px}.wp-related__note{margin-top:15px;font-size:11px}.wp-related__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78vw;gap:20px;margin:0 -20px;padding:4px 20px 16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-color:#b8c6b4 transparent;scrollbar-width:thin}.wp-related__card{scroll-snap-align:start}.wp-related__art{margin-bottom:14px}.wp-related__title{font-size:18px}.wp-related__footer{gap:0 12px;margin-top:18px;font-size:12px}.wp-related__cart{font-size:12px}.wp-related-dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.wp-related-dialog__close{top:8px;right:8px}.wp-related-dialog__layout{grid-template-columns:minmax(0,1fr);gap:22px;padding:56px 22px 22px}.wp-related-dialog__media>img{max-height:min(290px,38vh);max-height:min(290px,38dvh)}.wp-related-dialog__thumbs{gap:8px;margin-top:8px}.wp-related-dialog__thumbs button{flex-basis:48px;width:48px;height:48px}.wp-related-dialog__body h2{margin-bottom:13px;font-size:29px}.wp-related-dialog__eyebrow,.wp-related-dialog__body .eyebrow{margin-bottom:8px}.wp-related-dialog__description,.wp-related-dialog__body .description{margin-bottom:14px}.wp-related-dialog__price,.wp-related-dialog__body .price{margin-bottom:17px}}@media(prefers-reduced-motion:reduce){.wp-related__grid{scroll-behavior:auto}.wp-related__art img{transition:none;transform:none}}.wp-related-dialog__characters{margin:0 0 18px;padding:14px;border:1px solid #d8e2d4;border-radius:8px}.wp-related-dialog__characters legend{padding:0 5px;font-size:13px;font-weight:600}.wp-related-dialog__characters label{display:block;margin:4px 0 10px;font-size:13px}.wp-related-dialog__characters select{display:block;width:100%;min-height:44px;margin-top:6px;padding:8px;border:1px solid #b8c6b4;border-radius:5px;background:#fffdf7;color:#175c53;font:inherit;font-size:16px}.wp-related-dialog__characters select:focus-visible{outline:2px solid #175c53;outline-offset:3px}@media(max-width:760px){.wp-related-dialog__media>img{max-height:min(220px,28dvh)}.wp-related-dialog__body h2{font-size:26px}.wp-related-dialog__description{font-size:13px;line-height:1.5}}.wp-related-dialog__body h2:focus{outline:none}.wp-related__inner{padding-top:clamp(32px,4vw,56px);padding-bottom:clamp(32px,4vw,56px)}.wp-related__header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;max-width:none;margin:0 0 24px;text-align:left}.wp-related__header h2{font:600 clamp(24px,2.5vw,32px)/1.2 var(--wp-font-body, sans-serif);letter-spacing:-.025em}.wp-related__view-all{flex:none;color:var(--wp-related-teal);font:500 15px/1.4 var(--wp-font-body, sans-serif);text-underline-offset:4px}.wp-related__reason,.wp-related__action{display:none}.wp-related__price{margin:0}.wp-related__footer{margin-top:12px;justify-content:flex-start}@media(max-width:760px){.wp-related__inner{padding:32px 20px}.wp-related__header{margin-bottom:20px}.wp-related__header h2{max-width:none;font-size:22px}.wp-related__grid{grid-auto-columns:calc((100% - 16px)/2);gap:16px}.wp-related__title{font-size:15px}.wp-related__art{margin-bottom:10px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/wonderpods-related-books.css.map */