html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin-block:0;margin:0;padding:0;border:none}html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}progress{vertical-align:middle}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}b,strong{display:inline-block;font-weight:700}q,blockquote{font-style:italic}hr{display:block;box-sizing:content-box;height:0;overflow:visible}ol,ul{list-style:none}audio,canvas,iframe,svg,video,img{vertical-align:middle}img{max-width:100%;border-style:none}button,input,select,textarea{margin:0;border:0;background:transparent;font-family:inherit;font-size:100%;line-height:inherit}button:focus,input:focus,select:focus,textarea:focus{outline:transparent}input{border-radius:0}input[type=search]{-webkit-appearance:none}input::-moz-focus-inner{border:0}textarea{white-space:revert;overflow:auto;resize:none}a,a:visited,a:active{display:inline-block;color:inherit;text-decoration:none}a[href],button{touch-action:manipulation}button,input{overflow:visible}button,select{text-transform:none}button{padding:0;border:0;background:transparent}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;color:inherit;cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}*:before,*:after{box-sizing:inherit}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*,*:after,*:before{box-sizing:border-box}:root{font-size:16px;--color-text: #111;--color-bg: #EFEFEF;--color-link: #111;--color-link-hover: #111;--page-padding: 1.5rem;--color-accent: #D9D9D9;--color-hover: #C9C9C9}body{margin:0;color:var(--color-text);background-color:var(--color-bg);font-family:neue-haas-grotesk-text,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js .loading:before,.js .loading:after{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:none;color:var(--color-link);outline:none;cursor:pointer}a:hover{text-decoration:underline;color:var(--color-link-hover);outline:none}a:focus{outline:none;background:#d3d3d3}a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red;background:transparent}.unbutton{background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer}.unbutton:focus{outline:none}.frame{padding:var(--page-padding);position:relative;display:grid;z-index:1000;width:100%;height:100%;grid-row-gap:1rem;grid-column-gap:2rem;pointer-events:none;justify-items:start;grid-template-columns:auto auto;grid-template-areas:"title" "archive" "back" "github" "sponsor" "demos" "tags"}.frame #cdawrap{justify-self:start;font-size:12px;opacity:1;transition:opacity .3s 1s linear;max-width:300px}.loading .frame #cdawrap{opacity:0}.frame a{pointer-events:auto}.frame__title{grid-area:title;font-size:inherit;margin:0;font-family:neue-haas-grotesk-display,sans-serif;font-weight:600;font-style:normal}.frame__back{grid-area:back;justify-self:start}.frame__archive{grid-area:archive;justify-self:start}.frame__github{grid-area:github}.frame__tags{grid-area:tags;display:flex;align-items:start;gap:1rem;align-self:end}.frame__tags a{border:1px solid;border-radius:1rem;padding:1px 6px 3px}.frame__tags a:hover{text-decoration:none}.content{padding:var(--page-padding);display:flex;flex-direction:column;width:100vw;position:relative}@media screen and (min-width: 53em){body{--page-padding: 2rem 3rem}.frame{position:fixed;top:0;left:0;width:100%;height:100%;grid-template-columns:auto auto auto auto 1fr;grid-template-rows:auto auto;align-content:space-between;grid-template-areas:"title back github archive ..." "tags tags sponsor sponsor sponsor"}.frame #cdawrap{justify-self:end;text-align:right;align-self:end}.content{min-height:100vh;justify-content:center;align-items:center}}@keyframes noise{0%{transform:translate3d(1%,-1%,0)}10%{transform:translate3d(-5%,-2%,0)}20%{transform:translate3d(10%,5%,0)}30%{transform:translate3d(5%,-11%,0)}40%{transform:translate3d(-12%,-5%,0)}50%{transform:translate3d(10%,9%,0)}60%{transform:translate3d(15%,0,0)}70%{transform:translate3d(-10%,8%,0)}80%{transform:translate3d(10%,2%,0)}90%{transform:translate3d(1%,5%,0)}to{transform:translate3d(0,8%,0)}}.noise{position:fixed;background:url(/lab/grid-animations/6/images/noise.png);opacity:1;width:200%;height:200%;left:-50%;top:-50%;pointer-events:none;will-change:auto;mix-blend-mode:multiply;z-index:10;animation:noise 1.2s steps(3) infinite both}.button{color:var(--color-text);font-size:15px;line-height:1;padding:8px 10px;place-self:end;background-color:var(--color-accent);transition:background-color .5s cubic-bezier(.33,1,.68,1)}@media (hover: hover){.button:hover{text-decoration:none;background-color:var(--color-hover)}}.locked{overflow:hidden}.products{width:100%}.products__list{width:100%;gap:2vh}@media (min-width: 768px){.products__list{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);justify-content:space-between}}@media (max-width: 767px){.products__list{display:flex;flex-direction:column}}.products__item{display:flex;flex-direction:column;gap:2vh}.products__images{position:relative;height:32vh}.products__main-image{width:100%;height:100%;object-fit:cover}.products__gallery{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-auto-columns:100%;grid-template-rows:100%;grid-template-areas:"gallery";opacity:0}.products__gallery img{width:100%;height:100%;object-fit:cover;grid-area:gallery}.products .products__item:nth-child(1){z-index:6}.products .products__item:nth-child(2){z-index:5}.products .products__item:nth-child(3){z-index:4}.products .products__item:nth-child(4){z-index:3}.products .products__item:nth-child(5){z-index:2}.products .products__item:nth-child(6){z-index:1}.cart-button{position:relative;pointer-events:all;cursor:pointer;justify-self:end}@media (max-width: 767px){.cart-button{position:fixed;top:22px;right:20px}}.cart-button__label-wrap{position:relative}.cart-button__line{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--color-text)}.cart-button__number-wrap{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;grid-template-areas:"element";align-items:center;justify-content:center}.cart-button__number-bg{grid-area:element;width:25px;height:25px;border-radius:50%;background-color:var(--color-accent)}.cart-button__number{font-size:12px;grid-area:element;text-align:center}.cart{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001}.cart__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc}.cart__inner{position:absolute;top:20px;right:20px;width:600px;height:calc(100vh - 40px);padding:120px 20px 20px;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 767px){.cart__inner{width:calc(100% - 40px);padding:100px 20px 20px}}.cart__inner-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg);z-index:0}.cart__inner-close{font-size:16px;position:absolute;top:20px;right:20px;text-decoration:underline;cursor:pointer;z-index:2}.cart-items{position:relative;display:flex;flex-direction:column;gap:60px;height:65vh;overflow-y:auto;overflow-x:hidden;padding-bottom:60px;z-index:1}@media (max-width: 767px){.cart-items{gap:30px}}.cart-items,.cart-total{position:relative;z-index:1}.cart-grid{display:grid;grid-template-columns:100px auto;gap:60px}@media (max-width: 767px){.cart-grid{grid-template-columns:60px auto;gap:30px}}.cart-item{position:relative;align-items:flex-end}.cart-item__img{width:100px;height:100px;object-fit:cover}@media (max-width: 767px){.cart-item__img{width:60px;height:60px}}.cart-item__details{width:100%;font-size:14px;display:flex;flex-direction:column;gap:20px}@media (max-width: 767px){.cart-item__details{gap:10px}}.cart-item__details-title{font-weight:500}.cart-item__details-actions{display:flex;align-items:center;gap:20px}.cart-item__remove-btn{position:absolute;top:0;right:0;font-weight:500;color:#0003;text-decoration:underline}.cart-item__details-wrap{width:100%;display:flex;justify-content:space-between}.cart-total{width:100%}.cart-total__inner{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:30px;grid-column:2/2}@media (max-width: 767px){.cart-total__inner{gap:15px}}.cart-total__label{font-weight:500}.cart-total__amount{text-align:right}.cart-total__taxes{font-size:12px}@media (max-width: 767px){.cart-total__taxes{font-size:9px}}