An experiment in cleaning up CSS by just avoiding dis-features and focusing on flexbox and CSS grids.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
fsckcss/public/build/bundle.css

5 lines
30 KiB

header.svelte-khlxmc.svelte-khlxmc{}main.svelte-khlxmc.svelte-khlxmc{}footer.svelte-khlxmc.svelte-khlxmc{display:flex;flex:flex-grow;flex-direction:row}footer.svelte-khlxmc nav.svelte-khlxmc{flex:1}@import 'sass/_variables';.inactive.svelte-1iby9by{stroke:var(--color-inactive);fill:var(--color-bg)}hero.svelte-3owcui.svelte-3owcui{display:block;padding:3rem;background-color:var(--color-bg-secondary)}hero.svelte-3owcui h1.svelte-3owcui{font-size:3rem}aside.svelte-3owcui a.svelte-3owcui{--text-decoration:underline}rationale.svelte-3owcui.svelte-3owcui{display:flex;flex-direction:column;font-size:1.5em;padding-left:4rem;padding-right:4rem}h1#faq.svelte-3owcui.svelte-3owcui{font-size:3em}:root{--pin-red:#e60023}content.svelte-8rhjm4.svelte-8rhjm4.svelte-8rhjm4{border:1px solid #ddd;display:flex;flex-direction:column;flex:flex-grow;flex-basis:100%;padding:1rem}header.svelte-8rhjm4.svelte-8rhjm4.svelte-8rhjm4{width:100%;flex-direction:row}header.svelte-8rhjm4 nav.svelte-8rhjm4.svelte-8rhjm4{flex:1}header.svelte-8rhjm4 nav input.svelte-8rhjm4.svelte-8rhjm4{width:100%}header.svelte-8rhjm4 nav button.svelte-8rhjm4.svelte-8rhjm4{border-radius:30px;background-color:var(--color-bg-secondary);border:unset;color:var(--color-text);padding-left:1rem;padding-right:1rem}header.svelte-8rhjm4 nav button#signup.svelte-8rhjm4.svelte-8rhjm4{background-color:var(--pin-red);color:var(--color-bg)}header.svelte-8rhjm4 nav a.svelte-8rhjm4.svelte-8rhjm4{color:var(--text-color)}header.svelte-8rhjm4 logo.svelte-8rhjm4.svelte-8rhjm4{color:var(--pin-red);display:flex;font-size:1.2em}header.svelte-8rhjm4 left.svelte-8rhjm4.svelte-8rhjm4{display:flex;justify-content:space-evenly;padding:1em;flex:2}header.svelte-8rhjm4 input.svelte-8rhjm4.svelte-8rhjm4{border-radius:30px;flex:3;padding:1rem}profile.svelte-8rhjm4.svelte-8rhjm4.svelte-8rhjm4{display:flex;flex-direction:row;width:100%;justify-content:center}profile.svelte-8rhjm4 info.svelte-8rhjm4.svelte-8rhjm4{margin-right:2em}profile.svelte-8rhjm4 h1.svelte-8rhjm4.svelte-8rhjm4{margin-bottom:unset;font-size:3em}profile.svelte-8rhjm4 p.svelte-8rhjm4.svelte-8rhjm4{margin-bottom:0.5rem;margin-top:0.5rem}pins.svelte-8rhjm4.svelte-8rhjm4.svelte-8rhjm4{display:flex;flex-direction:row}pins.svelte-8rhjm4 lane figure.svelte-8rhjm4.svelte-8rhjm4{margin:0.5rem}pins.svelte-8rhjm4 lane figure.svelte-8rhjm4 img.svelte-8rhjm4{border-radius:15px}pins.svelte-8rhjm4 lane.svelte-8rhjm4.svelte-8rhjm4{display:flex;flex-direction:column}images.svelte-1bny7ze.svelte-1bny7ze{display:grid;grid-template-columns:1fr 1fr}figure:hover content{filter:grayscale(1) blur(6px);background-color:var(--color-bg-secondary);cursor:pointer}figure.svelte-1bny7ze.svelte-1bny7ze{padding:0.5em;position:sticky}figure.svelte-1bny7ze figcaption.svelte-1bny7ze{display:none;color:var(--color-text);font-size:6em;filter:drop-shadow(10px 5px 5px var(--color-shadow-secondary));font-weight:bold}figure.svelte-1bny7ze:hover figcaption.svelte-1bny7ze{display:flex;padding-top:2em;width:100%;justify-content:center;position:absolute;top:0;left:0}content.svelte-yyzz8b.svelte-yyzz8b{border:1px solid #ddd;display:flex;flex-direction:column;padding:1rem}header.svelte-yyzz8b.svelte-yyzz8b{display:flex;width:100%;flex-direction:row;padding:0}nav.svelte-yyzz8b.svelte-yyzz8b{flex:1}figure.svelte-yyzz8b.svelte-yyzz8b{display:flex;justify-content:center;margin-top:4rem}search.svelte-yyzz8b.svelte-yyzz8b{display:flex;justify-content:center;flex-direction:column;margin-top:2rem}search.svelte-yyzz8b input.svelte-yyzz8b{align-self:center;width:50ch}search.svelte-yyzz8b buttons.svelte-yyzz8b{display:flex;justify-content:space-evenly}button.svelte-yyzz8b.svelte-yyzz8b{padding:0.5rem;background-color:#ddd;border:0px;color:#000;font-weight:unset}content.svelte-bnvc6y.svelte-bnvc6y.svelte-bnvc6y{border:1px solid #ddd;display:flex;flex-direction:row;flex:flex-grow;flex-basis:100%;grid-column:1/3;padding:0rem}left.svelte-bnvc6y.svelte-bnvc6y.svelte-bnvc6y{display:flex;flex-basis:200px;flex-direction:column;border-right:1px solid var(--color-bg-secondary);padding:1em;font-size:1.2em}middle.svelte-bnvc6y.svelte-bnvc6y.svelte-bnvc6y{display:flex;flex:2;flex-direction:column}right.svelte-bnvc6y.svelte-bnvc6y.svelte-bnvc6y{display:flex;flex-basis:300px;flex-direction:column;border-left:1px solid var(--color-bg-secondary)}header.svelte-bnvc6y.svelte-bnvc6y.svelte-bnvc6y{width:100%;text-align:unset}header.svelte-bnvc6y nav.svelte-bnvc6y.svelte-bnvc6y{justify-content:left}header.svelte-bnvc6y nav h4.svelte-bnvc6y.svelte-bnvc6y{}header.svelte-bnvc6y nav back.svelte-bnvc6y.svelte-bnvc6y{padding-left:1rem;padding-right:1rem}header.svelte-bnvc6y nav name h4.svelte-bnvc6y.svelte-bnvc6y{margin:unset;padding:unset}header.svelte-bnvc6y nav name span.svelte-bnvc6y.svelte-bnvc6y{font-size:0.8em;font-weight:normal}middle.svelte-bnvc6y images.svelte-bnvc6y.svelte-bnvc6y{display:grid;grid-template-columns:1fr min-content}middle.svelte-bnvc6y images figure#background.svelte-bnvc6y.svelte-bnvc6y{z-index:-1;grid-column:1/2;grid-row:1/ span 2}figure#background.svelte-bnvc6y img.svelte-bnvc6y.svelte-bnvc6y{height:200px;min-width:500px}middle.svelte-bnvc6y images figure#avatar.svelte-bnvc6y.svelte-bnvc6y{z-index:5;grid-column:1/1;grid-row:2/2}middle.svelte-bnvc6y images figure#avatar img.svelte-bnvc6y.svelte-bnvc6y{z-index:5;position:relative;top:90px;left:10px;width:128px}figure#avatar.svelte-bnvc6y img.svelte-bnvc6y.svelte-bnvc6y{border-radius:50%;border:5px white solid}button#follow.svelte-bnvc6y.svelte-bnvc6y.svelte-bnvc6y{padding:0.8rem;border-radius:30px;border:1px var(--color) solid;background:var(--color-bg);color:var(--color);position:relative;top:60px;left:220px}button#signup.svelte-bnvc6y.svelte-bnvc6y.svelte-bnvc6y{border-radius:30px;padding:0.5rem;width:100%;font-size:0.9em}aside#newperson.svelte-bnvc6y p.svelte-bnvc6y.svelte-bnvc6y{font-size:0.8em;color:var(--color-inactive)}recent-media.svelte-bnvc6y.svelte-bnvc6y.svelte-bnvc6y{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1px}profile.svelte-bnvc6y.svelte-bnvc6y.svelte-bnvc6y{margin-top:6rem;margin-left:1rem;margin-right:1rem}tweet.svelte-bnvc6y.svelte-bnvc6y.svelte-bnvc6y{display:flex;flex-direction:row}tweet.svelte-bnvc6y post.svelte-bnvc6y.svelte-bnvc6y{padding-left:1em;flex-grow:2;margin-bottom:1rem}tweet.svelte-bnvc6y figure#avatar.svelte-bnvc6y img.svelte-bnvc6y{min-width:64px;height:64px}tweet.svelte-bnvc6y post h4.svelte-bnvc6y.svelte-bnvc6y{margin:unset}tweet.svelte-bnvc6y post p.svelte-bnvc6y.svelte-bnvc6y{margin-bottom:0.5rem}tweet.svelte-bnvc6y post actions.svelte-bnvc6y.svelte-bnvc6y{display:flex;justify-content:space-evenly}hr.svelte-bnvc6y.svelte-bnvc6y.svelte-bnvc6y{margin-top:0.5em;margin-bottom:0.5em}aside#trending.svelte-bnvc6y.svelte-bnvc6y.svelte-bnvc6y{background-color:var(--color-bg-secondary);padding:0px}aside#trending.svelte-bnvc6y h3.svelte-bnvc6y.svelte-bnvc6y{margin-left:1em}aside#trending.svelte-bnvc6y a.svelte-bnvc6y.svelte-bnvc6y{margin-left:1em;color:var(--color)}aside#trending.svelte-bnvc6y li.svelte-bnvc6y.svelte-bnvc6y{border-top:1px var(--color-bg) solid;list-style-type:none;list-style-position:outside;padding:0.3rem}aside#trending.svelte-bnvc6y ul.svelte-bnvc6y.svelte-bnvc6y{padding-left:0px}content.svelte-87j0be.svelte-87j0be{border:1px solid #ddd;display:flex;flex-direction:column;flex:flex-grow;flex-basis:100%;grid-column:1/3;padding:1rem;--sub-color:#999;--title-color:#000}header.svelte-87j0be.svelte-87j0be{display:flex;width:100%;flex-direction:row}nav.svelte-87j0be.svelte-87j0be{flex:1}nav.svelte-87j0be input.svelte-87j0be{display:flex;flex-grow:2;margin:1rem}logo.svelte-87j0be.svelte-87j0be{font-weight:bold;font-size:1rem;color:black}button.svelte-87j0be.svelte-87j0be{background-color:var(--color-bg);color:var(--color);padding:0.5rem;border-radius:2px}hr.svelte-87j0be.svelte-87j0be{margin-top:0.5rem;margin-bottom:0.5rem}main.svelte-87j0be.svelte-87j0be{display:flex;flex-direction:row}right.svelte-87j0be.svelte-87j0be{margin-left:0.5rem}left.svelte-87j0be.svelte-87j0be{margin-right:0.5rem}figcaption.svelte-87j0be a.svelte-87j0be{color:var(--color-secondary);font-size:0.8em}figcaption.svelte-87j0be p.svelte-87j0be{font-weight:bold;margin-top:unset}figcaption.svelte-87j0be video-actions.svelte-87j0be{color:var(--sub-color);font-weight:unset;display:flex;flex-grow:1;justify-content:space-between}card.svelte-87j0be.svelte-87j0be{display:flex;margin-top:0.2rem;margin-bottom:0.2rem;--img-width:120px;--img-height:80px;--font-size:0.8em}card.svelte-87j0be img.svelte-87j0be{width:var(--img-width);height:var(--img-height)}card.svelte-87j0be info.svelte-87j0be{display:flex;flex-direction:column;padding:0.2rem;color:var(--sub-color);font-size:var(--font-size)}card.svelte-87j0be info h4.svelte-87j0be{font-weight:bold;color:var(--title-color);margin:0px}card.small.svelte-87j0be.svelte-87j0be{--img-width:100px;--img-height:70px;--font-size:0.6em}promotion.svelte-87j0be.svelte-87j0be{display:flex;flex-direction:column}promotion.svelte-87j0be nav button#subscribe.svelte-87j0be{background-color:red;color:#fff;border:unset}promotion.svelte-87j0be card.svelte-87j0be{--img-width:4rem;--img-height:4rem}promotion.svelte-87j0be content.svelte-87j0be{border:unset;padding-left:4rem}comments.svelte-87j0be nav.svelte-87j0be{justify-content:left;font-weight:unset}comments.svelte-87j0be nav sort.svelte-87j0be{color:var(--sub-color)}comments.svelte-87j0be card.svelte-87j0be{color:black;--img-width:4rem;--img-height:4rem;--font-size:1em}comments.svelte-87j0be card p.svelte-87j0be{color:black}comments.svelte-87j0be card reply.svelte-87j0be{color:var(--color)}a.svelte-cr3eg9.svelte-cr3eg9{color:var(--color)}content.svelte-cr3eg9.svelte-cr3eg9{border:1px solid #ddd;display:flex;flex-direction:column;flex:flex-grow;flex-basis:100%;padding:1rem}header.svelte-cr3eg9.svelte-cr3eg9{display:flex;width:100%;flex-direction:row}nav.svelte-cr3eg9.svelte-cr3eg9{flex:1}button.svelte-cr3eg9.svelte-cr3eg9{padding:0.5rem}profile.svelte-cr3eg9.svelte-cr3eg9{display:flex;flow-direction:row}profile.svelte-cr3eg9 figure.svelte-cr3eg9{padding-right:3rem;padding-left:3rem}profile.svelte-cr3eg9 info.svelte-cr3eg9{display:flex;flex-direction:column;width:100%}profile.svelte-cr3eg9 info p.svelte-cr3eg9{padding:0.5rem}tabs.svelte-cr3eg9 nav.svelte-cr3eg9{justify-content:center;border-top:1px black solid;border-color:var(--color-inactive)}posts.svelte-cr3eg9.svelte-cr3eg9{display:grid;grid-template-columns:1fr 1fr 1fr}pins.svelte-cr3eg9.svelte-cr3eg9{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:1rem;margin-bottom:1rem}content.svelte-9c6eed.svelte-9c6eed.svelte-9c6eed{border:1px solid #ddd;display:flex;flex-direction:column;flex:flex-grow;flex-basis:100%;grid-column:1/3;--sub-color:#999;--title-color:#000}main.svelte-9c6eed.svelte-9c6eed.svelte-9c6eed{display:flex;flex-direction:column}header.svelte-9c6eed.svelte-9c6eed.svelte-9c6eed{display:flex;width:100%;flex-direction:row}header.svelte-9c6eed nav.svelte-9c6eed.svelte-9c6eed{flex:1;margin-left:1rem;margin-right:1rem}header.svelte-9c6eed nav input.svelte-9c6eed.svelte-9c6eed{display:flex;flex-grow:2;margin:1rem}header.svelte-9c6eed nav.svelte-9c6eed button.svelte-9c6eed{background-color:var(--color-bg);color:var(--color);padding:0.5rem}hr.svelte-9c6eed.svelte-9c6eed.svelte-9c6eed{margin-top:0.5rem;margin-bottom:0.5rem}figcaption.svelte-9c6eed.svelte-9c6eed.svelte-9c6eed{padding:1rem}figcaption.svelte-9c6eed a.svelte-9c6eed.svelte-9c6eed{color:var(--color-secondary);font-size:0.8em}figcaption.svelte-9c6eed p.svelte-9c6eed.svelte-9c6eed{font-weight:bold;margin-top:unset}figcaption.svelte-9c6eed video-actions.svelte-9c6eed.svelte-9c6eed{color:var(--sub-color);font-weight:unset;display:flex;flex-grow:1;justify-content:space-between}card.svelte-9c6eed.svelte-9c6eed.svelte-9c6eed{display:flex;margin-top:0.2rem;margin-bottom:0.2rem;--img-width:120px;--img-height:80px;--font-size:0.8em}card.svelte-9c6eed img.svelte-9c6eed.svelte-9c6eed{width:var(--img-width);height:var(--img-height)}card.svelte-9c6eed info.svelte-9c6eed.svelte-9c6eed{display:flex;flex-direction:column;padding:0.2rem;color:var(--sub-color);font-size:var(--font-size)}card.svelte-9c6eed info h4.svelte-9c6eed.svelte-9c6eed{font-weight:bold;color:var(--title-color);margin:0px}promotion.svelte-9c6eed.svelte-9c6eed.svelte-9c6eed{display:flex;flex-direction:column}promotion.svelte-9c6eed card.svelte-9c6eed.svelte-9c6eed{--img-width:4rem;--img-height:4rem}promotion.svelte-9c6eed content.svelte-9c6eed.svelte-9c6eed{border:unset;padding-left:4rem}comments.svelte-9c6eed nav.svelte-9c6eed.svelte-9c6eed{justify-content:left;font-weight:unset}comments.svelte-9c6eed nav sort.svelte-9c6eed.svelte-9c6eed{color:var(--sub-color)}comments.svelte-9c6eed card.svelte-9c6eed.svelte-9c6eed{color:black;--img-width:4rem;--img-height:4rem;--font-size:1em}comments.svelte-9c6eed card p.svelte-9c6eed.svelte-9c6eed{color:black}comments.svelte-9c6eed card reply.svelte-9c6eed.svelte-9c6eed{color:var(--color)}lower.svelte-9c6eed.svelte-9c6eed.svelte-9c6eed{padding:1rem}nav#vote-nav.svelte-9c6eed.svelte-9c6eed.svelte-9c6eed{justify-content:flex-end}nav.svelte-9c6eed a.svelte-9c6eed.svelte-9c6eed,a.svelte-9c6eed.svelte-9c6eed.svelte-9c6eed:visited,a.svelte-9c6eed.svelte-9c6eed.svelte-9c6eed:active{text-decoration:none;color:var(--color-text)}a.svelte-i1di9h.svelte-i1di9h{color:var(--color)}content.svelte-i1di9h.svelte-i1di9h{border:1px solid #ddd;display:flex;flex-direction:column;flex:flex-grow;flex-basis:100%;grid-column:1/3;padding:1rem;padding-top:0px}header.svelte-i1di9h.svelte-i1di9h{display:flex;width:100%;flex-direction:row}header.svelte-i1di9h nav.svelte-i1di9h{flex:1}header.svelte-i1di9h nav input.svelte-i1di9h{display:flex;flex-grow:2;margin:1rem}header.svelte-i1di9h nav button.svelte-i1di9h{background-color:var(--color-bg);color:var(--color);padding:0.5rem}profile.svelte-i1di9h.svelte-i1di9h{display:flex;flow-direction:row}profile.svelte-i1di9h figure.svelte-i1di9h{padding-right:3rem;padding-left:3rem}profile.svelte-i1di9h info.svelte-i1di9h{display:flex;flex-direction:column;width:100%}profile.svelte-i1di9h info p.svelte-i1di9h{padding:0.5rem}posts.svelte-i1di9h.svelte-i1di9h{display:grid;grid-template-columns:1fr 1fr 1fr}posts.svelte-i1di9h figure.svelte-i1di9h{}related.svelte-i1di9h.svelte-i1di9h{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:1rem;margin-bottom:1rem}nav.svelte-i1di9h a.svelte-i1di9h,a.svelte-i1di9h.svelte-i1di9h:visited,a.svelte-i1di9h.svelte-i1di9h:active{text-decoration:none;color:var(--color-text)}content.svelte-fwzpwr.svelte-fwzpwr{display:flex;flex:flex-shrink;flex-grow:1;justify-content:center}tile.svelte-fwzpwr.svelte-fwzpwr{padding:0.5rem;display:flex;flex-direction:row;border:1px solid #eee;max-width:50vh}tile.svelte-fwzpwr middle.svelte-fwzpwr{padding-left:0.5rem;padding-right:0.5rem;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:3}tile.svelte-fwzpwr middle h4.svelte-fwzpwr{margin-top:0;margin-bottom:0}tile.svelte-fwzpwr right.svelte-fwzpwr{flex-shrink:0}tile.svelte-fwzpwr right button.svelte-fwzpwr{padding:0.2rem}content.svelte-12f1gxf.svelte-12f1gxf{display:flex;flex:flex-shrink;flex-grow:1;justify-content:center}card.svelte-12f1gxf.svelte-12f1gxf{display:flex;flex-direction:column;border:1px solid #eee;width:min-content}card.svelte-12f1gxf top img.svelte-12f1gxf{padding:0;margin:0;width:480px}card.svelte-12f1gxf middle.svelte-12f1gxf{padding-left:0.5rem;padding-right:0.5rem;display:flex;flex-direction:column;justify-content:flex-start}card.svelte-12f1gxf middle h4.svelte-12f1gxf{margin:0}card.svelte-12f1gxf bottom.svelte-12f1gxf{flex-shrink:0}card.svelte-12f1gxf bottom button.svelte-12f1gxf{padding:0.2rem}content.svelte-cwnhgy{display:flex;justify-content:center}button.svelte-cwnhgy{padding:5em}modal.svelte-cwnhgy{display:flex;position:fixed;align-items:center;justify-content:center;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(244,244,244,0.75);padding:0px}modal-content.svelte-cwnhgy{flex-direction:column;background:white;border:1px solid var(--color-accent);border-radius:5px;max-height:300px;min-height:300px;max-width:300px;width:100%;z-index:20;padding:0.5em}content.svelte-t7gl8c{display:flex;flex:flex-shrink;flex-grow:1;justify-content:center}content.svelte-1ofkzoq.svelte-1ofkzoq{display:flex;flex-direction:column}nav-bar.svelte-1ofkzoq.svelte-1ofkzoq{display:flex;flex-direction:row;width:100%;justify-content:space-evenly;padding:1em;border:1px solid var(--color-accent);margin-bottom:1em}nav-bar.svelte-1ofkzoq middle.svelte-1ofkzoq{display:flex;flex:2;justify-content:center;padding-left:1em;padding-right:1em}nav-bar.svelte-1ofkzoq middle input.svelte-1ofkzoq{width:100%}.alternate.svelte-1ofkzoq.svelte-1ofkzoq{background-color:#ddd}content.svelte-1lajyim.svelte-1lajyim{display:flex;flex:flex-shrink;flex-grow:1;justify-content:center}panel.svelte-1lajyim.svelte-1lajyim{display:flex;flex-direction:column;border:1px solid #eee;width:min-content}panel.svelte-1lajyim top.svelte-1lajyim{width:480px;padding:0.5rem}panel.svelte-1lajyim middle.svelte-1lajyim{padding-left:0.5rem;padding-right:0.5rem;display:flex;flex-direction:column;justify-content:flex-start}panel.svelte-1lajyim bottom.svelte-1lajyim{flex-shrink:0;display:flex;flex-direction:row;justify-content:space-evenly}panel.svelte-1lajyim bottom button.svelte-1lajyim{display:flex;margin:0;border-radius:unset;width:100%;justify-content:space-evenly}button.svelte-1lajyim.svelte-1lajyim:hover{filter:invert(20%)}button#cancel.svelte-1lajyim.svelte-1lajyim{background:unset;color:var(--color-text)}content.svelte-j1ijok.svelte-j1ijok{display:flex;flex-direction:column}tabs.svelte-j1ijok.svelte-j1ijok{margin-top:1em;display:flex;justify-content:space-evenly;border-bottom:var(--color-accent)}tabs.svelte-j1ijok a.svelte-j1ijok{text-decoration:none;color:var(--color-text);border-bottom:1px solid var(--color-accent);border-width:thin;width:100%;text-align:center;padding:2rem 0rem 0.5rem}tabs.svelte-j1ijok a.svelte-j1ijok:hover{box-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black}tabs.svelte-j1ijok a.active.svelte-j1ijok{background-color:var(--color-bg-secondary)}panel.svelte-j1ijok.svelte-j1ijok{display:none}panel.active.svelte-j1ijok.svelte-j1ijok{border:1px solid var(--color-accent);display:flex;flex-direction:column;padding:1em}content.svelte-1gt8gt4.svelte-1gt8gt4{display:flex;flex:flex-shrink;flex-grow:1;justify-content:center}calendar.svelte-1gt8gt4.svelte-1gt8gt4{display:grid;grid-template-columns:repeat(7, 1fr);grid-template-rows:auto;max-width:300px;outline:1px solid var(--color-accent)}calendar.svelte-1gt8gt4 day.svelte-1gt8gt4{background-color:var(--color-bg-secondary);font-weight:bold;padding-left:0.3rem;padding-right:0.3rem}calendar.svelte-1gt8gt4 month.svelte-1gt8gt4{grid-column:span 7;font-size:1.5em;font-weight:bold;text-align:center}calendar.svelte-1gt8gt4 date.svelte-1gt8gt4{padding:0.3rem}calendar.svelte-1gt8gt4 date.svelte-1gt8gt4:hover{background-color:var(--color-bg-secondary)}content.svelte-1c5ml3s.svelte-1c5ml3s{display:flex;flex-direction:column}icecream.svelte-1c5ml3s.svelte-1c5ml3s{position:relative}icecream.svelte-1c5ml3s background.svelte-1c5ml3s{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}icecream.svelte-1c5ml3s background img.svelte-1c5ml3s{width:100vh}overlay.svelte-1c5ml3s.svelte-1c5ml3s{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-template-areas:"topleft topright"
"middle middle"
"bottomleft bottomright";height:100vh}one.svelte-1c5ml3s.svelte-1c5ml3s{grid-area:topright;background-color:var(--color-accent);border-radius:50% 0 0;font-size:2em;color:#fff;text-align:right}two.svelte-1c5ml3s.svelte-1c5ml3s{grid-area:middle;background-color:var(--color-accent);opacity:80%;font-size:2em;color:#fff;text-align:center;border-radius:20% 0 20% 0}three.svelte-1c5ml3s.svelte-1c5ml3s{grid-area:bottomleft;background-color:var(--color-accent);opacity:90%;font-size:2em;color:#fff;border-radius:0 0 10% 40%;padding:1rem}code-view.svelte-1qac1jo.svelte-1qac1jo{display:flex;flex-direction:row;justify-content:space-evenly}code-view.svelte-1qac1jo css-view.svelte-1qac1jo{flex:1}code-view.svelte-1qac1jo html-view.svelte-1qac1jo{flex:2;max-width:50%}content.svelte-1xw0xeo.svelte-1xw0xeo{border:1px solid #ddd;display:flex;flex-direction:column;flex:flex-grow;flex-basis:100%;grid-column:1/3;padding:1rem}header.svelte-1xw0xeo.svelte-1xw0xeo{display:flex;flex:flex-grow;width:100%;flex-direction:row;padding:unset}nav.svelte-1xw0xeo.svelte-1xw0xeo{flex:1}figure.svelte-1xw0xeo.svelte-1xw0xeo{display:flex;justify-content:center;margin-top:4rem}search.svelte-1xw0xeo.svelte-1xw0xeo{display:flex;justify-content:center;flex-direction:column;margin-top:2rem}search.svelte-1xw0xeo input.svelte-1xw0xeo{align-self:center;width:50ch}search.svelte-1xw0xeo buttons.svelte-1xw0xeo{display:flex;justify-content:space-evenly}button.svelte-1xw0xeo.svelte-1xw0xeo{padding:0.5rem;background-color:#ddd;border:unset;color:#000;font-weight:unset}nav.svelte-1xw0xeo.svelte-1xw0xeo{font-weight:normal}a.svelte-1xw0xeo.svelte-1xw0xeo{color:unset;font-weight:normal}content.svelte-oxwxiv.svelte-oxwxiv{border:1px solid #ddd;display:flex;flex-direction:column;flex:flex-grow;flex-basis:100%;grid-column:1/3;padding:1rem;--sub-color:#999;--title-color:#000}header.svelte-oxwxiv.svelte-oxwxiv{display:flex;width:100%;flex-direction:row}nav.svelte-oxwxiv.svelte-oxwxiv{flex:1}nav.svelte-oxwxiv input.svelte-oxwxiv{display:flex;flex-grow:2;margin:1rem}logo.svelte-oxwxiv.svelte-oxwxiv{font-weight:bold;font-size:1rem;color:black}button.svelte-oxwxiv.svelte-oxwxiv{background-color:var(--color-bg);color:var(--color);padding:0.5rem;border-radius:2px}main.svelte-oxwxiv.svelte-oxwxiv{display:flex;flex-direction:row}figcaption.svelte-oxwxiv a.svelte-oxwxiv{color:var(--color-secondary);font-size:0.8em}figcaption.svelte-oxwxiv p.svelte-oxwxiv{font-weight:bold;margin-top:unset}figcaption.svelte-oxwxiv video-actions.svelte-oxwxiv{color:var(--sub-color);font-weight:unset;display:flex;flex-grow:1;justify-content:space-between}content.svelte-1prpjq7.svelte-1prpjq7{border:1px solid #ddd;display:flex;flex-direction:row;flex:flex-grow;flex-basis:100%;grid-column:1/3;padding:0rem}middle.svelte-1prpjq7.svelte-1prpjq7{display:flex;flex:2;flex-direction:column}header.svelte-1prpjq7.svelte-1prpjq7{width:100%;text-align:unset}header.svelte-1prpjq7 nav.svelte-1prpjq7{justify-content:left}header.svelte-1prpjq7 nav back.svelte-1prpjq7{padding-left:1rem;padding-right:1rem}header.svelte-1prpjq7 nav name h4.svelte-1prpjq7{margin:unset;padding:unset}header.svelte-1prpjq7 nav name span.svelte-1prpjq7{font-size:0.8em;font-weight:normal}middle.svelte-1prpjq7 images.svelte-1prpjq7{display:grid;grid-template-columns:1fr min-content}middle.svelte-1prpjq7 images figure#background.svelte-1prpjq7{z-index:-1;grid-column:1/2;grid-row:1/ span 2}figure#background.svelte-1prpjq7 img.svelte-1prpjq7{height:200px;min-width:500px}middle.svelte-1prpjq7 images figure#avatar.svelte-1prpjq7{z-index:5;grid-column:1/1;grid-row:2/2}middle.svelte-1prpjq7 images figure#avatar img.svelte-1prpjq7{z-index:5;position:relative;top:90px;left:10px;width:128px}figure#avatar.svelte-1prpjq7 img.svelte-1prpjq7{border-radius:50%;border:5px white solid}button#follow.svelte-1prpjq7.svelte-1prpjq7{padding:0.8rem;border-radius:30px;border:1px var(--color) solid;background:var(--color-bg);color:var(--color);position:relative;top:60px;left:220px}profile.svelte-1prpjq7.svelte-1prpjq7{margin-top:6rem;margin-left:1rem;margin-right:1rem}a.svelte-oov5yx.svelte-oov5yx{color:var(--color)}content.svelte-oov5yx.svelte-oov5yx{border:1px solid #ddd;display:flex;flex-direction:column;flex:flex-grow;flex-basis:100%;grid-column:1/3;padding:1rem}header.svelte-oov5yx.svelte-oov5yx{display:flex;width:100%;flex-direction:row}nav.svelte-oov5yx.svelte-oov5yx{flex:1}button.svelte-oov5yx.svelte-oov5yx{padding:0.5rem}profile.svelte-oov5yx.svelte-oov5yx{display:flex;flow-direction:row}profile.svelte-oov5yx figure.svelte-oov5yx{padding-right:3rem;padding-left:3rem}profile.svelte-oov5yx info.svelte-oov5yx{display:flex;flex-direction:column;width:100%}profile.svelte-oov5yx info p.svelte-oov5yx{padding:0.5rem}pins.svelte-oov5yx.svelte-oov5yx{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:1rem;margin-bottom:1rem}:root{--pin-red:#e60023}content.svelte-1w7ltga.svelte-1w7ltga{border:1px solid #ddd;display:flex;flex-direction:column;flex:flex-grow;flex-basis:100%;grid-column:1/3;padding:1rem}header.svelte-1w7ltga.svelte-1w7ltga{display:flex;width:100%;flex-direction:row}header.svelte-1w7ltga nav.svelte-1w7ltga{display:flex;flex:1}header.svelte-1w7ltga nav input.svelte-1w7ltga{width:100%}header.svelte-1w7ltga nav button.svelte-1w7ltga{border-radius:30px;background-color:var(--color-bg-secondary);border:unset;color:var(--color-text);padding-left:1rem;padding-right:1rem}header.svelte-1w7ltga nav button#signup.svelte-1w7ltga{background-color:var(--pin-red);color:var(--color-bg)}header.svelte-1w7ltga nav a.svelte-1w7ltga{color:var(--text-color)}header.svelte-1w7ltga logo.svelte-1w7ltga{color:var(--pin-red);display:flex;font-size:1.2em}header.svelte-1w7ltga left.svelte-1w7ltga{display:flex;justify-content:space-evenly;padding:1em;flex:2}header.svelte-1w7ltga input.svelte-1w7ltga{border-radius:30px;flex:3;padding:1rem}profile.svelte-1w7ltga.svelte-1w7ltga{display:flex;flex-direction:row;width:100%;justify-content:center}profile.svelte-1w7ltga info.svelte-1w7ltga{margin-right:2em}profile.svelte-1w7ltga h1.svelte-1w7ltga{margin-bottom:unset;font-size:3em}profile.svelte-1w7ltga p.svelte-1w7ltga{margin-bottom:0.5rem;margin-top:0.5rem}content.svelte-t7gl8c{display:flex;flex:flex-shrink;flex-grow:1;justify-content:center}content.svelte-1lajyim.svelte-1lajyim{display:flex;flex:flex-shrink;flex-grow:1;justify-content:center}panel.svelte-1lajyim.svelte-1lajyim{display:flex;flex-direction:column;border:1px solid #eee;width:min-content}panel.svelte-1lajyim top.svelte-1lajyim{width:480px;padding:0.5rem}panel.svelte-1lajyim middle.svelte-1lajyim{padding-left:0.5rem;padding-right:0.5rem;display:flex;flex-direction:column;justify-content:flex-start}panel.svelte-1lajyim bottom.svelte-1lajyim{flex-shrink:0;display:flex;flex-direction:row;justify-content:space-evenly}panel.svelte-1lajyim bottom button.svelte-1lajyim{display:flex;margin:0;border-radius:unset;width:100%;justify-content:space-evenly}button.svelte-1lajyim.svelte-1lajyim:hover{filter:invert(20%)}button#cancel.svelte-1lajyim.svelte-1lajyim{background:unset;color:var(--color-text)}content.svelte-tbrdkg.svelte-tbrdkg{display:flex;flex-direction:column}nav-bar.svelte-tbrdkg.svelte-tbrdkg{display:flex;flex-direction:row;width:100%;justify-content:space-evenly;padding:1em;border:1px solid var(--color-accent);margin-bottom:1em}nav-bar.svelte-tbrdkg middle.svelte-tbrdkg{display:flex;flex:2;justify-content:center;padding-left:1em;padding-right:1em}nav-bar.svelte-tbrdkg middle input.svelte-tbrdkg{width:100%}.alternate.svelte-tbrdkg.svelte-tbrdkg{background-color:#ddd}content.svelte-fwzpwr.svelte-fwzpwr{display:flex;flex:flex-shrink;flex-grow:1;justify-content:center}tile.svelte-fwzpwr.svelte-fwzpwr{padding:0.5rem;display:flex;flex-direction:row;border:1px solid #eee;max-width:50vh}tile.svelte-fwzpwr middle.svelte-fwzpwr{padding-left:0.5rem;padding-right:0.5rem;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:3}tile.svelte-fwzpwr middle h4.svelte-fwzpwr{margin-top:0;margin-bottom:0}tile.svelte-fwzpwr right.svelte-fwzpwr{flex-shrink:0}tile.svelte-fwzpwr right button.svelte-fwzpwr{padding:0.2rem}content.svelte-1rd3ni4.svelte-1rd3ni4{display:flex;flex:flex-shrink;flex-grow:1;justify-content:center}card.svelte-1rd3ni4.svelte-1rd3ni4{display:flex;flex-direction:column;border:1px solid #eee;width:min-content}card.svelte-1rd3ni4 top img.svelte-1rd3ni4{padding:0;margin:0;min-width:480px}card.svelte-1rd3ni4 middle.svelte-1rd3ni4{padding-left:0.5rem;padding-right:0.5rem;display:flex;flex-direction:column;justify-content:flex-start}card.svelte-1rd3ni4 middle h4.svelte-1rd3ni4{margin:0}card.svelte-1rd3ni4 bottom.svelte-1rd3ni4{flex-shrink:0}card.svelte-1rd3ni4 bottom button.svelte-1rd3ni4{padding:0.2rem}content.svelte-j1ijok.svelte-j1ijok{display:flex;flex-direction:column}tabs.svelte-j1ijok.svelte-j1ijok{margin-top:1em;display:flex;justify-content:space-evenly;border-bottom:var(--color-accent)}tabs.svelte-j1ijok a.svelte-j1ijok{text-decoration:none;color:var(--color-text);border-bottom:1px solid var(--color-accent);border-width:thin;width:100%;text-align:center;padding:2rem 0rem 0.5rem}tabs.svelte-j1ijok a.svelte-j1ijok:hover{box-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black}tabs.svelte-j1ijok a.active.svelte-j1ijok{background-color:var(--color-bg-secondary)}panel.svelte-j1ijok.svelte-j1ijok{display:none}panel.active.svelte-j1ijok.svelte-j1ijok{border:1px solid var(--color-accent);display:flex;flex-direction:column;padding:1em}content.svelte-1n9y415.svelte-1n9y415{display:flex;flex-direction:column}icecream.svelte-1n9y415.svelte-1n9y415{position:relative}icecream.svelte-1n9y415 background.svelte-1n9y415{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}icecream.svelte-1n9y415 background img.svelte-1n9y415{width:100vh}overlay.svelte-1n9y415.svelte-1n9y415{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-template-areas:"topleft topright"
"middle middle"
"bottomleft bottomright"}one.svelte-1n9y415.svelte-1n9y415{grid-area:topright;background-color:var(--color-accent);border-radius:50% 0 0;font-size:0.8em;color:#fff;text-align:right}two.svelte-1n9y415.svelte-1n9y415{grid-area:middle;background-color:var(--color-accent);opacity:80%;font-size:0.8em;color:#fff;text-align:center;border-radius:20% 0 20% 0}three.svelte-1n9y415.svelte-1n9y415{grid-area:bottomleft;background-color:var(--color-accent);opacity:90%;font-size:0.8em;color:#fff;text-align:center;border-radius:0 0 10% 40%}content.svelte-1gt8gt4.svelte-1gt8gt4{display:flex;flex:flex-shrink;flex-grow:1;justify-content:center}calendar.svelte-1gt8gt4.svelte-1gt8gt4{display:grid;grid-template-columns:repeat(7, 1fr);grid-template-rows:auto;max-width:300px;outline:1px solid var(--color-accent)}calendar.svelte-1gt8gt4 day.svelte-1gt8gt4{background-color:var(--color-bg-secondary);font-weight:bold;padding-left:0.3rem;padding-right:0.3rem}calendar.svelte-1gt8gt4 month.svelte-1gt8gt4{grid-column:span 7;font-size:1.5em;font-weight:bold;text-align:center}calendar.svelte-1gt8gt4 date.svelte-1gt8gt4{padding:0.3rem}calendar.svelte-1gt8gt4 date.svelte-1gt8gt4:hover{background-color:var(--color-bg-secondary)}