body{overflow-x:initial}.ugc-page .addToCardContainer{width:100%}.ugc-page .select_color{border-bottom:1px solid #e46245;color:#e46245!important;font-family:roc-grotesk,sans-serif;letter-spacing:.04em;color:#000;font-size:14px;font-weight:600}.ugc-page .color-black{background-color:#000}.ugc-page .color-grey{background-color:#9b8d7d}.ugc-page .color-red{background-color:#d11a1a}.ugc-page .color-blue{background-color:#647a8c}.ugc-page .color-yellow{background-color:#d5a766}.ugc-page .page-width{padding:0 8px}.ugc-page .cont{padding:36px 16px;background-color:#eae7dc;color:#000}.ugc-page .tit{text-align:center}.ugc-page .sub{margin-top:8px;text-align:center}.ugc-page .colors{display:flex;align-items:center;justify-content:center;position:sticky;margin:12px -16px 0;padding:8px 0;top:0;background-color:#eae7dc;z-index:100;display:none}.ugc-page .colors .item{display:flex;align-items:center;justify-content:center;flex:1;max-width:44px;max-width:48px;height:32px;margin:0 4px;border:1px solid black;border-radius:16px;font-size:12px;line-height:1;letter-spacing:.08em;font-weight:500;text-transform:uppercase;font-family:roc-grotesk,sans-serif;transition:all .25s ease-out}.ugc-page .colors .item.selected{color:#fff;background-color:#000}.ugc-page .colors .item.selected .color-black{border:1px solid white}.ugc-page .colors .item .color{display:inline-block;width:16px;height:16px;border-radius:100%;background-position:center}.ugc-page .photos{margin-top:24px}.ugc-page .photos .item{margin-top:16px}.ugc-page .photos .item:first-child{margin-top:0}.ugc-page .photos .photo{position:relative}.ugc-page .photos .photo .img{background-color:#000}.ugc-page .photos .photo .img video{min-width:auto;min-height:auto;height:100%}.ugc-page .photos .photo .name{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;position:absolute;max-width:calc(100% - 8px);top:0;padding:4px 12px 4px 8px;background-color:#eae7dc;color:#000;border:1px solid black;font-size:11px;line-height:1;overflow:hidden}.ugc-page .photos .photo .name .avatar{width:22px;height:22px;margin-right:6px;border-radius:100%;background-color:#000;overflow:hidden}.ugc-page .photos .photo .name .avatar img{width:100%;height:100%;object-fit:cover}.ugc-page .photos .photo .name span{white-space:nowrap}.ugc-page .color-dot{display:flex;align-items:center}.ugc-page .color-dot .dot{display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:100%;background-position:center}.ugc-page .color-dot span{font-size:16px;line-height:1;white-space:nowrap}.ugc-page .buy{position:fixed;width:100%;padding:24px 8px;bottom:0;background-color:#000;color:#fff;z-index:10000000000000000;overflow:hidden}.ugc-page .buy.step-2{transform:translateY(100%);transition:transform .25s ease-out}.ugc-page .buy.step-2.active{transform:translateY(0)}.ugc-page .buy ._1{display:flex;align-items:center;justify-content:space-between}.ugc-page .buy ._1 .color-dot .color-black{border:1px solid white}.ugc-page .buy ._2{position:relative}.ugc-page .buy ._2 .row{display:flex;align-items:center}.ugc-page .buy ._2 .row-close{justify-content:flex-end;margin-bottom:24px;line-height:0}.ugc-page .buy ._2 .col-slider{width:110px;margin-right:16px}.ugc-page .buy ._2 .col-color{flex:1}.ugc-page .buy ._2 .col-color .color-name,.ugc-page .buy ._2 .col-color .btn2{display:none}.ugc-page .buy ._2 .slid .img{background-color:#eae7dc;transition:all .25s ease-out}.ugc-page .buy ._2 .slider-th{display:none}.ugc-page .buy ._2 .row-btn{margin-top:32px}.ugc-page .buy ._2 .row-btn .btn2{width:100%}.ugc-page .buy .drop{position:relative;margin-top:12px;color:#fff}.ugc-page .buy .drop .trigger{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 12px;border:1px solid white;background-color:#000}.ugc-page .buy .drop .trigger .icon{width:auto;height:24px;transform:rotate(180deg);transition:all .25s ease-out}.ugc-page .buy .drop .trigger .icon path{fill:#e46245}.ugc-page .buy .drop .trigger .color-black{border:1px solid white}.ugc-page .buy .drop .trigger.active .icon{transform:rotate(0)}.ugc-page .buy .drop .menu{display:none;position:absolute;width:100%;border:1px solid white;border-top:none;height:140px;overflow-y:auto;background-color:#000;z-index:1000}.ugc-page .buy .drop .menu .item{display:flex;align-items:center;height:40px;padding:0 12px;color:#fff}.ugc-page .buy .drop .menu .item.selected{background-color:#ffffff52}.ugc-page .buy .icons{margin:20px -8px 0}.ugc-page .buy .icons .item{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 8px;text-align:center}.ugc-page .buy .icons .item img{width:auto;height:44px;margin-bottom:8px}.ugc-page .buy .icons .item span{font-size:12px;line-height:1.333}.ugc-page .buy .th{display:flex;align-items:center}.ugc-page .buy .th .img{width:42px;height:42px;margin-right:12px;background-color:#eae7dc}.ugc-page .buy .th .link{padding-bottom:2px;font-size:14px;line-height:1;letter-spacing:.08em;font-family:roc-grotesk,sans-serif;text-transform:uppercase;font-weight:700;color:#e46245;border-bottom:1px solid #e46245}.ugc-page .buy .btn2{letter-spacing:.04em}@media (min-width: 768px){.ugc-page .addToCardContainer{width:100%}.ugc-page .page-width{padding:0 32px}.ugc-page .cont{padding:52px 24px}.ugc-page .tit{font-size:32px}.ugc-page .tit br{display:none}.ugc-page .sub{font-size:16px}.ugc-page .sub br{display:none}.ugc-page .colors{margin-top:16px;padding:12px 0}.ugc-page .photos{display:flex;flex-wrap:wrap;margin:32px -8px 0}.ugc-page .photos .item{width:50%;margin-top:16px;padding:0 8px}.ugc-page .photos .item:nth-child(1),.ugc-page .photos .item:nth-child(2){margin-top:0}.ugc-page .photos .item .name{max-width:calc(100% - 8px);padding:8px 16px;font-size:14px}.ugc-page .photos .item .name .avatar{width:26px;height:26px;margin-right:8px}.ugc-page .buy{padding:24px 0}.ugc-page .buy ._2{padding-left:180px}.ugc-page .buy ._2 .row-close{position:absolute;right:0;top:0}.ugc-page .buy ._2 .row-media{align-items:flex-start}.ugc-page .buy ._2 .row-media .col-slider{position:absolute;width:156px;left:0;top:0;overflow:hidden}.ugc-page .buy ._2 .row-media .col-slider .slider-th{display:block;margin-right:-12px;margin-top:12px}.ugc-page .buy ._2 .row-media .col-slider .slider-th .item{margin-right:12px}.ugc-page .buy ._2 .row-media .col-slider .slider-th .slick-current .img{background-color:#eae7dc7a}.ugc-page .buy ._2 .row-media .col-color{display:flex;align-items:flex-end;justify-content:space-between;padding-top:24px}.ugc-page .buy ._2 .row-media .col-color .btn2{display:inline-flex}.ugc-page .buy ._2 .row-media .color-selector .color-name{display:block;margin-top:2px;font-size:14px;line-height:1}.ugc-page .buy ._2 .row-media .drop .trigger{display:none}.ugc-page .buy ._2 .row-media .drop .menu{display:flex!important;position:relative;height:auto;margin-top:16px;padding:0;background-color:transparent;border:none;overflow:visible}.ugc-page .buy ._2 .row-media .drop .menu span{display:none}.ugc-page .buy ._2 .row-media .drop .menu .item{position:relative;margin-right:16px;height:auto;padding:0}.ugc-page .buy ._2 .row-media .drop .menu .item .dot{width:28px;height:28px;margin:0}.ugc-page .buy ._2 .row-media .drop .menu .item .dot.color-black{border:1px solid white}.ugc-page .buy ._2 .row-media .drop .menu .item.selected{background-color:transparent}.ugc-page .buy ._2 .row-media .drop .menu .item.selected:after{content:"";position:absolute;width:38px;height:38px;left:-5px;top:-5px;border:1px solid white;border-radius:100%}.ugc-page .buy ._2 .icons{margin:60px 0 0}.ugc-page .buy ._2 .icons .item{flex:initial;display:flex;flex-direction:row;width:160px;margin-right:8px;padding:0 0 0 8px;border-left:1px solid white;text-align:left}.ugc-page .buy ._2 .icons .item:first-child{padding-left:0;border:none}.ugc-page .buy ._2 .icons .item img{margin-right:8px;margin-bottom:0}.ugc-page .buy ._2 .row-btn{display:none}}@media (min-width: 1200px){.ugc-page .addToCardContainer{width:auto}.ugc-page .page-width{padding:0 64px}.ugc-page .cont{padding-top:72px;padding-bottom:72px}.ugc-page .tit{font-size:40px}.ugc-page .sub{margin-top:12px;font-size:24px}.ugc-page .colors{margin-top:24px;padding:12px 0}.ugc-page .colors .item{cursor:pointer;cursor:hand}.ugc-page .colors .item:hover{background-color:#0000003d}.ugc-page .photos{max-width:1114px;margin:40px auto 0}.ugc-page .photos .item{margin-top:24px;padding:0 12px}.ugc-page .buy ._1,.ugc-page .buy ._2{max-width:1090px;margin:0 auto}.ugc-page .buy .th .img{width:64px;height:64px;margin-right:24px}.ugc-page .buy ._1 .th{cursor:pointer;cursor:hand}.ugc-page .buy ._2{padding-left:280px}.ugc-page .buy ._2 .row-media .col-slider{display:flex;flex-direction:row-reverse;width:248px}.ugc-page .buy ._2 .row-media .col-slider .slider-ph{width:184px;width:188px}.ugc-page .buy ._2 .row-media .col-slider .slider-th{width:56px;margin-right:8px;margin-top:0}.ugc-page .buy ._2 .row-media .col-slider .slider-th .img{width:56px;height:56px;margin-bottom:8px}.ugc-page .buy ._2 .icons{margin-top:28px}.ugc-page .buy ._2 .icons .item{width:180px;margin-right:16px;padding-left:16px}.ugc-page .buy ._2 .icons .item span{font-size:14px}.ugc-page .buy ._2 .row-media .drop .menu .item{cursor:pointer;cursor:hand;transition:all .25s ease-out}.ugc-page .buy ._2 .row-media .drop .menu .item:hover{opacity:.8}}#dovetale-container{display:none}
/*# sourceMappingURL=/cdn/shop/t/19/assets/custom-ugc.scss.css.map */