@layer components{.portfolio-gallery{--portfolio-gallery-position:relative;--portfolio-gallery-display:block;--portfolio-gallery-z-index:var(--z-index-content);--portfolio-gallery-width:var(--content-width-with-padding);--portfolio-gallery-max-width:var(--content-wide-max-width);--portfolio-gallery-margin:var(--spacing-between-elements-normal) auto 0;--toujou-portfolio-gallery-media-icon-size:var(--font-size-l);--toujou-portfolio-gallery-media-icon-opacity:0;--toujou-portfolio-gallery-media-icon-color:var(--color-bg);--toujou-portfolio-gallery-media-icon:var(--icon-image-circle-filled);--toujou-portfolio-gallery-media-icon-audio-icon:var(--icon-audiotrack-circle-filled);--toujou-portfolio-gallery-media-icon-video-icon:var(--icon-videocam-circle-filled);--portfolio-gallery-slider-arrows-display:none;--portfolio-gallery-button-position:absolute;--portfolio-gallery-button-bottom:var(--spacing-normal);--portfolio-gallery-button-right:var(--spacing-normal);--portfolio-gallery-button-z-index:var(--z-index-content);--portfolio-gallery-count-position:absolute;--portfolio-gallery-count-left:var(--spacing-normal);--portfolio-gallery-count-bottom:var(--spacing-normal);--portfolio-gallery-item-hover-opacity:0;display:var(--portfolio-gallery-display);margin:var(--portfolio-gallery-margin);max-width:var(--portfolio-gallery-max-width);position:var(--portfolio-gallery-position);width:var(--portfolio-gallery-width);z-index:var(--portfolio-gallery-z-index)}.portfolio-gallery[is-header]{--portfolio-gallery-width:var(--content-fullwidth);--portfolio-gallery-max-width:var(--content-fullwidth);--portfolio-gallery-margin:0}.portfolio-gallery .slider .splide__arrows{display:var(--portfolio-gallery-slider-arrows-display)}.portfolio-gallery ul.slider-bullets{display:none!important}.portfolio-gallery .slider-count{bottom:var(--portfolio-gallery-count-bottom);left:var(--portfolio-gallery-count-left);position:var(--portfolio-gallery-count-position)}.portfolio-gallery__button{bottom:var(--portfolio-gallery-button-bottom);position:var(--portfolio-gallery-button-position);right:var(--portfolio-gallery-button-right);z-index:var(--portfolio-gallery-button-z-index)}.portfolio-gallery__link{background-color:var(--color-primary);display:block}.portfolio-gallery__link:after{background-color:var(--toujou-portfolio-gallery-media-icon-color);content:"";height:var(--toujou-portfolio-gallery-media-icon-size);left:50%;-webkit-mask-image:var(--toujou-portfolio-gallery-media-icon);mask-image:var(--toujou-portfolio-gallery-media-icon);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:var(--toujou-portfolio-gallery-media-icon-opacity);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--animation-duration-fast) var(--animation-easing-normal);width:var(--toujou-portfolio-gallery-media-icon-size)}.portfolio-gallery__link--audio:after{-webkit-mask-image:var(--toujou-portfolio-gallery-media-icon-audio-icon);mask-image:var(--toujou-portfolio-gallery-media-icon-audio-icon)}.portfolio-gallery__link--video:after{-webkit-mask-image:var(--toujou-portfolio-gallery-media-icon-video-icon);mask-image:var(--toujou-portfolio-gallery-media-icon-video-icon)}.portfolio-gallery__link .single-media:after{background-color:rgba(0,0,0,.5);content:"";height:100%;left:0;opacity:var(--portfolio-gallery-item-hover-opacity);pointer-events:none;position:absolute;top:0;transition:opacity var(--animation-duration-fast) var(--animation-easing-normal);width:100%}.portfolio-gallery__link:focus-within .single-media:after{--portfolio-gallery-item-hover-opacity:1}@media (hover:hover){.portfolio-gallery__link:hover{--toujou-portfolio-gallery-media-icon-color:var(--color-bg);--toujou-portfolio-gallery-media-icon-opacity:1}.portfolio-gallery__link:hover .single-media:after{--portfolio-gallery-item-hover-opacity:1}}@container (width >= 840px){.portfolio-gallery{--portfolio-gallery-grid-gap:var(--spacing-s);aspect-ratio:2/1}.portfolio-gallery .slider__list,.portfolio-gallery .slider__slider,.portfolio-gallery .slider__track{display:contents}.portfolio-gallery:not([number-of-items=max]) .portfolio-gallery__button{display:none}.portfolio-gallery .slider{--slider-aspect-ratio:auto;grid-gap:var(--portfolio-gallery-grid-gap);display:grid;max-width:100%;width:100%}.portfolio-gallery .slider-count{display:none}.portfolio-gallery .single-media__image{-o-object-fit:cover;object-fit:cover}.portfolio-gallery :is(.portfolio-gallery__link,.single-media,.single-media__image){height:100%}.portfolio-gallery[number-of-items="1"] .single-media__image{aspect-ratio:2/1}.portfolio-gallery[number-of-items="2"] .slider{grid-template-columns:1fr 1fr}.portfolio-gallery[number-of-items="2"] .single-media__image{aspect-ratio:1/1}.portfolio-gallery[number-of-items="3"] .slider{grid-template-columns:1fr 1fr}.portfolio-gallery[number-of-items="3"] .slider-slide:first-child{grid-row:1/3}.portfolio-gallery[number-of-items="3"] .slider-slide:first-child .single-media__image{aspect-ratio:1/1}.portfolio-gallery[number-of-items="3"] .slider-slide:nth-child(2) .single-media__image,.portfolio-gallery[number-of-items="3"] .slider-slide:nth-child(3) .single-media__image{aspect-ratio:2/1}.portfolio-gallery[number-of-items="4"] .slider{grid-template-columns:2fr 1fr 1fr}.portfolio-gallery[number-of-items="4"] .slider-slide:first-child{grid-row:1/3}.portfolio-gallery[number-of-items="4"] .slider-slide:first-child .single-media__image{aspect-ratio:1/1}.portfolio-gallery[number-of-items="4"] .slider-slide:nth-child(2){grid-column:2/4;grid-row:1}.portfolio-gallery[number-of-items="4"] .slider-slide:nth-child(2) .single-media__image{aspect-ratio:2/1}.portfolio-gallery[number-of-items="4"] .slider-slide:nth-child(3) .single-media__image,.portfolio-gallery[number-of-items="4"] .slider-slide:nth-child(4) .single-media__image{aspect-ratio:1/1;grid-row:2}.portfolio-gallery[number-of-items="4"] .slider-slide:nth-child(3) .single-media__image{grid-column:2}.portfolio-gallery[number-of-items="4"] .slider-slide:nth-child(4) .single-media__image{grid-column:3}.portfolio-gallery:is([number-of-items="5"],[number-of-items=max]) .slider{grid-template-columns:2fr 1fr 1fr}.portfolio-gallery:is([number-of-items="5"],[number-of-items=max]) .single-media__image{aspect-ratio:1/1}.portfolio-gallery:is([number-of-items="5"],[number-of-items=max]) .slider-slide:first-child{grid-row:1/3}.portfolio-gallery:is([number-of-items="5"],[number-of-items=max]) .slider-slide:nth-child(2){grid-column:2;grid-row:1}.portfolio-gallery:is([number-of-items="5"],[number-of-items=max]) .slider-slide:nth-child(3){grid-column:3;grid-row:1}.portfolio-gallery:is([number-of-items="5"],[number-of-items=max]) .slider-slide:nth-child(4){grid-column:2;grid-row:2}.portfolio-gallery:is([number-of-items="5"],[number-of-items=max]) .slider-slide:nth-child(5){grid-column:3;grid-row:2}.portfolio-gallery[number-of-items=max] .slider-slide:nth-child(n+6){display:none}}}