.container-notice{align-items:center;position:fixed;z-index:4000;left:20px;bottom:20px}.me{background:url(/cdn/shop/t/7/assets/noticeicon2.svg);background-size:100% 100%}.pop-notice{background:#57b2f8;border-radius:50px;height:70px;overflow:hidden;position:relative;width:70px;-webkit-tap-highlight-color:transparent;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1)}.pop-notice:not(.expand){cursor:pointer}.pop-notice:not(.expand):hover{background:#06a}.pop-notice .from{top:0;left:0;transition:opacity .2s .1s cubic-bezier(0,0,.2,1)}.pop-notice .from-contents{display:flex;flex-direction:row;transform-origin:0 0;position:fixed;transition:transform .3s cubic-bezier(.4,0,.2,1)}.pop-notice .to{opacity:0;position:absolute;transition:opacity .1s cubic-bezier(.4,0,1,1)}.pop-notice .to-contents{position:fixed;top:100%;left:150%;transform:scale(.55);transform-origin:0 0;transition:transform .3s cubic-bezier(.4,0,.2,.5),top .3s cubic-bezier(.4,0,.2,.5),left .3s cubic-bezier(.4,0,.2,.5);box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.pop-notice .top{background:#08c;display:flex;flex-direction:row;height:70px;transition:height .3s cubic-bezier(.4,0,.2,1);width:550px}.pop-notice .avatar-large{height:40px;margin-left:15px;position:relative;top:14px;width:40px}.pop-notice .name-large{color:#fff;font-size:20px;line-height:70px;margin-left:20px}.x-touch{align-items:center;align-self:center;cursor:pointer;display:flex;height:50px;justify-content:center;margin-left:auto;width:50px}.x{color:#fff;border-radius:10px;height:20px;position:relative;width:20px}.pop-notice .line1{background:#fff;height:12px;position:absolute;transform:translate(9px) translateY(4px) rotate(45deg);width:2px}.pop-notice .line2{background:#fff;height:12px;position:absolute;transform:translate(9px) translateY(4px) rotate(-45deg);width:2px}.pop-notice .bottom{background:#fff;color:#444247;font-size:14px;height:300px;padding-top:5px;width:550px}.pop-notice .row{align-items:center;display:flex;flex-direction:column;height:60px}.pop-notice .row h2,.pop-notice .row p{position:relative;display:block}.pop-notice .row h2{font-size:23px;font-weight:600;padding-top:0;padding-bottom:10px}.pop-notice .row p{padding:0 70px;font-size:14px}.pop-notice.expand{background:#06a;border-radius:50px;height:70px;overflow:hidden;position:relative;width:70px;-webkit-tap-highlight-color:transparent;box-shadow:0 10px 20px #0000001a,0 6px 6px #00000029}.pop-notice.expand .from{top:0;left:0;transition:opacity .1s cubic-bezier(.4,0,1,1)}.pop-notice.expand .from-contents{display:flex;flex-direction:row;transform:scale(1);transition:transform .3s cubic-bezier(.4,0,.2,1)}.pop-notice.expand .to{opacity:1;transition:opacity .2s .1s cubic-bezier(0,0,.2,1)}.pop-notice.expand .to-contents{position:fixed;top:20%;left:50%;transform:translate(-50%,-20%);box-shadow:0 4px 8px #0003,0 6px 20px #00000030;transition:transform .3s cubic-bezier(.4,0,.2,1)}@media(max-width:800px){.pop-notice .top{background:#08c;display:flex;flex-direction:row;height:70px;transition:height .3s cubic-bezier(.4,0,.2,1);width:500px}.pop-notice .avatar-large{height:40px;margin-left:15px;position:relative;top:14px;width:40px}.pop-notice .name-large{color:#fff;font-size:20px;line-height:70px;margin-left:20px}.pop-notice .bottom{background:#fff;color:#444247;font-size:14px;height:280px;padding-top:0;width:500px}.pop-notice .row{align-items:center;display:flex;flex-direction:column;height:60px}.pop-notice .row h2,.pop-notice .row p{position:relative;display:block}.pop-notice .row h2{font-size:21px;font-weight:600;padding-top:0;padding-bottom:0}.pop-notice .row p{font-size:14px;padding:0 60px 10px}.pop-notice .to-contents{position:fixed;top:20%;left:50%;transform:translate(-50%,-20%);transform:scale(.55);transform-origin:0 0;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.pop-notice.expand{background:#06a;border-radius:50px;height:70px;overflow:hidden;position:relative;width:70px;-webkit-tap-highlight-color:transparent;box-shadow:0 10px 20px #0000001a,0 6px 6px #00000029}}@media(max-width:500px){.pop-notice{background:#57b2f8;border-radius:50px;height:60px;overflow:hidden;position:relative;width:60px;-webkit-tap-highlight-color:transparent;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1)}.pop-notice .top{background:#08c;display:flex;flex-direction:row;height:55px;transition:height .3s cubic-bezier(.4,0,.2,1);width:420px}.pop-notice .avatar-large{height:30px;margin-left:15px;position:relative;top:12px;width:30px}.pop-notice .name-large{color:#fff;font-size:19px;line-height:55px;margin-left:20px}.pop-notice .bottom{background:#fff;color:#444247;font-size:14px;height:240px;padding-top:0;width:420px}.pop-notice .row{align-items:center;display:flex;flex-direction:column;height:60px}.pop-notice .row h2,.pop-notice .row p{position:relative;display:block}.pop-notice .row h2{font-size:17px;font-weight:600;padding-top:0;padding-bottom:0}.pop-notice .row p{font-size:12px;padding:0 30px 10px}.pop-notice.expand{background:#06a;border-radius:50px;height:60px;overflow:hidden;position:relative;width:60px;-webkit-tap-highlight-color:transparent;box-shadow:0 10px 20px #0000001a,0 6px 6px #00000029}}@media(max-width:320px){.pop-notice{background:#57b2f8;border-radius:50px;height:60px;overflow:hidden;position:relative;width:60px;-webkit-tap-highlight-color:transparent;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1)}.pop-notice .top{background:#08c;display:flex;flex-direction:row;height:55px;transition:height .3s cubic-bezier(.4,0,.2,1);width:280px}.pop-notice .avatar-large{height:30px;margin-left:15px;position:relative;top:12px;width:30px}.pop-notice .name-large{color:#fff;font-size:19px;line-height:55px;margin-left:20px}.pop-notice .bottom{background:#fff;color:#444247;font-size:14px;height:230px;padding-top:0;width:280px}.pop-notice .row{align-items:center;display:flex;flex-direction:column;height:60px}.pop-notice .row h2,.pop-notice .row p{position:relative;display:block}.pop-notice .row h2{font-size:15px;font-weight:600;padding-top:20px;padding-bottom:0;margin-top:-20px;white-space:pre-line}.pop-notice .row p{font-size:10px;padding:5px 20px 10px;white-space:pre-line}.pop-notice.expand{background:#06a;border-radius:50px;height:60px;overflow:hidden;position:relative;width:60px;-webkit-tap-highlight-color:transparent;box-shadow:0 10px 20px #0000001a,0 6px 6px #00000029}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/popup-small.css.map */