.c-screen{display:flex;align-items:center;width:1000px;margin:0 auto;height:100%;padding:0 0 148px;position:relative;z-index:0}@media (max-width:960px){.c-screen{display:block;width:100%;padding:96px 0 200px}.c-screen ::-webkit-scrollbar{height:0}.c-screen ::-webkit-scrollbar-track{margin:0 15px}}@media (min-width:961px){.c-screen__list,.c-screen__main{max-height:640px}}.c-screen__bg{display:none;position:absolute;top:-56px;left:0;right:0;bottom:0;z-index:-1;background-color:#fff}.c-screen__bg small{font-size:1.2rem;font-weight:500;text-align:center;position:absolute;left:0;right:0;bottom:24px}.c-screen__list{display:flex;flex-wrap:wrap;padding:12px 0 0}@media (min-width:961px){.c-screen__list{position:relative;height:100%}}@media (max-width:960px){.c-screen__list{width:100%!important;flex-wrap:nowrap;justify-content:flex-start;padding:12px 8px 32px;position:absolute;top:0;left:0;right:0;z-index:1;overflow:hidden;overflow-x:scroll}}.c-screen__list li{cursor:pointer;margin:0 12px 40px 0}@media (min-width:961px){.c-screen__list li{height:calc(33.33% - 40px)}}@media (max-width:960px){.c-screen__list li{width:50px;margin:0 8px;border-radius:50%;position:relative;flex:0 0 auto}}.c-screen__list li.-current .c-screen__list__canvases canvas.-thumb{opacity:.5}.c-screen__list li.-current .c-screen__list__canvases:before{background-color:rgba(4,4,4,.5)}@media (max-width:960px){.c-screen__list li.-current .c-screen__list__canvases:before{border-radius:50%}}.c-screen__list li.-current .c-screen__list__canvases:after{content:"";display:block;position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:1px solid #13311d}@media (max-width:960px){.c-screen__list li.-current .c-screen__list__canvases:after{border-radius:50%}}.c-screen__list li.-current .c-screen__list__label{font-weight:700;transform:translateY(2px)}@media (max-width:960px){.c-screen__list li.-current .c-screen__list__label{transform:translate(-50%,2px)}}.c-screen__list__layers{width:100%;z-index:0;position:absolute}.c-screen__list__layers canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;opacity:0;pointer-events:none}.c-screen__list__canvases{z-index:0;background-color:#fff;position:relative}@media (min-width:961px){.c-screen__list__canvases{height:100%}}@media (max-width:960px){.c-screen__list__canvases{width:100%;border-radius:50%}}.c-screen__list__canvases:before{content:"";bottom:0}.c-screen__list__canvases:before,.c-screen__list__canvases canvas{display:block;position:absolute;top:0;left:0;right:0}@media (min-width:961px){.c-screen__list__canvases canvas{height:100%}}@media (max-width:960px){.c-screen__list__canvases canvas{width:100%;border-radius:50%;overflow:hidden;transform:translateZ(0)}}.c-screen__list__canvases canvas.-for-screen{opacity:0;pointer-events:none}.c-screen__list__canvases canvas.-thumb{position:relative}.c-screen__list__label{font-family:Crimson Text,serif;font-size:1.6rem;letter-spacing:.1em;text-align:center;padding:4px 0 0}@media (max-width:960px){.c-screen__list__label{font-size:1.4rem;padding:0;position:absolute;white-space:nowrap;left:50%;bottom:-28px;transform:translateX(-50%)}}.c-screen__main{max-width:560px;margin:0 auto;height:94%;position:relative;z-index:0}@media (max-width:960px){.c-screen__main{width:calc(100% - 40px);height:100%;margin:0 auto;display:flex;align-items:center}}.c-screen__main:before{display:block;padding:100% 0 0}@media (max-width:960px){.c-screen__main:before{content:none}}.c-screen__main canvas{display:block;height:100%;top:0;left:0;right:0}@media (max-width:960px){.c-screen__main canvas{width:auto;height:auto;max-width:100%;max-height:100%;bottom:0;margin:auto}}.c-screen .c-btn-zoom{position:absolute;top:8px;right:20px}@media (min-width:961px){.c-screen .c-btn-zoom{display:none}}@media (max-width:960px){.c-screen.-zoom .c-screen__bg{display:block}}.c-screen.-zoom .c-screen__main{margin:0 auto;height:auto;position:absolute;top:-56px;bottom:0;left:0;right:0}.c-screen.-zoom .c-screen__list{opacity:0;pointer-events:none}.c-screen.-zoom .c-screen__main{pointer-events:none}.c-screen.-zoom .c-btn-zoom{opacity:0;pointer-events:none}.l-content{position:relative;z-index:0;height:calc(100% - 56px)}.l-content.-waiting .c-colors,.l-content.-waiting .c-colors *{pointer-events:none}@media (max-width:960px){.l-content.-zoom .c-screen{padding:0 0 104px;margin:0 -10px;width:auto;transition:1.2s cubic-bezier(.11,.74,.34,.93)}.l-content.-zoom .c-screen__bg{display:block}.l-content.-zoom .c-screen__list{opacity:0;pointer-events:none}.l-content.-zoom .c-screen__main{pointer-events:none}.l-content.-zoom .c-screen__main .c-btn-zoom{opacity:0}.l-content.-zoom .c-btn-download,.l-content.-zoom .c-btn-order,.l-content.-zoom .c-option{opacity:0;pointer-events:none}}