@charset "UTF-8";:root{--magazine-card-height: 200px}@media only screen and (min-width: 768px){:root{--magazine-card-height: 450px}}@layer components{.magazine-card__list-wrapper{position:relative;padding-bottom:0}.magazine-card{--button-color: var(--theme-neutral-light);--button-background: var(--theme-info);--button-color-hover: var(--theme-neutral-light);position:relative;width:100%;height:var(--magazine-card-height)}.magazine-card:not(.magazine-card--loading){transition:opacity .3s ease-out,transform .3s ease-out}.magazine-card:not(.magazine-card--loading):not(.magazine-card--visible){opacity:0;transform:translateY(15px)}.magazine-card__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:16px 0 0;height:100%}@media only screen and (min-width: 768px){.magazine-card__content{padding-top:24px}}@media only screen and (min-width: 1024px){.magazine-card__content{padding-top:36px}}@media only screen and (min-width: 1288px){.magazine-card__content{padding-top:40px}}.magazine-card__content:after{content:none}.magazine-card img{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s;overflow:hidden;object-fit:cover}.magazine-card h2,.magazine-card h4{font-size:var(--font-size--medium);line-height:var(--line-height--medium);margin-top:0;margin-bottom:.5rem;color:#fff}@media only screen and (min-width: 1024px){.magazine-card h2,.magazine-card h4{font-size:var(--font-size--large);line-height:var(--line-height--large)}}.magazine-card__text-overlay{display:flex;flex-direction:column;justify-content:flex-end;min-height:80%;position:relative;margin-top:auto;padding:16px}@media only screen and (min-width: 768px){.magazine-card__text-overlay{padding:24px}}@media only screen and (min-width: 1024px){.magazine-card__text-overlay{padding:36px}}@media only screen and (min-width: 1288px){.magazine-card__text-overlay{padding:40px}}.magazine-card__text-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--theme-primary) 80%,transparent) 30%);background:linear-gradient(180deg,rgba(15,32,75,0) 10%,var(--theme-primary) 100%);z-index:-1;pointer-events:none}.magazine-card__tags{margin:0;padding:0;color:var(--color-cyan-80);font-weight:var(--font-weight--medium);text-transform:uppercase;text-shadow:0 0 15px var(--theme-primary),0 0 5px var(--theme-primary),0 0 16px var(--theme-primary)}.magazine-card__tags li{margin-right:30px;position:relative;display:inline-block;margin-bottom:0;font-size:var(--font-size--xxsmall);line-height:var(--line-height--xxsmall)}@media only screen and (min-width: 1024px){.magazine-card__tags li{font-size:var(--font-size--small);line-height:var(--line-height--small)}}@media only screen and (min-width: 1920px){.magazine-card__tags li{font-size:var(--font-size--base);line-height:var(--line-height--base)}}.magazine-card__tags li:not(:last-child):before{position:absolute;content:"・";right:-27px}@media only screen and (min-width: 1024px){.magazine-card--favourite .magazine-card__tags li{font-size:var(--font-size--base)}}.magazine-card__preview-button{position:absolute;top:10px;right:10px;max-width:0;background:#fff;padding-left:45px;width:auto;height:40px;font-size:var(--font-size--xsmall);line-height:1;transition:all .25s ease-out;cursor:pointer;z-index:9;overflow:hidden}.magazine-card__preview-button:hover{max-width:250px;background:var(--theme-primary);color:var(--theme-neutral-light)}.magazine-card__preview-button:hover .magazine-card__preview-button-icon svg{opacity:0}.magazine-card__preview-button:hover .magazine-card__preview-button-icon:before{opacity:1}.magazine-card__preview-button-icon{position:absolute;top:0;left:0;width:45px;height:40px;display:flex;justify-content:center;align-items:center}.magazine-card__preview-button-icon:before{font-family:var(--font-icons);content:"";display:inline-block;position:absolute;transition:.25s ease-in;color:var(--color-cyan);opacity:0}.magazine-card__preview-button-label{display:block;text-transform:uppercase;white-space:nowrap;margin-left:2px;margin-top:4px;margin-right:10px;top:10px;right:10px;font-weight:var(--font-weight--demi)}.magazine-card__preview-button svg{position:absolute;top:50%;left:50%;width:25px;height:25px;transform:translate(-50%) translateY(-50%);color:var(--color-cyan)}.magazine-card--visible{opacity:1;transform:translateY(0)}.magazine-card--loading{background:#5050501a;overflow:hidden}.magazine-card--loading:before{content:"";display:block;position:absolute;left:-150px;top:0;height:100%;width:150px;background:linear-gradient(to right,transparent 0%,var(--deprecated-color-gray-60) 50%,transparent 100%);animation:load 1s cubic-bezier(.4,0,.2,1) infinite}.magazine-card--loading .magazine-card__content:after{content:none}.magazine-card--active{z-index:9999}@keyframes load{0%{left:-150px}to{left:100%}}}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root{--magazine-preview-top: 0px}@layer components{.magazine-preview{position:fixed;top:60px;height:calc(100vh - 60px);left:0;width:100%;display:flex;flex-direction:column;overflow:hidden;background:#fffffff2;font-size:var(--font-size--xsmall);line-height:1;padding:16px;z-index:10}@media only screen and (min-width: 1024px){.magazine-preview{position:absolute;top:var(--magazine-preview-top);height:var(--magazine-card-height);padding:18px 36px 36px}}.magazine-preview__tags{margin:0 0 1rem;padding:0;color:var(--color-cyan);font-weight:var(--font-weight--medium);text-transform:uppercase}@media only screen and (min-width: 1024px){.magazine-preview__tags{margin-bottom:.5rem}}.magazine-preview__tags li{margin-right:30px;position:relative;display:inline-block;margin-bottom:0;font-size:var(--font-size--xsmall);line-height:var(--line-height--xsmall)}@media only screen and (min-width: 1024px){.magazine-preview__tags li{font-size:var(--font-size--small);line-height:var(--line-height--small)}}@media only screen and (min-width: 1920px){.magazine-preview__tags li{font-size:var(--font-size--base);line-height:var(--line-height--base)}}.magazine-preview__tags li:not(:last-child):before{position:absolute;content:"・";right:-25px}.magazine-preview__top button{position:absolute;top:20px;right:20px;background:var(--theme-primary);border:none;color:var(--color-white);padding:.75rem;font-size:1.5rem}.magazine-preview__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.magazine-preview__bottom button,.magazine-preview__bottom p{margin-bottom:0}.magazine-preview__bottom .info-label__icon{margin-right:.5rem}}.magazine-card-list{position:relative}