.sensory-icons{overflow:hidden}.sensory-icons .icons-canvas{position:relative}.sensory-icons .icons-canvas .main-image{width:180px;margin:0 auto}@media screen and (min-width: 768px){.sensory-icons .icons-canvas .main-image{padding:155px 0 210px}}@media screen and (min-width: 1536px){.sensory-icons .icons-canvas .main-image{width:226px;padding:165px 0}}.sensory-icons .icons-canvas .main-image img{max-width:100%;height:auto}.sensory-icons .icons-canvas .icon-blocks{display:flex;flex-wrap:wrap;max-width:340px;margin:0 auto}@media screen and (min-width: 768px){.sensory-icons .icons-canvas .icon-blocks{display:block;max-width:99999px}}.sensory-icons .icons-canvas .icon-block{display:inline-block}.sensory-icons .icons-canvas .icon-block:hover{z-index:10}@media screen and (min-width: 768px){.sensory-icons .icons-canvas .icon-block{position:absolute;width:50%;z-index:1;display:flex}}.sensory-icons .icons-canvas .icon-block img{width:85px;height:auto;display:block}@media screen and (min-width: 768px){.sensory-icons .icons-canvas .icon-block img{width:120px}}@media screen and (min-width: 1536px){.sensory-icons .icons-canvas .icon-block img{width:150px}}.sensory-icons .icons-canvas .icon-block .icon-text-drawer,.sensory-icons .icons-canvas .icon-block img{transition:transform .5s ease}.sensory-icons .icons-canvas .icon-block .icon-text-drawer{height:100%;display:flex;flex-direction:column;justify-content:center;background-color:var(--background-color);color:var(--color)}.sensory-icons .icons-canvas .icon-block .icon-text-drawer .title{color:var(--color)}.sensory-icons .icons-canvas .icon-block .icon-text-drawer .page-link{display:none}.sensory-icons .icons-canvas .icon-block .icon-image{position:relative;z-index:1}@media screen and (min-width: 768px){.sensory-icons .icons-canvas .icon-block .icon-image{margin-bottom:-40px}}@media screen and (min-width: 1024px){.sensory-icons .icons-canvas .icon-block .icon-image{margin-bottom:0}}@media screen and (min-width: 1024px){.sensory-icons .icons-canvas .icon-block .icon-image:hover{background-color:var(--background-color)}}.sensory-icons .icons-canvas .icon-block .icon-image:hover img{transform:scale(1.12)}.sensory-icons .icons-canvas .icon-block .icon-image:hover+.icon-text-content .icon-text-drawer{transform:translate(0)}.sensory-icons .icons-canvas .icon-block .icon-content{display:flex;max-width:500px;width:100%}@media screen and (min-width: 768px){.sensory-icons .icons-canvas .icon-block .icon-content{position:relative;left:var(--left)}}@media screen and (min-width: 1024px){.sensory-icons .icons-canvas .icon-block .icon-content{flex-direction:row}}.sensory-icons .icons-canvas .icon-block .icon-content .title{font-size:18px;margin:0;line-height:1}.sensory-icons .icons-canvas .icon-block .icon-content ul{margin-bottom:0}.sensory-icons .icons-canvas .icon-block .icon-content p,.sensory-icons .icons-canvas .icon-block .icon-content li{font-size:16px;line-height:1}.sensory-icons .icons-canvas .icon-block .icon-content .icon-text-content{flex-grow:1;overflow:hidden;opacity:0;display:none}@media screen and (min-width: 1024px){.sensory-icons .icons-canvas .icon-block .icon-content .icon-text-content{display:block}.sensory-icons .icons-canvas .icon-block .icon-content .icon-text-content img{display:none}}.sensory-icons .icons-canvas .icon-block .icon-content:hover .icon-text-content{opacity:1}.sensory-icons .icons-canvas .icon-block.icon-block-1 .icon-content,.sensory-icons .icons-canvas .icon-block.icon-block-3 .icon-content,.sensory-icons .icons-canvas .icon-block.icon-block-5 .icon-content,.sensory-icons .icons-canvas .icon-block.icon-block-7 .icon-content{flex-direction:row-reverse}.sensory-icons .icons-canvas .icon-block.icon-block-1 .icon-text-drawer,.sensory-icons .icons-canvas .icon-block.icon-block-3 .icon-text-drawer,.sensory-icons .icons-canvas .icon-block.icon-block-5 .icon-text-drawer,.sensory-icons .icons-canvas .icon-block.icon-block-7 .icon-text-drawer{transform:translate(100%);border-radius:74px 0 0 74px;padding:18px 18px 18px 34px}.sensory-icons .icons-canvas .icon-block.icon-block-1 .icon-image,.sensory-icons .icons-canvas .icon-block.icon-block-3 .icon-image,.sensory-icons .icons-canvas .icon-block.icon-block-5 .icon-image,.sensory-icons .icons-canvas .icon-block.icon-block-7 .icon-image{border-radius:0 74px 74px 0}.sensory-icons .icons-canvas .icon-block.icon-block-2,.sensory-icons .icons-canvas .icon-block.icon-block-4,.sensory-icons .icons-canvas .icon-block.icon-block-6,.sensory-icons .icons-canvas .icon-block.icon-block-8{left:50%}.sensory-icons .icons-canvas .icon-block.icon-block-2 .icon-text-drawer,.sensory-icons .icons-canvas .icon-block.icon-block-4 .icon-text-drawer,.sensory-icons .icons-canvas .icon-block.icon-block-6 .icon-text-drawer,.sensory-icons .icons-canvas .icon-block.icon-block-8 .icon-text-drawer{transform:translate(-100%);border-radius:0 74px 74px 0;padding:18px}.sensory-icons .icons-canvas .icon-block.icon-block-2 .icon-image,.sensory-icons .icons-canvas .icon-block.icon-block-4 .icon-image,.sensory-icons .icons-canvas .icon-block.icon-block-6 .icon-image,.sensory-icons .icons-canvas .icon-block.icon-block-8 .icon-image{border-radius:74px 0 0 74px}.sensory-icons .icons-canvas .icon-block.icon-block-2 .icon-content .title,.sensory-icons .icons-canvas .icon-block.icon-block-4 .icon-content .title,.sensory-icons .icons-canvas .icon-block.icon-block-6 .icon-content .title,.sensory-icons .icons-canvas .icon-block.icon-block-8 .icon-content .title{padding-left:110px}@media screen and (min-width: 1024px){.sensory-icons .icons-canvas .icon-block.icon-block-2 .icon-content .title,.sensory-icons .icons-canvas .icon-block.icon-block-4 .icon-content .title,.sensory-icons .icons-canvas .icon-block.icon-block-6 .icon-content .title,.sensory-icons .icons-canvas .icon-block.icon-block-8 .icon-content .title{padding-left:0}}.sensory-icons .icons-canvas .icon-block.icon-block-1,.sensory-icons .icons-canvas .icon-block.icon-block-2{top:0}.sensory-icons .icons-canvas .icon-block.icon-block-3,.sensory-icons .icons-canvas .icon-block.icon-block-4{top:165px}@media screen and (min-width: 768px){.sensory-icons .icons-canvas .icon-block.icon-block-3 .icon-content,.sensory-icons .icons-canvas .icon-block.icon-block-4 .icon-content{width:77%}}@media screen and (min-width: 1536px){.sensory-icons .icons-canvas .icon-block.icon-block-3 .icon-content,.sensory-icons .icons-canvas .icon-block.icon-block-4 .icon-content{width:100%}}.sensory-icons .icons-canvas .icon-block.icon-block-5,.sensory-icons .icons-canvas .icon-block.icon-block-6{top:330px}@media screen and (min-width: 768px){.sensory-icons .icons-canvas .icon-block.icon-block-5 .icon-content,.sensory-icons .icons-canvas .icon-block.icon-block-6 .icon-content{width:66%}}@media screen and (min-width: 1536px){.sensory-icons .icons-canvas .icon-block.icon-block-5 .icon-content,.sensory-icons .icons-canvas .icon-block.icon-block-6 .icon-content{width:100%}}.sensory-icons .icons-canvas .icon-block.icon-block-7,.sensory-icons .icons-canvas .icon-block.icon-block-8{top:495px}@media screen and (min-width: 768px){.sensory-icons .icons-canvas .icon-block.icon-block-7 .icon-content,.sensory-icons .icons-canvas .icon-block.icon-block-8 .icon-content{width:77%}}@media screen and (min-width: 1536px){.sensory-icons .icons-canvas .icon-block.icon-block-7 .icon-content,.sensory-icons .icons-canvas .icon-block.icon-block-8 .icon-content{width:100%}}.sensory-icons .icons-canvas .mobile-blocks{max-width:400px;margin:2rem auto 4rem}@media screen and (min-width: 768px){.sensory-icons .icons-canvas .mobile-blocks{position:absolute;top:45%;left:50%;transform:translate(-50%);margin-top:0}}@media screen and (min-width: 1024px){.sensory-icons .icons-canvas .mobile-blocks{display:none}}.sensory-icons .icons-canvas .mobile-blocks .icon-text-content{position:relative;margin-top:35px}.sensory-icons .icons-canvas .mobile-blocks .icon-text-content img{position:absolute;width:90px;height:auto;top:-35px;right:10px}.sensory-icons .icons-canvas .mobile-blocks .icon-text-drawer{border-radius:65px;padding:2rem 4rem;background-color:var(--background-color);color:var(--color)}.sensory-icons .icons-canvas .mobile-blocks .icon-text-drawer .title{color:var(--color)}.sensory-icons .icons-canvas .mobile-blocks .title{font-size:18px;margin:0;line-height:1.2}.sensory-icons .icons-canvas .mobile-blocks ul{margin-bottom:0}.sensory-icons .icons-canvas .mobile-blocks p,.sensory-icons .icons-canvas .mobile-blocks li{font-size:16px;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/22/assets/sensory-icons.css.map */