:root{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #dae0e9;--surface2: #f2f2f2;--surface3: #ccc;--surface-white: #fff;--surface-text: #5b6a80;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--surface-btn3: rgb(240, 243, 248);--surface-btn4: rgb(228, 232, 238);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(22, 183, 118);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(227, 243, 229);--surfaceGreen2: rgb(164, 221, 169);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}@media (prefers-color-scheme: dark){:root{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-text: rgb(158, 165, 180);--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--surface-btn3: rgb(45, 47, 53);--surface-btn4: rgb(27, 30, 35);--surface-white: #2b2c2e;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 173, .1);--surfaceGreen2: rgba(72, 255, 148, .2);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}}:root body{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #dae0e9;--surface2: #f2f2f2;--surface3: #ccc;--surface-white: #fff;--surface-text: #5b6a80;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--surface-btn3: rgb(240, 243, 248);--surface-btn4: rgb(228, 232, 238);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(22, 183, 118);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(227, 243, 229);--surfaceGreen2: rgb(164, 221, 169);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}:root body.dark-mode{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-text: rgb(158, 165, 180);--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--surface-btn3: rgb(45, 47, 53);--surface-btn4: rgb(27, 30, 35);--surface-white: #2b2c2e;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 173, .1);--surfaceGreen2: rgba(72, 255, 148, .2);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}.cafe-content{border-radius:16px;padding:16px 20px;background:var(--bg);margin:10px 0;box-shadow:1px 2px 8px #00000012;border:0!important}@media (max-width: 550px){.cafe-content{padding:16px 14px}}.cafe-content h3{margin-bottom:10px}.cafe-content .list{display:flex;flex-wrap:wrap}.cafe-content a{display:flex;align-items:center;padding:3px 0;position:relative;width:calc(50% - 10px);margin:3px 2px;min-height:46px}@media (max-width: 768px){.cafe-content a{width:100%;margin:2px}.cafe-content a:nth-child(1),.cafe-content a:nth-child(2),.cafe-content a:nth-child(3),.cafe-content a:nth-child(4){display:flex;align-items:center;flex-direction:column;flex:1;min-width:calc(50% - 10px);flex-shrink:0;margin:0 4px 10px}.cafe-content a:nth-child(1) .popular-list__thumb-image,.cafe-content a:nth-child(2) .popular-list__thumb-image,.cafe-content a:nth-child(3) .popular-list__thumb-image,.cafe-content a:nth-child(4) .popular-list__thumb-image{width:100%;height:auto;max-height:150px;margin:0 0 10px;overflow:hidden}}@media (max-width: 768px) and (max-width: 550px){.cafe-content a:nth-child(1) .popular-list__thumb-image,.cafe-content a:nth-child(2) .popular-list__thumb-image,.cafe-content a:nth-child(3) .popular-list__thumb-image,.cafe-content a:nth-child(4) .popular-list__thumb-image{max-height:110px}}@media (max-width: 768px){.cafe-content a:nth-child(1) .popular-list__thumb-image img,.cafe-content a:nth-child(2) .popular-list__thumb-image img,.cafe-content a:nth-child(3) .popular-list__thumb-image img,.cafe-content a:nth-child(4) .popular-list__thumb-image img{width:100%;height:auto;transform:scale(1.2) translate(-2px,-8%)}.cafe-content a:nth-child(1) .popular-list__title,.cafe-content a:nth-child(2) .popular-list__title,.cafe-content a:nth-child(3) .popular-list__title,.cafe-content a:nth-child(4) .popular-list__title{word-break:break-all!important;letter-spacing:-.4px;font-size:14.5px;word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}}.cafe-content a .popular-list__thumb-image{margin-right:14px;width:112px;height:76.5px;flex-shrink:0;overflow:hidden;border-radius:6px;pointer-events:none;border:.5px solid rgba(0,0,0,.2)}@media (max-width: 768px){.cafe-content a .popular-list__thumb-image{width:90px;height:60px}}.cafe-content a img{width:112px;height:76.5px;-o-object-fit:cover;object-fit:cover;transform:scale(1.15) translate(-2px,-1%);transform-origin:center center}@media (max-width: 768px){.cafe-content a img{width:90px;height:60px}}.cafe-content a .popular-list__content{display:flex;align-items:center}.cafe-content a em{position:absolute;top:0;left:0;display:inline-flex;display:none;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0;font-size:10px;font-weight:500;color:#fff;border-radius:2px;background:rgba(122,81,227,.8)}.cafe-content a strong{font-size:15px;color:var(--typo1);font-weight:500;word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}@media (max-width: 550px){.cafe-content a strong{word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}}.cafe-content a .sr_only,.cafe-content a .popular-list__cafe-name{display:none}