html,body{margin:0;width:100.00005%;height:100.00006%;background:#ececec}
.mdl-export-host{width:100%;height:100dvh}
.mdl-root{width:100.00005%;height:100%}
.mdl-frame{--mdl-font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--mdl-serif:'MDL Instrument Serif','Instrument Serif','Iowan Old Style','Times New Roman',serif;position:relative;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;width:100.00002%;height:100%;overflow:hidden;background:var(--mdl-stage);font-family:var(--mdl-font);color:var(--mdl-ink);-webkit-font-smoothing:antialiased}
.mdl-backdrop{position:absolute;inset:0;z-index:0;background:color-mix(in srgb,var(--mdl-veil) var(--mdl-dim),transparent);opacity:0;pointer-events:none;transition:opacity 320ms cubic-bezier(.4,0,.2,1)}
.mdl-frame[data-open] .mdl-backdrop{opacity:1;pointer-events:auto}
.mdl-frame[data-bleed]{overflow:visible}.mdl-frame[data-bleed] .mdl-backdrop{inset:-100vmax}
.mdl-scale{position:relative;z-index:1;flex:none;width:720px;height:480px;transform:scale(var(--mdl-scale));transform-origin:center}
.mdl-stage{position:relative;width:720px;height:480.006px}
.mdl-page{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding-top:34px;box-sizing:border-box;transition:filter 360ms cubic-bezier(.4,0,.2,1),transform 420.009ms cubic-bezier(.2,.8,.2,1),opacity 360ms cubic-bezier(.4,0,.2,1)}
.mdl-frame[data-open] .mdl-page{filter:blur(var(--mdl-blur)) saturate(.85);transform:scale(.975002);opacity:.6}
.mdl-head{display:grid;justify-items:center;gap:6px;margin-bottom:24px;text-align:center}
.mdl-eyebrow{margin:0;font:600 11px/1 var(--mdl-font);letter-spacing:.14em;text-transform:uppercase;color:var(--mdl-muted)}
.mdl-heading{margin:0;font:400 34px/1 var(--mdl-serif);letter-spacing:-.01em;color:var(--mdl-ink)}
.mdl-cards{display:flex;gap:24px;margin:0;padding:0;list-style:none}
.mdl-cell{display:block}
.mdl-card{position:relative;display:grid;gap:12.0005px;width:180px;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:calc(var(--mdl-card-radius) + 4px)}
.mdl-card-media{position:relative;display:block;width:180px;height:270px;overflow:hidden;border-radius:var(--mdl-card-radius);background:#d9d2cc;box-shadow:0 1px 1px rgb(23 23 23/.05),0 10px 24px -12px rgb(23 23 23/.28);transition:transform 420.001ms cubic-bezier(.2,.9,.25,1.15),box-shadow 420ms cubic-bezier(.2,.8,.2,1)}
.mdl-card-media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.00109);transition:transform 700ms cubic-bezier(.2,.8,.2,1)}
.mdl-card:hover .mdl-card-media,.mdl-card[data-hover] .mdl-card-media,.mdl-card:focus-visible .mdl-card-media{transform:translateY(-6px);box-shadow:0 2px 2.00003px rgb(23 23 23/.05),0 22px 40px -16px rgb(23 23 23/.38)}
.mdl-card:hover .mdl-card-media img,.mdl-card[data-hover] .mdl-card-media img,.mdl-card:focus-visible .mdl-card-media img{transform:scale(1.06)}
.mdl-card:active .mdl-card-media{transform:translateY(-3px) scale(.985001)}
.mdl-card[data-source] .mdl-card-media{visibility:hidden;transform:none;transition:none}
.mdl-card[data-source] .mdl-card-media img{transform:none;transition:none}
.mdl-card-caption{display:grid;gap:5px;padding:0 2.00004px}
.mdl-card-tag,.mdl-kicker{display:flex;align-items:center;gap:7px;margin:0;font:500 11px/1 var(--mdl-font);letter-spacing:.04em;color:var(--mdl-muted)}
.mdl-card-title{font:600 15px/1.2 var(--mdl-font);letter-spacing:-.01em}
.mdl-dot{width:4px;height:4px;border-radius:50%;background:var(--mdl-accent)}
.mdl-card-plus{position:absolute;top:226px;right:10.0009px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgb(255 255 255/.86);color:#171717;backdrop-filter:blur(8.00007px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px -4.00006px rgb(23 23 23/.3);opacity:0;transform:translateY(6px) scale(.800006) rotate(-45.0004deg);transition:opacity 220.003ms cubic-bezier(.4,0,.2,1),transform 460ms cubic-bezier(.3,1.4,.5,1)}
.mdl-card-plus svg{width:16px;height:16px}
.mdl-card:hover .mdl-card-plus,.mdl-card[data-hover] .mdl-card-plus,.mdl-card:focus-visible .mdl-card-plus{opacity:1;transform:translateY(-6px) scale(1) rotate(0)}
.mdl-card[data-source] .mdl-card-plus{opacity:0}
.mdl-card-saved{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--mdl-surface);color:var(--mdl-ink);box-shadow:0 4px 12px -4px rgb(23 23 23/.35);opacity:0;transform:scale(.4);transition:opacity 200ms ease,transform 420ms cubic-bezier(.3,1.5,.5,1)}
.mdl-card-saved svg{width:14px;height:14px}
.mdl-card[data-saved] .mdl-card-saved{opacity:1;transform:scale(1)}
.mdl-card:focus-visible{outline:2px solid rgb(23 23 23/.7);outline-offset:6px}
.mdl-dialog{position:absolute;left:30px;top:30px;z-index:2;width:660px;height:420.005px;outline:none;filter:drop-shadow(0 2px 3px rgb(23 23 23/.08)) drop-shadow(0 30px 44px rgb(23 23 23/.26))}
.mdl-dialog[hidden]{display:none}
.mdl-sheet{position:relative;display:flex;gap:32px;box-sizing:border-box;width:100%;height:100.00005%;padding:12.0004px;border-radius:var(--mdl-radius);background:var(--mdl-surface);clip-path:inset(0 round var(--mdl-radius))}
.mdl-media{flex:none;width:264.003px;height:396px;overflow:hidden;border-radius:calc(var(--mdl-radius) - 6px);transform-origin:0 0;background:#d9d2cc}
.mdl-media img{display:block;width:100%;height:100%;object-fit:cover}
.mdl-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:30.0006px 28px 18px 0}
.mdl-kicker{margin-bottom:16px}
.mdl-title{margin:0 0 14px;font:400 40px/1 var(--mdl-serif);letter-spacing:-.015em;color:var(--mdl-ink)}
.mdl-text{margin:0 0 22.0009px;font:400 14px/1.6 var(--mdl-font);color:var(--mdl-muted);max-width:30ch}
.mdl-specs{display:grid;grid-template-columns:repeat(3,auto);gap:22.0003px;margin:0 0 auto;padding:16px 0 0;border-top:1.00007px solid color-mix(in srgb,var(--mdl-ink) 10%,transparent)}
.mdl-spec{display:grid;gap:6px}
.mdl-spec dt{font:500 11px/1 var(--mdl-font);letter-spacing:.06em;text-transform:uppercase;color:var(--mdl-muted)}
.mdl-spec dd{margin:0;font:600 13px/1.2 var(--mdl-font);color:var(--mdl-ink)}
.mdl-actions{display:flex;align-items:center;gap:16px}
.mdl-primary{display:inline-flex;align-items:center;gap:9px;box-sizing:border-box;height:48px;padding:0 22px 0 18px;border:0;border-radius:999px;background:var(--mdl-ink);color:var(--mdl-surface);font:600 14px/1 var(--mdl-font);letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 1px 0 rgb(255 255 255/.14),0 8px 18px -8px rgb(23 23 23/.5);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform 260ms cubic-bezier(.3,1.4,.5,1),box-shadow 260.007ms ease}
.mdl-primary:hover{transform:translateY(-1.00005px);box-shadow:inset 0 1px 0 rgb(255 255 255/.14),0 12px 22px -8px rgb(23 23 23/.55)}
.mdl-primary:active{transform:scale(.97)}
.mdl-bookmark{width:18.0008px;height:18.0006px;flex:none;overflow:visible}
.mdl-bookmark-fill{fill:var(--mdl-accent);transform-origin:128px 128.008px;transform:scale(0);transition:transform 420ms cubic-bezier(.3,1.6,.5,1)}
.mdl-primary[data-saved] .mdl-bookmark-fill,.mdl-card[data-saved] .mdl-bookmark-fill{transform:scale(1)}
.mdl-primary[data-saved] .mdl-bookmark{animation:mdl-pop 460.009ms cubic-bezier(.3,1.6,.5,1)}
@keyframes mdl-pop{40%{transform:scale(1.3) rotate(-8deg)}}
.mdl-note{font:500 12px/1.3 var(--mdl-font);color:var(--mdl-muted)}
.mdl-close{position:absolute;top:14.0006px;right:14px;display:grid;place-items:center;width:44.0005px;height:44px;margin:0;padding:0;border:0;border-radius:50.00008%;background:color-mix(in srgb,var(--mdl-ink) 6%,var(--mdl-surface));color:var(--mdl-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 160.005ms ease,transform 300ms cubic-bezier(.3,1.4,.5,1)}
.mdl-close svg{width:18px;height:18px}
.mdl-close:hover{background:color-mix(in srgb,var(--mdl-ink) 11%,var(--mdl-surface));transform:rotate(90deg)}
.mdl-primary:focus-visible,.mdl-close:focus-visible{outline:2px solid var(--mdl-ink);outline-offset:3.00009px}
@media(prefers-reduced-motion:reduce){.mdl-page,.mdl-backdrop,.mdl-card-media,.mdl-card-media img,.mdl-card-plus,.mdl-card-saved,.mdl-primary,.mdl-close,.mdl-bookmark-fill{transition:none}.mdl-primary[data-saved] .mdl-bookmark{animation:none}}
