%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /usr/local/sakura-blog/themes/theme-cute/spring/v1.1.3/assets/css/
Upload File :
Create Path :
Current File : //usr/local/sakura-blog/themes/theme-cute/spring/v1.1.3/assets/css/article.css

@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap";*:where(:not(html,iframe,canvas,img,svg,video,audio,svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}body{display:flex;flex-direction:column;width:100%;min-height:100dvh;min-height:100%;font-family:"Noto Serif JP",serif;font-style:normal;color:var(--text-color-100);background-color:var(--background-color)}body .header{order:1}body .layout{order:3}body .breadcrumb{order:2}body .footer{order:4}body .flex-footer{margin-block-start:auto}a:hover{text-decoration:underline}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}.layout{position:relative;flex-grow:1;flex-shrink:1;margin-inline:auto;width:100%;max-width:1440px}:where(.layout__mv,.layout__mv){width:100%;height:200px;margin:0 auto;background-image:var(--mv-image-set);background-size:cover;background-position:var(--mv-position, center right)}@media screen and (width > 760px){:where(.layout__mv,.layout__mv){height:240px;background-image:var(--mv-image-set-md)}}@media screen and (width > 1040px){:where(.layout__mv,.layout__mv){background-image:var(--mv-image-set-lg)}}.content{position:inherit;z-index:1;display:flex;flex-direction:column;align-items:center;margin-block-start:80px;width:100%;margin-block-start:5rem}@media screen and (width > 760px){.content{margin-block-start:2.5rem}}@media screen and (width > 1040px){.content{margin-block-start:64px;padding-inline:min(3.2vw,7.5rem)}}.content .container{display:grid;grid-template-areas:"main" "widgets"}@media screen and (width > 1040px){.content .container{grid-template-areas:"main widgets";grid-template-columns:2fr 1fr;gap:60px}}.content .container.flex-dir-column{flex-direction:column}.content .container .main{grid-area:main;display:flex;flex-direction:column;flex-grow:1;width:auto;max-width:50rem;padding-inline:1rem}.content .container .widgets{grid-area:widgets}.page-title,.search-result:has(.keyword-form):has(.not-found-message)>h2.page-title{display:flex;flex-direction:column;align-items:center;margin-block-end:2.5rem;font-size:1rem;font-style:normal;line-height:1.1;color:var(--text-link-color);border:none}.page-title::before,.search-result:has(.keyword-form):has(.not-found-message)>h2.page-title::before{margin-block-end:.4rem;content:"NEW TOPIC";font-size:2.5rem}.search-result:has(.keyword-form):has(.not-found-message)>h2.page-title>.page-title__text{display:flex;flex-direction:column;align-items:center;margin-block-end:2.5rem;font-size:1rem;font-style:normal;font-weight:normal;line-height:1.1;color:var(--text-link-color);border:none}.search-result:has(.keyword-form):has(.not-found-message)>h2.page-title>.page-title__text::before{margin-block-end:.4rem;content:"NEW TOPIC";font-size:2.5rem}.search-result:not(:has(.no-found-message))>.page-title:not(:has(+.keyword-form)){font-size:1.5rem;font-weight:700;font-family:"Noto Serif JP",serif;padding-block:.5rem;border-block:1px solid currentColor}.search-result:not(:has(.no-found-message))>.page-title:not(:has(+.keyword-form))::before{display:none}.speech-bubble{display:none}.widgets{display:flex;align-self:flex-start;flex-direction:column;gap:5rem;height:auto;margin:5rem 1rem;border:1px solid var(--text-link-color);border-radius:1rem;padding:1.25rem}@media screen and (width > 760px){.widgets{margin-block-start:5rem;margin-inline:max(1.25rem,auto);max-width:47.5rem}}@media screen and (width > 1040px){.widgets{width:min(28vw,21.25rem);margin:0}}.widgets .widget:not(:first-child){margin-block-start:1.5rem;border-block-start:1px solid var(--text-link-color);padding-block-start:3rem}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}.breadcrumb{display:flex;justify-content:center;width:100%;height:auto;padding-block:1rem;font-size:.75rem;font-weight:400;line-height:.75rem}@media screen and (width > 760px){.breadcrumb{margin-inline:auto;width:50rem}}@media screen and (width > 1040px){.breadcrumb{margin-inline:0;width:auto;padding-inline:min(3.2vw,7.5rem)}}.breadcrumb>nav{display:flex;flex-flow:row nowrap;width:100%;max-width:75rem}.breadcrumb__item{display:inline-flex;flex-shrink:0;align-items:center;max-width:100%;font-size:.875rem;list-style:none}.breadcrumb__item:has(.current){flex-shrink:1;overflow:hidden}.breadcrumb__item>.link{padding:.75rem;color:var(--text-link-color)}.breadcrumb__item>.link:hover{text-decoration:underline}.breadcrumb__item>.current{padding:.75rem;color:var(--text-link-color-disabled);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumb__item-separator{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-link-color);display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;--icon-url: url(/assets/images/icons/slash.svg);width:1em;height:.875rem}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}.footer{display:flex;justify-content:center;width:100%;margin-block-start:80px;padding:3.75rem .625rem 4rem;color:var(--footer-text);background-color:var(--background-footer);border-top:var(--footer-border-top)}.footer__wrap{display:grid;grid-template-areas:"title" "powered-by" "nav" "right" "rss" "socials";justify-content:space-between;max-width:75rem}@media screen and (width > 760px){.footer__wrap{grid-template-areas:"title title nav" "powered-by powered-by powered-by" "category-heading tags-heading socials" "category tags rss";grid-template-columns:repeat(3, 1fr);padding-inline:7.5rem;gap:.5rem 2.5rem}}.footer__left{display:contents}.footer__title{grid-area:title;display:flex;gap:.75rem;align-items:center}.footer__title-logo{width:auto;height:2.625rem}.footer__title-name{font-size:1.75rem;font-style:normal;font-weight:700;line-height:1}@media screen and (width > 760px){.footer__title-name{font-size:1.25rem}}@media screen and (width > 1040px){.footer__title-name{font-size:1.75rem}}.footer__powered_by{grid-area:powered-by;display:inline-block;margin-block-start:.75rem;font-size:.75rem}.footer__socials{grid-area:socials;display:flex;gap:.5rem;margin-block-start:.875rem}@media screen and (width > 760px){.footer__socials{justify-content:flex-end;margin-block-start:0}}.footer__socials a{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;font-size:1.25rem;text-decoration:none;color:var(--footer-button-color, currentcolor);border:1px solid var(--footer-button-border-color, currentcolor);border-radius:calc(infinity*1px);background-color:var(--background-color);transition:all 400ms}.footer__socials a:hover{color:var(--background-color);background-color:var(--text-link-color)}.footer__nav{display:contents}.footer__nav-main{grid-area:nav;display:flex;justify-content:flex-end;margin-block-start:2.5rem;gap:.5rem;list-style:none}@media screen and (width > 1040px){.footer__nav-main{margin-block-start:1.5rem}}.footer__nav-main li{display:inline-block;flex-shrink:0}.footer__nav-main-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem .9375rem;color:var(--footer-button-color, currentcolor);font-size:.9375rem;border:1px solid var(--footer-button-border-color, currentcolor);background-color:var(--background-color);border-radius:calc(infinity*1px);transition:all 400ms}.footer__nav-main-item .fa-house{display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;mask-image:url(/assets/images/icons/home.svg);width:1rem;height:1rem}.footer__nav-main-item .fa-magnifying-glass{display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;mask-image:url(/assets/images/icons/search.svg)}.footer__nav-main-item:hover{text-decoration:none;color:var(--background-color);background-color:var(--text-link-color)}.footer__nav-main-item span{white-space:no-wrap}.footer__nav-sub{grid-area:rss;display:flex;gap:.25rem;list-style:none}@media screen and (width > 760px){.footer__nav-sub{justify-content:flex-end;align-items:flex-start}}.footer__nav-sub li{display:inline-block}.footer__nav-sub-item{margin-block-start:3.75rem;display:block;font-size:.875rem}@media screen and (width > 1040px){.footer__nav-sub-item{margin-block-start:1.5rem}}.footer__nav-sub-item:hover{text-decoration:none}.footer__right{grid-area:right;display:flex;flex-direction:column;margin-block-start:3.75rem;gap:3.75rem}@media screen and (width > 760px){.footer__right{display:contents}}.footer__right-column{display:flex;flex-direction:column;width:100%}@media screen and (width > 760px){.footer__right-column{display:contents}.footer__right-column:nth-of-type(1) .footer__right-column-heading{grid-area:category-heading;margin-block-start:3.75rem}}@media screen and (width > 760px)and (width > 1040px){.footer__right-column:nth-of-type(1) .footer__right-column-heading{margin-block-start:1.5rem}}@media screen and (width > 760px){.footer__right-column:nth-of-type(1) .footer__right-column-body{grid-area:category}.footer__right-column:nth-of-type(2) .footer__right-column-heading{grid-area:tags-heading;margin-block-start:3.75rem}}@media screen and (width > 760px)and (width > 1040px){.footer__right-column:nth-of-type(2) .footer__right-column-heading{margin-block-start:1.5rem}}@media screen and (width > 760px){.footer__right-column:nth-of-type(2) .footer__right-column-body{grid-area:tags}}.footer__right-column-heading{position:relative;display:flex;margin-block-end:1rem;gap:.5rem;align-items:center;border-block-end:1px solid currentcolor}.footer__right-column-heading__text{font-size:1.125rem;font-weight:700;white-space:nowrap;padding-inline-end:3rem}.footer__right-column-body{display:flex;flex-wrap:wrap;gap:.5rem}.footer__right-column-body:has(.tag){height:min-content;align-items:flex-start}.footer__right-column-body li{display:inline-block}.footer__right-column-body li .category,.footer__right-column-body li .tag{display:inline-block;flex-flow:row wrap;gap:.25rem;font-size:.875rem;line-height:1.5;color:var(--footer-text);text-decoration:none;text-decoration-color:inherit;transition:400ms}.footer__right-column-body li .category:hover,.footer__right-column-body li .tag:hover{color:var(--text-link-color-hover);text-decoration-color:rgba(0,0,0,0)}.footer__right-column-body li .category{color:var(--text-link-color);background-color:var(--background-color);border:1px solid var(--footer-button-border-color, currentcolor);border-radius:calc(infinity*1px);padding:.5rem 1.25rem}.footer__right-column-body li .category:hover{color:var(--background-color);background-color:var(--text-link-color)}.footer__right-column-body li .tag{display:inline-block;flex-flow:row wrap;gap:.25rem;font-size:.875rem}.footer__right-column-body li .tag::before{content:"#"}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}.button{display:inline-flex;flex-grow:0;gap:.5rem;align-items:center;height:3.125rem;padding:1rem .94rem;color:var(--text-link-color);background-color:rgba(0,0,0,0);border:1px solid currentcolor;border-radius:calc(infinity*1px);transition:all 400ms}.button:hover{color:var(--background-color);background-color:var(--text-link-color);text-decoration:none;cursor:pointer}.header{display:flex;flex-direction:row;width:100%;min-height:5rem;padding-inline:1rem;border-block-end:1px solid var(--text-link-color)}@media screen and (width > 760px){.header{padding-inline:2.5rem}}.header__wrap{display:flex;gap:.75rem;align-items:center;justify-content:space-between;width:min(100%,1440px);margin-inline:auto}@media screen and (width > 1040px){.header__wrap{padding-inline:min(3.2vw,7.5rem)}}.header__app{display:flex;flex-direction:row;gap:.75rem;align-items:center}.header__app:hover{text-decoration:none}@media screen and (width > 760px){.header__app{flex-direction:row}}.header__app-logo{max-width:17.5rem;height:2.625rem}.header__app-name{display:flex;flex-direction:column;flex-grow:1;gap:.75rem;color:var(--text-link-color)}@media screen and (width > 760px){.header__app-name{flex-direction:row;align-items:flex-end}}.header__app-name--title{font-size:1.75rem;font-weight:700;line-height:100%}.header__app-name--subtitle{font-size:.8125rem;font-weight:400;line-height:100%}.header__nav{display:flex;flex-direction:row;gap:.5rem;list-style:none;white-space:nowrap;color:var(--text-link-color)}.header__nav-home{display:none}@media screen and (width > 760px){.header__nav-home{display:revert}}.header__nav-home .fa-house{display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;--icon-url: url(/assets/images/icons/home.svg)}.header__nav-search>a{display:inline-flex;align-items:center;justify-content:center}.header__nav-search>a>.fa-magnifying-glass{display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;--icon-url: url(/assets/images/icons/search.svg)}.header__nav-search>a>span{display:none}@media screen and (width > 760px){.header__nav-search>a>span{display:inline}}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}.widgets .widget{display:flex;flex-direction:column}.widget-content{margin-block-end:0}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}.widget-header{position:relative;display:flex;align-items:center;margin-block-end:1.5rem;justify-content:center}.widget-header img{width:1.25rem}.widget-header__text{font-size:1.5rem;font-weight:700;line-height:1;color:var(--text-link-color)}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}.archive-list__sub-list{display:none;flex-direction:column;margin-block-start:.5rem;font-size:.875rem;font-style:normal;font-weight:500;line-height:100%}.archive-list__sub-list-item{display:flex;flex-direction:row;justify-content:space-between;padding:.375rem .25rem;transition:400ms;color:var(--text-color-200)}.archive-list__sub-list-item .month{display:flex;gap:.5rem;align-items:center}.archive-list__sub-list-item .count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .38rem;font-size:.75rem;color:var(--grayscale-white);background-color:var(--accent-color);border-radius:.8125rem}.archive-list__sub-list-item:hover:not(:has(input:checked)){text-decoration:none;cursor:pointer}.archive-list__list{display:flex;flex-direction:column;gap:.5rem}.archive-list__list>li{padding:0}.archive-list__list-item{display:flex;flex-direction:column;justify-content:center;width:auto;height:2.75rem;transition:background-color 200ms;border:1px solid var(--text-link-color);border-radius:1.75rem;padding:0 1.25rem;transition:all 400ms}@media screen and (width > 760px){.archive-list__list-item{height:2.25rem}}.archive-list__list-item:hover{color:var(--background-color);background-color:var(--text-link-color)}.archive-list__list-item:hover label{color:var(--background-color)}.archive-list__list-item:has(input:checked){color:var(--text-link-color);background-color:var(--background-color);height:auto;padding:1.25rem}.archive-list__list-item:has(input:checked):hover label{color:var(--text-link-color)}.archive-list__list-item label{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.875rem;font-weight:500;line-height:1.8;color:var(--text-link-color);cursor:pointer}.archive-list__list-item label i{font-size:.75rem}.archive-list__list-item label i.fa-chevron-up{display:none}.archive-list__list-item label i.fa-chevron-down{display:inline-block}.archive-list__list-item label .fa-chevron-up{display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;--icon-url: url(/assets/images/icons/chevron-up.svg)}.archive-list__list-item label .fa-chevron-down{display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;--icon-url: url(/assets/images/icons/chevron-down.svg)}.archive-list__list-item label:has(+input:checked) i.fa-chevron-up{display:inline-block}.archive-list__list-item label:has(+input:checked) i.fa-chevron-down{display:none}.archive-list__list-item input{display:none}.archive-list__list-item input:checked+.archive-list__sub-list{display:flex}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}.category-list__list{display:flex;flex-direction:column;list-style:none;gap:.5rem}.category-list__list-item a{display:flex;align-items:center;justify-content:space-between;width:100%;height:2.75rem;gap:.5rem;color:var(--text-link-color);text-decoration:none;text-decoration-color:inherit;transition:400ms;border:1px solid currentcolor;border-radius:calc(infinity*1px);padding:0 1.25rem;font-size:.875rem;font-weight:500}@media screen and (width > 760px){.category-list__list-item a{height:2.25rem}}.category-list__list-item a:hover{color:var(--background-color);background-color:var(--text-link-color);text-decoration:none}.category-list__list-item a i{display:block;display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;--icon-url: url(/assets/images/icons/chevron-right.svg);width:.75rem;height:.75rem}.new-article-list__list{display:flex;flex-direction:column;gap:.87rem;width:100%}.new-article-list__list-item{display:flex;flex-direction:row;gap:.62rem;align-items:flex-start;padding-block-start:.5rem}.new-article-list__list-item img{width:6.5rem;height:auto}.new-article-list__list-item div{width:10.625rem;overflow-wrap:break-word}.new-article-list__list-item div a{display:inline-block;font-size:.8125rem;font-weight:700;line-height:150%}.new-article-list__list-item div a:hover{text-decoration:underline}.new-article-list__list-item div .posted_at{margin-block-start:.5rem}.new-article-list__list-item div .category{margin-block-start:.38rem}.new-article-list__list-item div .posted_at,.new-article-list__list-item div .category{display:inline-flex;flex-direction:row;gap:.31rem;font-size:.625rem;font-weight:400;line-height:100%}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}.table-of-content{display:flex;flex-direction:column;gap:1.25rem;align-items:stretch;margin-block-end:2.5rem;width:100%;padding:1.75rem 1rem;border:1px solid var(--text-link-color);border-radius:.5rem;color:var(--text-color-100);background:var(--background-table-of-content)}.table-of-content__heading{font-size:1.25rem;font-style:normal;font-weight:600;line-height:160%;text-align:center;color:var(--text-link-color)}.table-of-content__list{list-style:none;align-self:stretch}.table-of-content__list-item{display:flex;gap:.5rem;align-items:center;padding:0;border-block-end:1px solid var(--border-color-table-of-content)}.table-of-content__list-item a{padding:1rem;overflow:hidden;font-size:.9375rem;font-weight:400;line-height:100%;text-overflow:ellipsis;transition:400ms}.table-of-content__list-item a:link,.table-of-content__list-item a:visited,.table-of-content__list-item a:active{color:currentColor;text-decoration:none}.table-of-content__list-item a:hover{color:var(--text-link-color-hover)}.table-of-content__list-item.h2:last-of-type:not(:has(h3)){border:none}.table-of-content__list-item.h2 a{font-weight:700}.table-of-content__list-item.h3{margin-inline-start:1.75rem}.table-of-content__list-item.h3:last-of-type{border:none}.table-of-content__list-item.h3 a{padding:.75rem .875rem}.table-of-content__list-item.h4{display:none}.table-of-content__list-item.h5{display:none}.table-of-content__list-item.h6{display:none}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}.tag-list__list{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .75rem}.tag-list__list-item a{display:inline-block;font-size:.875rem;color:var(--text-link-color);word-break:break-all;text-decoration:none;text-decoration-color:inherit;transition:400ms}.tag-list__list-item a::before{display:inline-block;margin-inline-end:.25rem;content:"#"}.tag-list__list-item a:hover{text-decoration:none;color:var(--text-link-color-hover)}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}.widgets .blog-profile{display:grid;grid-template-areas:"icon" "title" "description" "socials";gap:1.5rem;justify-content:center}.widgets .blog-profile__icon{grid-area:icon}.widgets .blog-profile__icon img{display:block;width:auto;height:16rem;margin-inline:auto}.widgets .blog-profile__info{display:contents}.widgets .blog-profile__info-name{grid-area:title;text-align:center;align-self:center;margin-inline-start:1rem;font-size:1.5rem;font-weight:700;color:var(--text-link-color)}.widgets .blog-profile__info-description{grid-area:description;margin-block-start:1.5rem;font-size:.875rem;line-height:180%}.widgets .blog-profile__socials{grid-area:socials;margin-block-start:1rem;display:flex;flex-direction:row;gap:1rem;justify-content:center}.widgets .blog-profile__socials-item{display:grid;align-content:center}.widgets .blog-profile__socials a{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;font-size:1.25rem;text-decoration:none;border:1px solid currentcolor;border-radius:calc(infinity*1px);color:var(--text-link-color);background-color:var(--background-color);transition:all 200ms}.widgets .blog-profile__socials a:hover{color:var(--background-color);background-color:var(--text-link-color)}.fa-x-twitter::before{display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;--icon-url: url(/assets/images/icons/x.svg)}.fa-facebook-f::before{display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;--icon-url: url(/assets/images/icons/facebook.svg)}.fa-instagram::before{display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;--icon-url: url(/assets/images/icons/instagram.svg)}.hatena-bookmark{display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;--icon-url: url(/assets/images/icons/hatena.svg)}:root{--text-color-100: #121212;--text-color-200: #333;--text-color-300: #696969;--text-link-color: #CC4369;--text-link-color-hover: #A03A5E;--text-link-color-disabled: #ED98B5;--text-link-color-article: var(--text-link-color);--footer-text: #CC4369;--footer-border-top: 1px solid #CC4369;--background-author-icon: black;--background-code: #1d2020;--background-color: #FFFCFD;--background-footer: #FAE6ED;--background-table-of-content: #fff;--color-highlight: #CC4369;--background-highlight: #FAE6ED;--accent-color: #007E55;--info-color: #CC6143;--color-article-h4: #000;--border-color-table-of-content: #FAE6ED;--article-blockquote-background: #fff;--grayscale-white: #fff;--color-article-heading-border: #CC4369;--mv-image-set: image-set( url("/assets/images/variants/spring/mv.png") 1x, url("/assets/images/variants/spring/mv@2x.png") 2x, url("/assets/images/variants/spring/mv@3x.png") 3x );--mv-image-set-md: image-set( url("/assets/images/variants/spring/mv-tablet.png") 1x, url("/assets/images/variants/spring/mv-tablet@2x.png") 2x, url("/assets/images/variants/spring/mv-tablet@3x.png") 3x );--mv-image-set-lg: image-set( url("/assets/images/variants/spring/mv-pc.png") 1x, url("/assets/images/variants/spring/mv-pc@2x.png") 2x )}.layout:has(.main>.article){margin-block-start:0}.layout__mv2:has(+.content>.container>.main>.article){display:none}.content:has(.container .main>.article){margin-block-start:0}.main:has(>.article){padding-block-start:0 !important}.article{display:flex;flex-direction:column;width:100%;gap:2.5rem}@media screen and (width > 760px){.article{gap:4rem}}.article>div:first-child{display:grid}.article__category{display:block;width:fit-content;padding:.5rem 1.25rem;align-items:center;color:var(--text-link-color);text-decoration:none;text-decoration-color:inherit;border:solid 1px currentcolor;border-radius:calc(infinity*1px);transition:400ms;font-size:.875rem}.article__category:hover{color:var(--background-color);background-color:var(--text-link-color);text-decoration:none}.article__title{font-size:1.75rem;font-style:normal;font-weight:700;line-height:150%;margin-block:1.25rem}.article__tags{display:flex;flex-flow:row wrap;gap:.75rem;width:100%;margin-block-start:1.25rem}.article__tags>li{display:inline-block}.article__tags-item{font-size:.875rem;font-style:normal;line-height:150%;color:var(--text-link-color);transition:color 400ms}.article__tags-item::before{margin-inline-end:.25rem;content:"#"}.article__tags-item:hover{color:var(--text-link-color-hover);text-decoration:none}.article__posted_at{display:flex;flex-direction:row;gap:.75rem;margin-block-start:1.25rem}.article__posted_at-item{display:inline-flex;gap:.5rem;align-items:center;font-size:.8125rem;font-style:normal;font-weight:400;line-height:100%}.article__posted_at-item>.fa-regular.fa-clock{display:none;display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;--icon-url: url(/assets/images/icons/clock.svg);width:1em;height:1em}.article__posted_at-item:last-child{display:none}.article__title,.article__content h1{font-size:1.75rem;font-weight:700;line-height:2.625rem}.article__content{word-break:break-all}.article__content h2{position:relative;padding-inline-start:1.625rem;margin-block-start:2.5rem;font-size:1.5rem;font-weight:700;line-height:160%}.article__content h2::before{position:absolute;top:0;left:0;display:inline-block;width:.375rem;height:100%;content:"";border-radius:.1875rem;background-color:var(--color-article-heading-border)}.article__content h3{padding:0 0 1.25rem;margin-block-start:2.5rem;font-size:1.375rem;font-style:normal;font-weight:700;line-height:1.6;border-block-end:1px solid var(--text-link-color)}.article__content h4{padding:1.25rem 1.5rem;margin-block-start:2.5rem;font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.6;color:var(--color-article-h4);background-color:var(--article-blockquote-background);border:1px solid var(--text-link-color);border-radius:1rem}.article__content h5{padding-block-end:1.25rem;margin-block-start:2.5rem;font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.6;border-block-end:1px solid var(--text-link-color)}.article__content h6{padding:1rem 1.25rem;margin-block-start:2.5rem;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.6;color:var(--text-link-color);background-color:var(--article-blockquote-background);border:1px solid var(--text-link-color);border-radius:1rem}.article__content>p{margin:2.5rem 0 0;font-size:1rem;font-weight:400;line-height:1.8rem;font-family:"Noto Sans JP",sans-serif}.article__content p+p{margin:2rem 0 0}.article__content strong{font-size:1rem;font-weight:700;line-height:1.8rem}.article__content img:not(.article__content-thumbnail){display:block;width:fit-content;height:fit-content;margin:2.5rem auto 0}.article__content-thumbnail{width:100%;height:fit-content;margin:0;margin-block-end:2.5rem}.article__content-thumbnail+h2,.article__content-thumbnail+h1{margin-block-start:2.5rem}.article__content blockquote{position:relative;width:100%;padding:1.25rem 2rem 2rem 1.75rem;margin-block-start:2.5rem;border:1px solid var(--text-link-color);border-radius:.5rem;background:var(--article-blockquote-background)}.article__content blockquote p{margin:0;font-family:"Noto Sans JP",sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:200%}.article__content blockquote::before{position:absolute;top:-0.42rem;left:1.75rem;display:block;width:1rem;height:.75rem;content:"";background-color:var(--text-link-color);mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="20" viewBox="0 0 26 20" fill="none"><path d="M0.200195 7.5999C0.200195 3.6219 3.42028 0.399902 7.39591 0.399902H7.87563C8.93699 0.399902 9.79448 1.2579 9.79448 2.3199C9.79448 3.3819 8.93699 4.2399 7.87563 4.2399H7.39591C5.54301 4.2399 4.03791 5.7459 4.03791 7.5999V8.0799H7.87563C9.99237 8.0799 11.7133 9.8019 11.7133 11.9199V15.7599C11.7133 17.8779 9.99237 19.5999 7.87563 19.5999H4.03791C1.92117 19.5999 0.200195 17.8779 0.200195 15.7599V13.8399V11.9199V7.5999ZM14.287 7.5999C14.287 3.6219 17.5071 0.399902 21.4828 0.399902H21.9625C23.0238 0.399902 23.8813 1.2579 23.8813 2.3199C23.8813 3.3819 23.0238 4.2399 21.9625 4.2399H21.4828C19.6299 4.2399 18.1248 5.7459 18.1248 7.5999V8.0799H21.9625C24.0792 8.0799 25.8002 9.8019 25.8002 11.9199V15.7599C25.8002 17.8779 24.0792 19.5999 21.9625 19.5999H18.1248C16.008 19.5999 14.287 17.8779 14.287 15.7599V13.8399V11.9199V7.5999Z" fill="currentColor"/></svg>');mask-size:100%;mask-repeat:no-repeat;background-repeat:no-repeat;background-position:center}.article__content code{padding:.35rem .25rem;font-family:Arial;color:var(--color-highlight);background-color:var(--background-highlight);border-radius:.25rem}.article__content pre{padding:1.75rem 1.5rem;border-radius:.5rem;background-color:var(--background-code);overflow:auto;max-height:12rem}.article__content pre code{padding:0;border-radius:unset;background-color:unset;font-size:.875rem;color:#fff}.article__content em{font-style:italic}.article__content s{text-decoration:line-through}.article__content u{text-decoration:underline}.article__content a{font-size:1rem;font-weight:400;line-height:1.8rem;color:var(--text-link-color-article, --text-link-color);text-decoration-line:underline}.article__content ul{list-style-type:disc}.article__content ol{list-style-type:decimal}.article__content ul,.article__content ol{display:flex;flex-direction:column;gap:.25rem;margin-block-start:2.5rem;list-style-position:outside}.article__content ul li,.article__content ol li{padding-inline-start:.5rem;margin-inline-start:1.25rem;font-size:1rem;font-style:normal;font-weight:400;line-height:170%}.article__content ul li:first-child,.article__content ol li:first-child{margin-block-start:0}.article__content li>ul,.article__content li>ol{margin-block-start:.25rem}.social-share{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:auto;padding:1.25rem 1rem;border:1px solid currentColor;border-radius:.5rem;gap:.75rem;color:var(--text-link-color)}@media screen and (width > 760px){.social-share{flex-direction:row;align-items:center;padding:.75rem 1.25rem}}.social-share__heading{font-size:1rem;font-style:normal;font-weight:700;line-height:100%}.social-share__links{display:flex;flex-direction:row;gap:.75rem;height:auto}.social-share__links-item{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;text-align:center;text-decoration:none;border:1px solid currentcolor;border-radius:calc(infinity*1px);transition:all 400ms}.social-share__links-item:hover{text-decoration:none;color:var(--background-color);background-color:var(--text-link-color)}.social-share__links-item span{font-size:.75rem;font-weight:700;line-height:.75rem}.navigation{gap:.75rem;justify-content:center;width:100%;color:var(--text-color-100);display:none}@media screen and (width > 760px){.navigation{display:flex}}.navigation li{list-style:none}.navigation__item{display:flex;gap:1rem;align-items:center;padding:1rem 1.12rem;font-size:1rem;line-height:100%;color:var(--text-link-color);border:1px solid currentcolor;border-radius:calc(infinity*1px);transition:all 400ms;--icon-size: 2.8125rem}.navigation__item.disabled{color:var(--text-link-color-disabled)}.navigation__item:hover:not(.disabled){text-decoration:none;color:var(--background-color);background-color:var(--text-link-color)}.navigation__item .prev-icon{display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;--icon-url: url(/assets//images/icons/pagination-prev-icon.svg)}.navigation__item .next-icon{display:block;width:1.25rem;height:1.25rem;content:"";background-color:currentcolor;background-size:100%;mask-image:var(--icon-url);mask-repeat:no-repeat;mask-size:contain;--icon-url: url(/assets//images/icons/pagination-next-icon.svg)}.author{display:flex;flex-direction:column;gap:1.25rem;--icon-size: 4.625rem;border:1px solid var(--text-link-color);border-radius:1rem;padding:1rem 2.5rem}@media screen and (width > 760px){.author{padding:2.5rem 2.5rem}}.author__title{font-size:1.5rem;font-style:normal;font-weight:700;line-height:170%;text-align:center;color:var(--text-link-color)}.author__info{display:flex;flex-direction:column;align-items:center;gap:1rem}.author__info-profile{display:contents}@media screen and (width > 760px){.author__info-profile{width:100%}}.author__info-username{grid-area:name;display:flex;align-items:center;font-size:1.25rem;font-weight:700;font-family:Lato;margin-block-end:.5rem;color:var(--text-link-color)}.author__info-description{grid-area:description}.author__info-icon{grid-area:icon;display:block;flex-shrink:0;margin-block-end:.5rem;width:var(--icon-size);height:var(--icon-size);object-fit:cover;background-color:var(--background-author-icon)}.author__info-icon[src]{background-color:rgba(0,0,0,0)}.author__info-socials{grid-area:socials;display:flex;gap:1rem;margin-block-start:1rem}.author__info-social-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--text-link-color);border:1px solid currentcolor;border-radius:calc(infinity*1px);padding:1.25rem;transition:all 400ms}.author__info-social-icon:hover{color:var(--background-color);background-color:var(--text-link-color)}.author__info-bio{margin-block-start:.75rem;font-size:1rem;font-style:normal;font-weight:400;line-height:200%}.author__info .avatar-icon{display:inline-block;content:"";background-position:center;background-size:contain}

Zerion Mini Shell 1.0