@layer base{.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer components{.video-block{width:100%}.video-block.right{margin-left:auto}.video-block.center{margin-inline:auto;text-align:center}.video-block .video-item,.media-dialog .video-item{aspect-ratio:16/9}.video-block .video-item>.poster,.video-block .video-item>iframe,.media-dialog .video-item>.poster,.media-dialog .video-item>iframe{aspect-ratio:16/9}.video-block .video-item>.poster img,.video-block .video-item>iframe img,.media-dialog .video-item>.poster img,.media-dialog .video-item>iframe img{aspect-ratio:16/9}.video-component{--caption-color: var(--grey-4);width:100%}.video-component .video-item{border-radius:var(--image-radius);overflow:hidden}.video-component .video-item>.poster,.video-component .video-item>iframe{display:block;width:100%;height:100%}.video-component .video-item>.poster{position:relative}.video-component .video-item>.poster>.media-component{min-height:100%}.video-component .video-item>.poster>.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(0,0,0,0);color:var(--white);border-radius:100%;transition:transform var(--transition)}.video-component .video-item>.poster>.play-icon .icon{width:40px}.video-component .video-item>.poster:not([disabled]):active>.play-icon{transform:translate(-50%, -50%) scale(1.2)}@media(hover: hover){.video-component .video-item>.poster:not([disabled]):hover>.play-icon{transform:translate(-50%, -50%) scale(1.2)}}.video-component .video-item>.poster:focus-visible>.play-icon{outline:2px solid var(--white)}.video-component .video-item>video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.video-component .video-item>video::cue{background-color:var(--black);color:var(--white);line-height:1.5}.video-component .video-item .custom-controls{position:absolute;bottom:24px;left:24px}.video-component .video-item .custom-controls .toggle-button{display:flex;align-items:center;justify-content:center;color:var(--white);transition:color var(--transition)}.video-component .video-item .custom-controls .toggle-button>.icon{width:48px}.video-component .video-item .custom-controls .toggle-button:not([disabled]):active{color:var(--accent-brown)}@media(hover: hover){.video-component .video-item .custom-controls .toggle-button:not([disabled]):hover{color:var(--accent-brown)}}.video-component>figcaption{margin-top:10px;color:var(--caption-color)}.video-component.center{align-self:center}.video-component.bottom{align-self:flex-end}}.component-grid.right .video-block{margin-left:auto}
@layer base{.default-dialog>.content>div>.header .title,.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer components{.Dialog.sm>.content{max-width:576px}.Dialog.md>.content{max-width:768px}.Dialog.lg>.content{max-width:992px}.Dialog>.backdrop{background-color:color-mix(in srgb, var(--black) 60%, transparent) !important}.Dialog>.content{display:flex;flex-direction:column;margin:20px;width:100%;max-height:calc(100dvh - 40px)}.Dialog>.content .header{display:flex;align-items:center;justify-content:space-between;padding:16px}.Dialog>.content .header>div{display:flex;flex-direction:column}.Dialog>.content .header>div .subtitle{margin-top:10px}.Dialog>.content .header .button-icon{display:inline-flex;align-items:center;justify-content:center;height:24px;align-self:flex-start;transition:all var(--transition)}.Dialog>.content .header .button-icon svg{transition:fill .2s ease-in-out}.Dialog>.content .body{padding:16px}.Dialog>.content .body .dialog-content{display:flex;flex-direction:column;gap:20px}.Dialog>.content .body .dialog-content .btn-wrapper{justify-content:space-between}.Dialog>.content .body .dialog-content .btn-wrapper button{align-self:flex-start}.default-dialog>.content{width:100%}.default-dialog>.content>div{background-color:var(--white)}.default-dialog>.content>div>.header .title{--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large)}.default-dialog>.content>div>.header .title{font-weight:500}.default-dialog>.content>div>.body{padding-top:0}.media-dialog>.content>div>.header{position:absolute;top:-40px;right:0;display:inline-flex;justify-content:end;gap:20px;background-color:var(--white);width:100%;padding:16px 16px 8px}.media-dialog>.content>div>.header>.button-icon{width:32px;height:32px;color:var(--black);transition:color var(--transition)}.media-dialog>.content>div>.header>.button-icon:not([disabled]):active{color:var(--accent-brown)}@media(hover: hover){.media-dialog>.content>div>.header>.button-icon:not([disabled]):hover{color:var(--accent-brown)}}.media-dialog>.content>div>.body{background-color:var(--white);border-radius:var(--image-radius)}.media-dialog>.content>div>.body img,.media-dialog>.content>div>.body>video{display:block;border-radius:var(--image-radius);max-height:calc(100dvh - 115px);width:auto;margin-inline:auto}.media-dialog>.content>div>.body .title{display:block;padding-inline:20px;padding-top:10px;text-align:center}}
@layer base{.sample,.sample .sample-image-wrapper .tag,.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer theme{.sample{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;font-weight:300;text-align:center;--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large)}.sample .sample-image-wrapper{position:relative;width:100%;aspect-ratio:1/1}.sample .sample-image-wrapper .tag{position:absolute;top:10px;left:8px;z-index:var(--z-index-1);background-color:var(--primary-color-1);padding:2px 10px 1px;font-weight:500;text-transform:uppercase;--_font-size-min: var(--body-font-size-min-small);--_font-size-max: var(--body-font-size-max-small);line-height:1;display:flex;justify-content:center;align-items:center}.sample .sample-image-wrapper .checkbox{position:absolute;top:8px;right:8px;z-index:var(--z-index-2);width:32px;height:32px;background-color:var(--white);color:var(--black);border:2px solid var(--accent-brown);display:flex;align-items:center;justify-content:center}.sample .sample-image-wrapper .checkbox>svg{opacity:0;transition:opacity var(--transition)}.sample .sample-image-wrapper .checkbox.checked>svg{opacity:1}.sample .sample-image-wrapper .favorite{position:absolute;bottom:8px;right:8px;z-index:var(--z-index-2);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.sample .sample-image-wrapper .favorite>svg{color:var(--black);fill:var(--white)}.sample .sample-image-wrapper picture{overflow:hidden}.sample .sample-image-wrapper picture>img{width:auto;transition:transform var(--transition)}.sample .sample-image-wrapper:not([disabled]):active picture>img{transform:scale(var(--image-trans-zoom))}@media(hover: hover){.sample .sample-image-wrapper:not([disabled]):hover picture>img{transform:scale(var(--image-trans-zoom))}}}
@layer base{.sample-overview .empty-description,.sample-overview .sample-summary,.sample-overview .sample-summary .list-container .limit-warning,.sample-overview .sample-summary.mobile,.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer theme{.sample-overview{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width: 768px){.sample-overview{grid-template-columns:1fr 316px}}.sample-overview .sample-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px}@media(min-width: 576px){.sample-overview .sample-list{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 768px){.sample-overview .sample-list{grid-template-columns:repeat(2, 1fr);gap:32px}}@media(min-width: 992px){.sample-overview .sample-list{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1200px){.sample-overview .sample-list{grid-template-columns:repeat(4, 1fr)}}.sample-overview .empty-description{--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large)}.sample-overview .sample-summary{display:none;align-self:start;background-color:var(--support-color-1);padding:24px;--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large)}@media(min-width: 768px){.sample-overview .sample-summary{display:flex;flex-direction:column;gap:24px}}.sample-overview .sample-summary span{display:block}.sample-overview .sample-summary .title-container{display:flex;align-items:center;justify-content:space-between}.sample-overview .sample-summary .title-container .title{font-weight:500}.sample-overview .sample-summary .list-container{display:flex;flex-direction:column;gap:24px}.sample-overview .sample-summary .list-container .selected-samples{display:grid;grid-template-columns:auto 1fr auto;column-gap:16px;row-gap:24px}.sample-overview .sample-summary .list-container .selected-samples li{grid-column:1/-1;display:grid;grid-template-columns:subgrid}.sample-overview .sample-summary .list-container .selected-samples li.strikethrough{opacity:.5;text-decoration:line-through}.sample-overview .sample-summary .list-container .limit-warning{--_font-size-min: var(--body-font-size-min-small);--_font-size-max: var(--body-font-size-max-small)}.sample-overview .sample-summary .list-container .limit-warning{display:flex;align-items:start;gap:8px;color:var(--error);font-weight:500}.sample-overview .sample-summary .list-container .limit-warning svg{flex:0 0 24px}.sample-overview .sample-summary .btn-primary{width:100%}.sample-overview .sample-summary:not(:has(.limit-warning)) .btn-primary{margin-top:16px}.sample-overview .sample-summary.mobile{position:fixed;bottom:0;left:0;z-index:var(--z-index-3);width:100%;background-color:var(--white);display:flex;flex-direction:column;gap:0;padding:8px 16px 16px;--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium)}.sample-overview .sample-summary.mobile::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;box-shadow:inset 0 -1px 4px 0 rgba(0,0,0,.05),0 -1px 4px 0 rgba(0,0,0,.1);pointer-events:none}.sample-overview .sample-summary.mobile .title-container .toggle-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.sample-overview .sample-summary.mobile .list-container{max-height:0;overflow:hidden;transition:max-height var(--transition);gap:16px}.sample-overview .sample-summary.mobile .list-container .no-samples,.sample-overview .sample-summary.mobile .list-container .selected-samples{margin-top:12px;row-gap:8px}.sample-overview .sample-summary.mobile .btn-primary{margin-top:16px}.sample-overview .sample-summary.mobile.expanded .list-container{max-height:500px}.page-wrap:has(.sample-summary.mobile.visible) footer{margin-bottom:120px}}