/* Homepage favorites and the on-demand, native-dialog review browser. */
.htbr-home{padding:48px 0 58px;margin:22px 0 0;color:var(--ink,#302019)}
.htbr-home ~ .together{margin-top:0}
.htbr-home-heading{text-align:center}.htbr-home-heading h2{font:900 clamp(36px,4.4vw,54px)/1.05 Georgia,serif;letter-spacing:-.045em;margin:0 0 10px}
.htbr-home-heading p{font-size:17px;letter-spacing:.025em;margin:0}.htbr-home-heading>span{display:block;margin:10px 0 0;font-size:12px;color:#624b32}
.htbr-home .htbr-grid{margin:32px 0 34px;gap:30px 24px}
.htbr-home .htbr-card{--htbr-bubble:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20320%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M200%208C307%200%20392%2040%20393%20139C397%20222%20347%20277%20242%20286C184%20295%20125%20288%2094%20275C77%20300%2053%20312%2034%20314C47%20300%2054%20279%2052%20260C18%20238%205%20199%208%20155C9%2071%20105%2017%20200%208Z%22%2F%3E%3C%2Fsvg%3E");position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;align-self:stretch;padding:42px 50px 58px;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}
.htbr-home .htbr-card::before{content:"";position:absolute;inset:-3px -3px -9px;z-index:-1;background:#fffaf0;mask:var(--htbr-bubble) center / 100% 100% no-repeat}
.htbr-home .htbr-card::after{content:none}
.htbr-home .htbr-card:nth-child(3n+2){--htbr-bubble:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20320%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M199%209C292%202%20382%2033%20391%20120C405%20210%20350%20274%20244%20287C185%20294%20125%20290%2094%20276C76%20296%2056%20307%2039%20309C50%20294%2057%20277%2055%20260C20%20243%207%20207%207%20157C5%2068%2094%2015%20199%209Z%22%2F%3E%3C%2Fsvg%3E")}
.htbr-home .htbr-card:nth-child(3n){--htbr-bubble:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20320%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M195%208C302%202%20391%2043%20394%20137C399%20221%20337%20281%20233%20289C174%20294%20118%20283%2089%20273C74%20294%2053%20305%2035%20307C48%20291%2051%20275%2049%20255C15%20233%204%20190%209%20145C16%2061%2099%2012%20195%208Z%22%2F%3E%3C%2Fsvg%3E")}
.htbr-home .htbr-card .htbr-text{font-size:15px;line-height:1.6;margin:16px 0 20px}
.htbr-home .htbr-byline{justify-content:center;gap:3px 9px;margin-top:auto}.htbr-home .htbr-byline strong{font-size:15px}.htbr-home .htbr-byline time{font-size:12px}
.htbr-home .htbr-verified{font-size:11px;margin-top:6px}.htbr-home .htbr-product{font-size:12px;line-height:1.4;margin-top:8px;max-width:100%;text-decoration:underline}
.htbr-home-action{text-align:center}.htbr-home-action .button{min-height:48px}
.htbr-dialog{width:min(1060px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 40px);height:min(820px,calc(100dvh - 40px));padding:0;border:1px solid #dcd1bf;border-radius:22px;background:#faf6e9;color:#302019;box-shadow:0 20px 80px #30201945;overflow:hidden}
.htbr-dialog[open]{display:flex;flex-direction:column}.htbr-dialog::backdrop{background:#30201999}
html:has(.htbr-dialog[open]){overflow:hidden;scrollbar-gutter:stable}
.htbr-dialog-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 28px 22px;background:#f8d477;border-bottom:1px solid #ddbc6b}
.htbr-dialog-header h2{font:700 clamp(25px,3.5vw,36px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:0 0 7px}.htbr-dialog-header p{font:14px/1.5 'Trebuchet MS',Arial,sans-serif;margin:0}
.htbr-dialog-close{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #c8aa64;border-radius:50%;background:#fff6dc;color:#302019;font:30px/1 Arial,sans-serif;cursor:pointer}
.htbr-dialog-close:hover{background:#fffaf0}.htbr-dialog-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 26px 28px;scroll-behavior:auto}
.htbr-dialog .htbr-card{background:#fffdf6}.htbr-dialog-actions{text-align:center;margin:18px 0 2px}.htbr-dialog-status{font:14px/1.6 'Trebuchet MS',Arial,sans-serif;margin:0 0 14px;color:#6b5848}
.htbr-dialog :is(button,summary,a):focus-visible{outline:3px solid #255f83;outline-offset:4px}.htbr-dialog .htbr-card:focus{outline:2px solid #255f83;outline-offset:3px}
@media(max-width:900px){.htbr-home .htbr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.htbr-home{padding:38px 0 44px;margin-bottom:0}.htbr-home .htbr-grid{grid-template-columns:1fr;gap:28px;margin-top:28px}.htbr-home .htbr-card{padding:40px 48px 56px;max-width:410px;width:100%;margin-inline:auto}.htbr-home-heading p{font-size:15px}.htbr-dialog{width:calc(100% - 20px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:16px}.htbr-dialog-header{padding:19px 18px}.htbr-dialog-header h2{font-size:25px}.htbr-dialog-header p{font-size:13px}.htbr-dialog-body{padding:0 16px 24px}.htbr-dialog .htbr-grid{margin-top:20px}.htbr-dialog .htbr-card{padding:20px}.htbr-dialog .htbr-load-all{width:100%}}

.htbr-open-reviews[hidden]{display:none}
